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

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

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

來(lái)源:http://www.36kr.com/p/172418.html

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

 

紙和筆

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

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

Buzz Usborne, Campaign Monitor (活動(dòng)監(jiān)測(cè))

先來(lái)看看 Buzz 的設(shè)計(jì)草稿

點(diǎn)擊查看原圖

 

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

Buzz 的成品

點(diǎn)擊查看原圖

Maykel Loomans, Instagram

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

Maykel 的草稿

點(diǎn)擊查看原圖

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

Maykel 的成品

點(diǎn)擊查看原圖

Alex Griendling, Google

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

Alex 的草稿

點(diǎn)擊查看原圖

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

Alex 的成品

點(diǎn)擊查看原圖

Dmitry Khramov, Cuberto

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

Dmitry 的草稿

點(diǎn)擊查看原圖

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

Dmitry 的成品

點(diǎn)擊查看原圖

有興趣的朋友可以圍觀(guān)一下他們的 dribbble 主頁(yè)。

Ian Storm Taylor, Segment.io

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

Ian  的草稿

點(diǎn)擊查看原圖

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

Ian 的成品

點(diǎn)擊查看原圖

via layervault.tumblr.com

分享本文至:

日歷

鏈接

個(gè)人資料

存檔