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

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

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

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

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

 

紙和筆

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

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

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

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

點(diǎn)擊查看原圖

 

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

Buzz 的成品

點(diǎn)擊查看原圖

Maykel Loomans, Instagram

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

Maykel 的草稿

點(diǎn)擊查看原圖

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

Maykel 的成品

點(diǎn)擊查看原圖

Alex Griendling, Google

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

Alex 的草稿

點(diǎn)擊查看原圖

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

Alex 的成品

點(diǎn)擊查看原圖

Dmitry Khramov, Cuberto

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

Dmitry 的草稿

點(diǎn)擊查看原圖

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

Dmitry 的成品

點(diǎn)擊查看原圖

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

Ian Storm Taylor, Segment.io

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

Ian  的草稿

點(diǎn)擊查看原圖

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

Ian 的成品

點(diǎn)擊查看原圖

via layervault.tumblr.com

分享本文至:

日歷

鏈接

個人資料

存檔