ARTIE DESIGN 網頁設計、網站設計
Thursday, July 2, 2009, 11:11 AM - 創意無限大




愛上生活每一天 - HCG 和成廚具
在印象中,只要說到HCG大家都知道它是做衛浴設備的,不知從何時開始,它
開始發展了廚具事業。要不是這次的官網設計,我還真沒注意過呢??

經過與客戶一連串的溝通及了解後,才發現原來和成是於1993年與日本 KITCHEN
HOUSE 公司,技術合作及整廠輸出成立了生活館廚具事業處,由 KITCHEN HOUSE
公司協助引進總投資金額兩億元之歐洲高科技、電腦化的全自動生產設備,強
化生產技術人員之培訓,製造國內首屈ㄧ指的高級歐化系統廚具。

在我的認知中HCG這個品牌長期以來只要想到它就會想到它藍色的logo,所以
在起初的定義上,我們是希望能以HCG的深藍色做為官網的主要色調,加強消
費者的基楚印象,不過其實人家廚具部早已有屬於自己的定調logo,如下圖↓



而這個被定調的LOGO在外型上,依舊是源自於原始HCG的藍色LOGO,只不過
為了做更深的產品區隔,所以在他們CI的色系及輔助圖文作了一些變化,而他
們希望將這個變化延伸至官網裡,所以深藍色~拜拜啦!!!!同時為了強化色系
所帶來的延續性,在網站的色系上也是以深色系做底,除了讓識別系統有一致
性外,更藉用色系來凸顯產品所欲呈現出來的質感,以色系而言,巧妙的運用
黑色來做主色系,通常能夠讓企業的整體價值與產品的精緻度做出很高的視覺
質感與美感,這一點經常可在世界級的消費性精品官網裡得到印證。

另一方面,在主體視覺方面,由於每一套廚具皆為量身規劃及訂做,除了產品
本身主要以門版材質的變化為主,收納空間增減變化,需要大量的圖片讓消費
者了解每一種材質廚具在不同的空間裡所能呈現出來的感覺,所以在網站的規
劃上,我們就以大量的大圖效果,讓瀏覽者在瀏覽官網時能夠一目了然並全面
性的了解產品可能替廚房帶出甚麼樣的感覺,於是我們設計出了可以隨瀏覽者
任意變換底圖的網站,讓瀏覽者可以用最快與最直接的方式看到他們所要的圖
片。



在某種程度上,這樣的網站帶有一種WEB2.0的味道,瀏覽者可以依照自己的需
求去做網站底圖的配置,除了可更換底圖外,點選到任何一個選單,底圖也能
夠隨著點選不同的選單而跑出不一樣的圖,這是一個全Flash的網站,所以做
這樣的變化,正常的純Html頁面在目前而言,很少能有如同這樣的呈現!

HCG其實是一個實事求事與傳統保守的老牌企業,很多傳產都存在著一個問題
,他們很擅於製作,產品在品質上都做得很好,但是往往都是製作商品來讓消
費者習慣產品,但環境潮流其實隨時都變化著,我們在網站的概念上導入了一
個觀念。今後的消費市場,正逐漸的邁向消費者導向。意即生產者所製造的商
品不論在外型亦或是功能,主導權漸漸的都會回歸到消費者的手上,而我們也
把主視覺交到瀏覽者的手上,這對HCG而言事件很好的事,因為他們的產品不
就也是因為重視消費需求,所以量身訂做。我們把理念付諸在官網的製作上,
結合視覺與互動,讓HCG廚具一展新意!

和成廚具 官網: http://www.hcg.com.tw/kitchen



亞惿網頁設計-版主 Joyce

延伸閱讀:
波濤洶湧--翡翠灣的誕生



  |  0 引用   |  permalink   |  related link   |   ( 3.1 / 2050 )

Tuesday, June 30, 2009, 09:22 AM - 創意無限大




波濤洶湧--翡翠灣的誕生
每一個網站的誕生都是需要在不斷溝通和規劃下才能產生雛型,當雛形已經產
生後,再來就是讓小鴨變成我們所看到的美麗天鵝。

這次做太平洋翡翠灣溫泉度假飯店的視覺,花了很多時間在前端討論。翡翠灣
因為多了一個城堡的建築物,裡面充滿豐富的設施,本身擁有美麗的海灘、又
有地中海風格的鐘樓建築,是個別有特色的度假飯店。

在網站的部分,除了翡翠灣溫泉度假飯店本身以外,客戶希望城堡的部分感覺
像是比較獨立的個體,這也是他們在網站改版最想強調的事情。朝著打造出度
假天堂的目標,我開始思考網站要賦予的核心概念。從太平洋翡翠灣所主推的
地中海風情婚宴、幅員廣大的海岸線到內含俱樂部的城堡建物。它的特色看來
不少,但是要怎樣聚焦又能讓客戶滿意,才是最主要的重點。

於是--『夢境回憶』的概念就這樣誕生了。我們一開始請兩位設計師,設計出
了兩個版本。第一個版本,是直接以城堡為核心,讓網站的主軸明確,帶入可
愛和實景的物件來突顯主題,並且讓人有走入仙境一般的視覺感受。



第二個版本,則是以照片為基底,讓人充分感受到在翡翠灣所帶來的回憶和實
景的美好;城堡的部分則是加上夢幻的線條去編織出有如幻境般的視覺。





我自己比較喜歡的版本是第二個版本,我特別喜愛這個頁面可能會呈現的感覺
,他的首頁做成照片的方式拼接,但是當走到城堡的時候,則會將畫面整個翻
轉過來,並且長出花紋,因為是全flash的網站,光靠想像就讓人很期待。

而在這兩個版本提案的時候,我們也受到客戶的肯定,當時在場的客戶們對於
兩個版本各有所好,也告訴我們很難下決定,這讓我們心情又驚又喜,雖然很
高興客戶們讚賞這次的作品,但是無法下決定就是最大的難題。於是這個難題
,就交到了太平洋翡翠灣度假飯店的老闆身上。之後客戶告訴我們,雖然老闆
也覺得都很喜歡我們兩個版本,各有特色和優點,但是他更希望把想要傳達的
事情在一瞬間就能都表達出來。於是他建議我們把城堡和鐘樓建築物當成主題
物件下去做。於是,在花費了數日之後,新的作品又誕生了,空中城堡和夢幻
鐘樓相互映襯,可愛的物件幻化成選單,視覺帶出神秘感和給人身在夢境般的
錯覺。



而同樣的,當客戶看到這個作品時也一樣表示滿意,但是畢竟還沒有經過老闆
那一關,我們仍然很緊張,因為對我們來說,對於作品沒有建議才是最好的結
果。

這次我們終於見到了太平洋的老闆,心情更是忐忑不安。而老闆也真的給了我
們建議,他希望我們在這個頁面中再多說一些故事,多呈現一些有關太平洋翡
翠灣真實的一面,例如最重要的海灘。再經過一番討論之後,根據客戶的需求
,我們終於找出適合抓住眼光,並且道出太平洋想要傳達故事的視覺。夢中美
好的海洋、城堡和樂園。彷彿置身在雲上俯瞰嚮往的美麗仙境。





在提案時,看到老闆微微點了點頭,我鬆了一大口氣,總算定案了。這一次耗
費了許多時間,製作出了四種版本,終於在最後一次,讓我們的作品成功過關
了。其實這次的每個版本我都很喜歡,但是設計每關跟保有設計理念,有時候
不足以滿足客戶的需求。客戶要的有時候不只是好看的網站,還要能夠表達出
他們最想講的事情,這才是為什麼客戶要做網站的原因,也是做網站最難的地
方。



亞惿網頁設計-企劃部 Mag

延伸閱讀:
事務所LOGO的誕生!!



  |  0 引用   |  permalink   |  related link   |   ( 2.9 / 2052 )

Friday, June 19, 2009, 09:31 AM - 創意無限大




事務所LOGO的誕生!!
案件種類無奇不有,最近更是體會到諸多企業想汰舊換新的狀況增多,甚至重
視起「網站」的重要性!企業該如何達到品牌識別?就像我們的臉,每個人都
有屬於自己的「識別」。那麼,我們就要替企業設計一個屬於他們,而獨一無
二的企業識別,這就是LOGO!

不過,設計與企業識別卻有些差異~設計通常可以有無限的創意想像、可做各
種活潑的變化,但企業識別卻有所謂的「規範」。( 例如:圖形要簡明、顏色
與圖文的配置要注意等等… )另外,企業識別還需考慮到各種可能的應用,除
了最普遍可見的名片、信封/紙….特殊的還有小到用於筆上、大盜用於公務車
上等…. 因此需要考量的因素很多,不像一般設計只需考慮設計作品本身視覺
呈現即可!

信維事務所,是間迫不及待脫胎換骨、汰舊換新的公司,公司歷史已有數年,
我欣賞下一代跟隨時代求新意識,使我對設計LOGO獨特的經驗從害怕到熱情
!那麼,我們該如何設計出一個具有意義且容易記憶的LOGO呢?整個過程中
,最快樂是與設計師一起討論的時候,有人與你一起想把事情做好、一起為這
案件奮鬥,這感覺真的很棒!

首先,我們先去了解公司的背景,便開始規畫事務所需要什麼樣的LOGO。我
們列出了公司的核心「服務、合法正派、透明化」;並參考此公司最大特色為
「稽核制度」,以及注意客戶指名不想要有的感覺或元素,並參閱公司之前LO
GO,”取優棄缺”的方式,彙整結合一一以手繪描出。說一堆話、看一堆文字
,頭都暈了…來看圖說故事吧!!



雖然放在一起,但很明顯一看就知道哪個是我畫的哪個是設計師畫的lol…因為
此次經驗,我學到了很多!簡化…再簡化…的過程,還蠻有趣的!



畫完了,有了再次的開會,主管給予我們及時的指導和建議。的確,所設計出
來的東西還是太過表面,要如何像主管所說的「使設計出來的東西有”深度”
呢?」。對!第一層我們做到了,那第二層呢??(we should think about that…)
經過不斷的探討及修正,我們最後做出了9個LOGO,主要提案有三個、備取則
有六個!往下看是我們設計主要提案的第一個LOGO:



此LOGO形象較保守。以企業英文單字字首DL設計,並以圖地反轉達到 double
check的特色。

接下來是我們設計主要提案的第二個LOGO:


此LOGO故事較豐富。主要傳達「成功的幕後推手」概念;以西裝筆挺的人型剪
影手攜D文件以傳達企業專業的服務;上下左三方箭頭為「信」字簡化想表達
企業積極的一面。

最後,即是我們設計主要提案的最後一個LOGO:


此LOGO較偏設計面。以層疊方塊來代表文件為企業工作型態,大寫V象徵企業
稽核/自我負責的態度。Okay!觀賞完了,我們來猜猜看,客戶選了哪一個?等
等等等……別忘了,還有可愛的備取們唷~~~



備取就屬於比較第一層概念去設計出來的東西,設計層面還不夠深入!但本人
是覺得有一兩個還不錯~如果有更多的時間去做修正,應該可以更好!


亞惿網頁設計-企劃部 Sho

延伸閱讀:
網頁設計-網站分析







  |  0 引用   |  permalink   |  related link   |   ( 3 / 2078 )

Wednesday, May 13, 2009, 02:24 PM - 創意無限大




野狼愛上豬 Stop-motion Animation
最近有一支網路影片受到網友的廣泛討論,並且被美國紐約時報特別報導出來
。這支叫做「野狼愛上豬」的影片,是由一位25歲的年輕人所拍攝的,由於作
品有很高的原創性,內容的表現也很精彩,因此影片在一天內就吸引了十萬人
次的觀眾,也讓25歲的作者一夕成名。


資料來源: http://www.youtube.com/watch?v=rmkLlVzUBn4

其實這支影片製作的原理非常簡單,相信大家小時候一定有看過使用黏土玩偶
或剪紙娃娃來製作的影片,這類影片都是採用逐格動畫的原理所拍攝而成的。

而所謂的逐格動畫(stop-motion Animation),正如它的名稱所述,是透過逐格
拍攝靜態物件,然後利用人眼會有視覺殘影的反應,快速地連續播放靜態圖片
,來生成動態的畫面。其中像是提姆波頓的「地獄新娘」、「聖誕夜驚魂」或
阿德曼公司製作的「繞跑雞」等影片,都是逐格動畫的經典代表作品。

因為製作的原理非常簡單,所以一般人其實也可以拍攝出有趣的作品。除了「
野狼愛上豬」,目前在youtube網站上也有不少stop-motion的精彩作品:

1. Happy New Year / Electrabel
這支影片是一家能源公司的新年廣告,畫面的構成非常優美複雜,讓人忍不住
讚賞設計者的構想。

資料來源: http://tw.youtube.com/watch?v=L5Nu8bo2d-o

2. Her Morning Elegance / Oren Lavie
這支MV巧妙地用一張床說了一個有趣的故事。

資料來源: http://www.youtube.com/watch?v=2_HXUhShhmY

3. Iron Man vs Bruce Lee 鋼鐵人與李小龍的對決!

資料來源: http://www.youtube.com/watch?v=Ywu1DeqXTg4

4. Tony vs. Paul
影片沒有什麼設計上的巧思,但仍是一部成功的搞笑影片。

資料來源: http://www.youtube.com/watch?v=AJzU3NjDikY




亞惿網頁設計-設計部 Tony

延伸閱讀:
夢幻般的風景-TROVE壁紙



  |  0 引用   |  permalink   |  related link   |   ( 2.9 / 1760 )

Wednesday, April 1, 2009, 01:37 PM - 創意無限大




夢幻般的風景-TROVE壁紙
成立不到兩年的TROVE就以已經獲得ICFF設計獎的肯定,在近年的崛起的壁紙
設計中掀起一波獨特的設計風格。

TROVE是由Jee Levin 和Randall Buck 兩位藝術家, 於2006年在紐約創立的品牌
,不同於其他廠商出品的壁紙,TROVE 的壁紙給人一種夢幻又帶有寫真的fu,
當壁紙貼再牆上的時候就像欣賞一幅美麗的畫,就如同TROVE 想要表現出別
於一般壁紙給人的刻板印象一樣,成功扮演壁紙所帶給人的是一種特殊氛圍的
營造。

再來介紹兩位創立TROVE的創始人與網站,想要購買的人可以從這邊找到一些
資訊,我想普通人應該很難買得起吧,畢竟壁紙對於現在的經濟狀況來講實在
算是一種奢侈。



TROVE 網站

Randall Buck: 曾是一位多媒體藝術家,擅長攝影,也跟現在的夥伴Jee Levin一
起開設陶瓷工作室,也陸續搞了一些空間設計展示的工作。

Jee Levin:擁有豐富靜物的拍攝經驗,同事也是位畫家,擅長蠟畫法的繪畫技
巧。

TROVE為什麼可以在這波如過江之鯽的浪潮中脫穎而出,在我這個大外行的眼
中也可以看出TROVE設計出的作品中,混合了攝影手法與繪畫技法,相互交織
,每個作品透露出緊湊又似幻影的多重感覺,緊密的圖案與繁複的細節成功營
造出別於一般壁紙的高標準壁紙。而壁紙的內容多半是自然中的植物與花卉,
讓購買的人回到家中也可以充分享受到大自然的感覺,對於現在的人來講,回
到家也是一種享受。



現在的人購買房子不再像以前一樣,只是在住處上要求舒適與安靜,更要求回
到家有更不一樣的感覺與體驗,不管找尋室內設計師去設計一個屬於自己的空
間或者是精心購買想要的家俱,在台灣好像這個觀念已經慢慢的成型當中,如
果想要有更高標準的享受與視覺饗宴,不仿可以考慮使用壁紙來點綴自己的窩




亞惿網頁設計-設計部 Yung

延伸閱讀:
英國浪漫剪刀手 Rob Ryan


  |  0 引用   |  permalink   |  related link   |   ( 3 / 1857 )

Wednesday, March 25, 2009, 01:34 PM - 創意無限大




山寨文化
現在流行三寨版這個名詞,什麼東西都能有三寨版,三寨版嚴然成為時下的一
種新名詞。對岸的山寨文化真的讓人瞠目結舌,相較起來台灣的盜版光碟則稍
嫌略遜一籌。

↓霍爾的移動城堡,看起來好好的


↓我只能說他已經盡力了 = =


記得不久前有人看到對岸給肯德基爺爺找了個老婆。有人看過肯德基爺爺的老
婆嗎.....?



↓她就是.....吉阿婆......



只能說…..大陸的山寨果然不同凡響啊!



亞惿網頁設計-企劃部 Vivian


延伸閱讀:
什麼都有什麼都不奇怪的招牌



延伸閱讀:
英國浪漫剪刀手 Rob Ryan





  |  0 引用   |  permalink   |  related link   |   ( 3 / 1707 )

Friday, March 20, 2009, 01:49 PM - 創意無限大




英國浪漫剪刀手 Rob Ryan
剪紙可能對於一個成年人來說算是童年記憶的一部份,只有上美勞課才會碰到
的作業之一,正所謂行行出狀元,一個把剪紙藝術發揮到淋漓盡致的藝術家,
把不起眼的剪紙結合商業與藝術發展出無限的可能性。






Rob Ryan是個滿頭卷髮大鬍子的藝術家,外表看起來非常粗曠陽剛,作品卻充
滿了滿滿的童趣與細膩,實在沒辦法想像這種人會去做這種線條繁複又耗工的
工作;Rob Ryan曾形容自己是「神經質、沒有安全感、充滿了一個一個洞的人
」,獨處與寂寞是他的創作來源,說得也對,一般人根本沒那麼多時間與耐心
去磨去刻,只能稱他是個有耐心的怪咖。




其實剪紙這門藝術是中國一門古老的民俗技藝,誰都想不到剪紙可以發展出這
麼多元化與商業行為,在Rob Ryan巧手之下,以手術刀代替剪刀,憑著獨特細
膩的風格,獲得各大品牌的關注,也造就許多與大廠商的合作機會。




Rob Ryan的剪紙風格是習慣把文字融入圖像,運用一些柔性訴求的文字再搭配
圖像產生出一些故事與情節,讓欣賞者(讀者) 可以融入其中的情景一般,在我
看來Rob Ryan的剪紙或許看起來大剌剌的,但仔細去細看真得有許多非常細膩
的刻功在裡頭,拉遠來看又好像這些動物與人或者情景活生生擺在你的眼前一
般,我想這可能是Rob Ryan他成功的地方,Rob Ryan把一張平常我門不會注意
的白紙在上面刻畫出一幅幅美麗的愛情故事或者一隻隻小鳥在你面前築巢,發
展出無限乘與無限的可能。






參考資料: Rob Ryan個人blog



亞惿網頁設計 - 設計部 Yung

延伸閱讀:
網頁設計-網站分析


  |  0 引用   |  permalink   |  related link   |   ( 3 / 1646 )

Thursday, February 26, 2009, 01:48 PM - 創意無限大



網頁設計-網站分析

網路似乎已成為現代人生活所必須接觸的傳撥媒介之ㄧ,就像電視一樣,甚至
有些人一天使用網路的時間比看電視更多。你今天想要買個東西,會先上網搜
尋;要出去玩也會上網找大家推薦的地方,網路已成為最快速且方便的查詢來
源, 也成為打廣告的重要媒介。

現在網站也似乎成為每個企業與外界溝通的一個橋樑,大到跨國的企業小至民
間企業,網站已成為企業用來傳達企業精神與形象的主要工具。這時,網站的
功能與意義,就成為一個很重要的訴求點。一個好的網站包括視覺、功能、動
線等等。網站的視覺就像衣服一樣(是基本、必須的),每個人都要穿衣服,所
以穿的好看與否或是否能突顯個人的特色,就成為成功的一個關鍵。這也就是
客戶把網站交給我們的使命。

一個好的網站會擁有生命力,這個生命力是來自於企劃、設計還有客戶的重視
度賦予給它的,這個生命力是網站的核心、視覺跟動線,一個好的網站是能夠
自已說話的,包含他所說的話不只是商品的規格,而是一個品牌的個性、想法
還有他的訴求,這個網站由我們把他做出來,告訴給我們的客戶,而我們的客
戶要說的也就是客戶要傳達給消費者的。

當你今天要去餐廳吃飯,看到2 家店,一家裝潢很漂亮,一家則舊舊的,先撇
開你不知道哪家店好吃與否,大多數的人都會選擇去裝潢漂亮的那家。一個人
不管是男是女,他的長相穿著,在第一眼你就能判斷你是否對他產生善意的感
覺,這道理就好像網站一樣,網站就像一個店家的門面一樣,當user一眼看到
的感覺是好看的、舒服的,而他就有繼續看下去的衝動,甚至是進而產生經濟
效益。而以上的這些就是我們存在的價值,盡我們所能的去賦予網站生命,突
顯客戶的優點,創造客戶與消費者雙贏的局面。

我們最近有個案子—太平洋北投溫泉度假飯店,他們現在舊有的網站做的比較
制式,沒有將他們飯店的特色表現出來,看到網站的感覺也比較不會吸引人想
要去住宿。因為上次的提案我們特地去了飯店一趟,也親自參觀了飯店裡的房
間、設施,才發現不論在住宿或環境或設施上,他其實是很好的,看了會讓人
有想去住的衝動,他擁有五星飯店的外觀及設施、view 很棒的房間(不論你想
要看山景或市景 ),這時就知道網站的重要性了。一個好的網站是可以跟消費
者對話的,給消費者最直接體驗的感受,甚至是感動。

↓太平洋北投-舊有的網站


以下是我們針對太平洋北投所提的兩版視覺:







亞惿網頁設計 - 企劃部 Vivian

延伸閱讀:
網站設計-王家水餃淺談



  |  0 引用   |  permalink   |  related link   |   ( 2.9 / 1917 )

Monday, February 23, 2009, 02:13 PM - 創意無限大


『官方網站-意想不到的美味 』


網站設計-王家水餃淺談
由於要做王家水餃的網站,所以在製作之前做了一趟試吃會,以便了解客戶的
產品,(詳細內容請見:嫂子賣餃子,實在好吃耶之市場調查),但說來真不
好意思,沒想到一試成主顧,我真的三不五時就跑到東湖吃水餃,發瘋的程度
已經到了見人就說你有吃過好吃的水餃嗎?東湖有一家~哈哈 我想我中毒頗深 ~
一方面我覺得它的東西好吃,另一方面身為客戶的伙伴,客戶把它網路市場的
將來交給了我們,所以當下我們的部落格就成為客戶的宣傳管道之一,沒辦法
誰叫我們的BLOG每天談論的都是好吃好玩的呢!!~ 哈

『實在、筷不行了 』


因此在年底時,我們做了官網之後的第一個網路行銷活動,內容包含活動頁,
些許的媒体....等等的 ~ 由於第一次做網路行銷的時候,就得到不小的迴響,我
想產品不錯、行銷的方式也達到共鳴是最大的成功因素。再加上點閱數超過萬
人,購買人數、金額也達到預估,網路上的相關討論也多達十頁之多,一想到
這些就令人感到興奮!!

↓之前的流量真的是少的可以,還好一段時間的努力,讓它提升了不少!!


王家餃子活動行程表如下:

08年十月官網上線 (意想不到的美味)
08年十二月小試身手網路行銷 (實在、筷不行了)
09年二月又一新活動 待續….

我們的成績還不錯~



亞惿網頁設計-企畫部 Archer


延伸閱讀:
ARTIE DESIGN 我們的榮耀


  |  0 引用   |  permalink   |  related link   |   ( 2.9 / 1877 )

Friday, January 2, 2009, 02:51 PM - 創意無限大




嬰兒也可以搞KUSO
當小嬰兒其實也很辛苦,大人們老是會在小嬰兒面前做鬼臉、拍拍手、然後捏
人家臉頰說:「來~笑一個、笑一個!」唉~不趕緊抿嘴給它笑一下,大人們
總是不死心地玩下去....。小嬰兒笑一下後,大人才會滿足而開心地罷手。既然
「笑一下」的娛樂性這麼高,那麼讓可愛的小嬰兒試試看這個全球熱賣中的「
暴牙奶嘴」,不是笑一下,而是笑到翻....。





將奶嘴設計成各種誇張造型的暴牙模樣,小嬰兒一戴上去,大人們可以不用再
麻煩逗小嬰兒了,那可愛模樣,包準笑翻所有大人!小嬰兒也不用這麼辛苦扮
笑了!

各種造型的暴牙奶嘴,我想不論是誰帶起來都很爆笑吧!!



亞惿官方網頁設計-企畫 Vivian

延伸閱讀:
比說的更甜蜜


  |  0 引用   |  permalink   |  related link   |   ( 3 / 2042 )


前一頁 下一頁