5個Web設(shè)計的草稿和成品對比

2013-6-1    藍(lán)藍(lán)設(shè)計的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   sillybuy.com  )是一家專注而深入的設(shè)計機(jī)構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源:http://www.36kr.com/p/172418.html

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

 

紙和筆

大多數(shù)的設(shè)計師都習(xí)慣在紙上開始自己的工作,假如你也是設(shè)計師,想必手上也有一兩本筆記本,上面隨手記了一些漂亮的草稿吧。不管你的草稿有多草(糙),都是值得自豪的,為什么不亮出來給別人看看呢?

別的設(shè)計師的草稿都是什么樣子的呢?

Buzz Usborne, Campaign Monitor (活動監(jiān)測)

先來看看 Buzz 的設(shè)計草稿

點擊查看原圖

 

草稿里的對角線和最終成品的對角錢相呼應(yīng),Buzz 的草稿并不強(qiáng)調(diào)細(xì)節(jié),而是注意線條和指引的清晰程度。

Buzz 的成品

點擊查看原圖

Maykel Loomans, Instagram

Maykel 是Instagram 的UI設(shè)計師,從他的dribbble 帳號就能看到 一些不錯的設(shè)計案例。

Maykel 的草稿

點擊查看原圖

和上面的Buzz 一樣,Maykel 的草稿也是為設(shè)計提供了一個基本的指引,強(qiáng)調(diào)的是頁面布局,在細(xì)節(jié)上并不注重。

Maykel 的成品

點擊查看原圖

Alex Griendling, Google

Alex 在Google藝術(shù)部門工作,是位優(yōu)秀的設(shè)計師,他的個人主頁上有許多漂亮的作品。

Alex 的草稿

點擊查看原圖

Alex 所分享的這張Dick Tracy 海報是他為 Silver Screen Society 創(chuàng)作的,對比最后的成品,草稿的詳盡程度可見一斑。

Alex 的成品

點擊查看原圖

Dmitry Khramov, Cuberto

Cuberto 是俄羅斯St. Petersburg 的一個設(shè)計室,出品了一些相當(dāng)精致的圖標(biāo)和獨特的手機(jī)界面。

Dmitry 的草稿

點擊查看原圖

許多俄羅斯的設(shè)計師(尤其是來自St. Petersburg 的設(shè)計師)對細(xì)節(jié)的追求讓人欽佩。

Dmitry 的成品

點擊查看原圖

有興趣的朋友可以圍觀一下他們的 dribbble 主頁。

Ian Storm Taylor, Segment.io

Ian 是 Segment.io 的聯(lián)合創(chuàng)始人,個人風(fēng)格相當(dāng)明顯。下面這份草稿是他猶豫再三后才分享出來的:

Ian  的草稿

點擊查看原圖

在筆記本的正中間,Ian 隨手就那么畫了點東西(好簡潔/簡陋),最后在成品里,他卻能準(zhǔn)確把設(shè)計實現(xiàn)出來:

Ian 的成品

點擊查看原圖

via layervault.tumblr.com

分享本文至:

日歷

鏈接

個人資料

存檔