顯示具有 設計 標籤的文章。 顯示所有文章
顯示具有 設計 標籤的文章。 顯示所有文章

2015年7月28日 星期二

網頁設計這樣就對了!十招教你做出最棒的網站!

RWD響應式網頁的設計,已經成為現在做網站的基本條件之一。另外SDT小編再與大家分享十招網頁設計的概念,有了這些祕招,你也能做出最潮的時尚網站!



【第一招】圖大!還要更大!

source:http://www.borngroup.com/















自從響應式網站風行後,我們常常看到進入網站就是非常大的圖(或影片),使用者對於影像的接受度,遠遠超過贅述的文字,一張好的圖,除了能夠立馬就吸引到觀眾的目光,加深印象外,更直接替代掉廢話連篇。



【第二招】多媒體體驗

source:http://barstories.jackdaniels.com















運用Html5網頁技術,可以將多媒體置入網頁之中,讓使用者有耳目一新的感受,同時也加強互動的概念,但還是要特別注意效能表現,免得過多的效果反而讓網站不好用。



【第三招】視差效果設計

source:http://www.quoplus.com/














視差設計也是今年設計的一個風潮,將網頁瀏覽時的上下(或左右)移動,設計在視覺上和背景間的差距呈現,可以創造出更多的驚喜。例如上面的耳機網站中,就運用這樣的技巧在展現各種耳機顏色,質感非常棒!



【第四招】用動畫說故事

source:http://habitatweb.mx/















前面有提到多媒體的部分,而在新的html5設計上,也更多了"動畫"的呈現模式,將會動的元素,搭配網頁瀏覽時的文字內容,讓使用者在觀看時,更能一步步引導,深化腦內的印象度。



【第五招】扁平化設計

source:http://colinanddewi.com/















扁平化設計在APP的表現上早就已經是引領潮流的王道,而在網頁設計上,也有著相同趨勢,無論是 icon 、圖像、字體、按鈕,都已變化為簡潔的扁平設計,反而會讓使用者有一種質樸輕鬆的使用經驗。



【第六招】打破格子吧!

source:https://pixelgrade.com/demos/rosa/















source:http://www.world-of-swiss.com/

















以往的網頁設計,強調版面規劃完整、直線切版、將網頁內容一塊一塊的呈現在首頁上,但現在因應手機版的使用度越來越高,突破框架式的思考也才符合未來的設計概念,同時也更能展現網頁的特殊設計風格。




【第七招】運用拼貼

source:http://dynamit.com/































相對於突破框架式的設計,還是有許多網站的設計,是以拼貼的方式來表現,但這個拼貼,不代表就是非常規律的格子,反而是有設計風格的多樣化拼貼,如此更能展現網站圖像式的內容,吸引使用者目光。



【第八招】引導按鈕元件

source:http://humcreative.com/about/















進入一個網站最怕就是迷路,因此許多網站都將導航列(Navigation bar)放在最上方,明顯之處。不過現在也有設計人希望將這些引導的按鈕,置入在網頁之中,創造出更多的使用者互動與趣味。不過重點還是要記住:千萬不能讓使用者迷路阿!



【第九招】導入Google地圖

source:http://nitwinski.com/













Google map提供API可以串接,也讓自己網站可以多樣化的呈現與地圖相關的資訊。



【第十招】多層次呈現

source:http://necotrans.com/















利用多個圖層的相互疊壓,創造出獨特的設計風格,這種方式也比較適合資訊很多的網站,有效率的運用空間來對使用者說明所有內容。

SDT小編結語:

有了這十招的醍醐灌頂,對網頁設計或是需要規劃網站的人來說,應該是個很不錯的建議,不過就像所有的武功絕招一樣,學習每個技巧或觀念還是要能夠應用與消化,而不是硬把不適合的東西加入網站設計之中,這樣只會讓使用者覺得眼花撩亂。還是要仔細思考自己的網站對象是誰?誰來使用?目的為何?才能真正做出一個同時具備實用與設計感的好網站。



以上非翻譯文章,小編概念與原文作者並不一定完全相同
圖文參考資料來源:http://99designs.com/designer-blog/2015/01/16/top-web-design-trends-2015/

2014年4月10日 星期四

<成功行銷術> 41個創意包裝設計,太精采了!

在消費者購物時,影響下決定掏錢的因素中,除了實用外,另外心理層面的影響也不可謂之不大。這就像現在看到有許多的"療癒系商品",本身並不一定好用或實用,但是只要看到它的設計、包裝,就能夠讓人開心一整天。

如果將生活日常用的到的物品,增加巧思做出設計區隔,就能提升商品整體"價值",而這樣的價值,就可以順利反映在"價格"上,而不是一味採取砍價的紅海策略。

讓我們來看看人家是怎麼做創意設計的吧!

1.精靈帽子麵包

尖尖的精靈帽,看上去就想咬一口!


































www.losiento.net

2.音符note耳機

簡單黑白色系音符,有質感又有趣





www.corinnepant.com

3.能量補充飲料

補血!補血!哈,有點嚇人





















www.jateconto.com

4.預防小賊三明治袋

是會防小賊啦,但會不會被別人丟到垃圾桶去啊?XD














www.vicer.ru

5.皇室茶包

今天,想來杯歐巴馬皇室茶嗎?




















by Donkey Products

6.舒潔衛生紙包裝

這應該是夏季限定版吧,好清涼舒適的感受阿





















































by Hiroko Sanders

7.乾柴烈火火柴盒

窩!好害羞 >///<



















advertisting agency: BBDO Berlin

8.Butter Butter

找不到奶油刮刀嗎?
























by Yeongkeun

9.NIKE運動鞋盒

穿上感覺自己都變成超強運動員啦!











advertisting agency: Publicis, Singapore

10.Porkinson (豬肉先生)

這是很像人臉的意思嗎?

















by Jones Knowles Ritchie

11.日本爆炸頭餅乾

哈哈哈,小編笑了!






















www.seujeca.com

12.超防水手錶

整個包裝裡都是水,泡在水裡來展示防水的強大
































advertisting agency:Scholz & Friends

13.蜂蜜農場

蜜蜂滿天飛,不過一開始看到有點雞皮疙瘩






















by Terence Kitching at At Pace design and Communication

14.福特Ranger 火柴盒

展現福特車款的加長特性





















advertisting agency:JWT, Kuala Lumpur , Malaysia

15.知名水果酒

這個拿來送禮很不錯,高雅又美觀
















































by JWT

16.棺材菸盒

再抽嘛~再抽嘛~ 哈,這應該對癮君子沒有用滴

















by R.J. Reynolds

17.Cole & Weber United 木藏酒

呈現酒藏的高級感受
















advertisting agency:Cole & Weber United, Seattle, USA

18.Guggle Bum 口香糖

可愛療癒系列商品




















by jjaaakk design

19.Medicom Pharma  促進消化錠

再難消化的食物,都幫妳消化掉,尤其那隻牛的象徵鐵胃,真是經典














advertisting agency:BBDO, Germany

20.SIX FEET UNDER 影集DVD 包裝

草地六呎以下,應該就是這樣的狀況吧
















www.webdesignshock.com

21.帕瑪森乾乳酪筆

削鉛筆?是削乾酪筆!




 advertisting agency:Kolle Rebbe / Korefe, Hamburg, Germany

22.薩拉米 CD 真空包

不知道是不是跟CD的內容相關


















by Mother Eleganza

23.Heresod T shirt

來唷!新鮮的蔬果肉類!  喔,看錯了





















by Prompt Design

24.Gloji 能量飲料

用燈泡代表活力滿點

















www.gloji.com

25.NYC 義大利麵

帝國大廈地標,巧妙結合義大利麵與NY






















by Alex Creamer

26.顯示賞味期的牛奶盒

過期沒?一看就知道!





















by Ko Yang

27.可口可樂杯

清涼感受阿。
















www.mendoarte.com

28.小花造型藥包

小朋友會不會因此比較不怕吃藥藥了呢?




















by Moon Sun-Hee

29.蔬果環保袋

新鮮蔬果裝進袋哩,也裝進你的腸胃裡











by Andy Winner and One Show Merit

30.Break Fast 早餐包

這個妙!把早餐的英文字拆解,剛好就變成 "掰開" "快速" 吃到早餐































by Niklas Hessman

31.Gortz 17 鞋帶盒

不怕找不到鞋帶囉














advertisting agency:Kempertrautmann

32.麵包包裝CD 

把CD裝在麵包包裝裡,不知道是不是唱有關早餐的歌?XD



by York/Sheridan

33.Kirei 毛巾 

造型毛巾,很可愛


















by Hannah Jor

34.The Tulip 即飲紅酒 

拓展試飲市場,這不但是包裝設計改變,同時也影響 business model























by Wire Innovations

35.富士山造型面紙盒

雪白的日本聖山






















by Tomohiro Ikegaya

36.水果造型果汁 

想喝甚麼果汁,看外包裝就知道


















by Naoto Fukasawa

37.MILK 

就是MILK啊,明明白白

















by Julien De Repentigny & Gabriel Lefebvre

38.椰子水 

有甚麼比放在椰子裡的椰子水更天然的呢?















www.creativepackaging.ca

39.青春痘痘藥 

我擠!我擠!











advertisting school: Hambre, Leo Burnett Lisbon School

40.果醬罐 

好甜的感覺阿























advertisting agency:tapsa

41.茶包衣櫃

好整齊舒適的茶包
































by Soon Mo Kang


包裝設計的重要性絕對影響重大,當然現在開始提倡不要過度包裝的氛圍中,取得兩邊的平衡點,就會是一個絕讚的設計商品。

資料來源:teepr