網(wǎng)頁(yè)設計師該如何快速成長(cháng)？

經(jīng)常有些初學(xué)設計的初學(xué)者問(wèn)如何才能做出好的設計作品？其實(shí)這并不是一個(gè)那么容易回答的問(wèn)題，一個(gè)優(yōu)秀的設計師除了具備良好的繪畫(huà)功底與審美的之外還需要了解自己的用戶(hù)，了解自己的產(chǎn)品，而我們作為服務(wù)行業(yè)又要努力保持好商業(yè)與藝術(shù)之間的平衡，這時(shí)對設計師們的考驗就會(huì )更嚴苛。從學(xué)校畢業(yè)、開(kāi)始工作，從什么都不懂到了解行業(yè)并且為客戶(hù)解決問(wèn)題，這些經(jīng)歷都不停在每位設計師身上上演著(zhù)……慢慢的會(huì )讓我們懂得一個(gè)成熟的設計師除了扎實(shí)的視覺(jué)表現基本功之外更需要一個(gè)良好的口才與優(yōu)秀的溝通能力，我們不只是一個(gè)簡(jiǎn)單的執行者，甚至有時(shí)我們責任重大，變身為問(wèn)題的解決者。

那么回到我們的問(wèn)題，初出茅廬該怎樣讓自己能夠快速成長(cháng)呢？

我們需要了解行業(yè)動(dòng)態(tài)，需要具備優(yōu)秀的審美，需要收集大量的案例，需要虛心請教周?chē)薪?jīng)驗的前輩。

建立自己的素材庫

建立自己的素材文檔。那么我們有了素材庫之后該怎么辦？?jì)蓚€(gè)字：分類(lèi)，這里依照每個(gè)人的習慣不同那么分類(lèi)的點(diǎn)也會(huì )不一樣，根據習慣我們可以第一時(shí)間找到適合的風(fēng)格來(lái)尋找靈感并且予以借鑒。

那么分類(lèi)完成，有了素材庫的沉淀就夠了么？答案當然是no！

在這里我想提個(gè)問(wèn)題，我相信蠻多設計師會(huì )創(chuàng )建自己的素材庫，可當你們收集完之后會(huì )返回去看這些令你們喜歡的作品么？所以這里我要強調的是分析，分析你喜歡的作品，分析你收藏他們的原因，無(wú)論是字體、視覺(jué)表現、交互邏輯一定會(huì )有他們各自的閃光點(diǎn)吸引你，才會(huì )被收藏下來(lái)，針對不同的風(fēng)格進(jìn)行單獨的分析思考，自己觀(guān)察每個(gè)細節，打開(kāi)你發(fā)現未知的眼光你就會(huì )在每一個(gè)作品中學(xué)到自己不曾注意的小點(diǎn)。

我們隨機找出這張案例來(lái)進(jìn)行分析，一個(gè)游戲角色的介紹頁(yè)面，整體干凈簡(jiǎn)潔沒(méi)有過(guò)多的場(chǎng)景處理，下方巧妙的用菱形圖案將角色放置點(diǎn)擊切換，所以在分析作品的同時(shí)我們不僅僅是看到視覺(jué)的表現，交互的形式和作者在做頁(yè)面時(shí)的思考我們也可以試著(zhù)去體會(huì )，這樣會(huì )更加深對作品的理解。

電影海報，整體采用紅黑單色配色增強沖擊力，人物出乎意料的傾斜擺放增加畫(huà)面張力，文字的排列也特意做了傾斜效果讓整體視覺(jué)都在一個(gè)動(dòng)視中，右上角的碎玻璃和子彈完美創(chuàng )造了后坐力的效果，讓人看到海報就有眼前一亮的感受。比如交給我們來(lái)設計一個(gè)FPS類(lèi)型的頁(yè)面我們會(huì )考慮用單色處理么？會(huì )考慮人物的動(dòng)態(tài)擺放么？每張值得參考的作品都是我們的靈感來(lái)源，學(xué)會(huì )觀(guān)察、學(xué)會(huì )思考會(huì )讓我們走的更遠。

電影介紹網(wǎng)站，主要導航區域放在左側，將展示的不同區域用大圖片的形式放在右側可以點(diǎn)擊進(jìn)入

內頁(yè)進(jìn)行瀏覽，眼前一亮的交互形式不僅能夠非常好的展示內容而且能夠勾起玩家的探索欲參與進(jìn)來(lái)。如果我們遇到版本專(zhuān)題或專(zhuān)題集合頁(yè)面的設計時(shí)是否可以考慮

采用類(lèi)似的交互形式來(lái)設計符合項目的頁(yè)面。

關(guān)與交互

眾所周知游戲的更新迭代速度非?？?，每一個(gè)設計需求從策劃到設計再到后上線(xiàn)都不會(huì )相隔太久，在沒(méi)有專(zhuān)業(yè)交互的情況下我們往往拿到PM給我們的交互稿都不夠精細，這就需要我們深入了解需求，明白頁(yè)面傳達的內容，如果連設計者本身都不知道頁(yè)面是在傳達什么那么做出來(lái)那只不過(guò)是一張好看的圖片而已，沒(méi)有任何的意義。還是那句老話(huà)，不懂就要問(wèn)；和你的PM詳細溝通，了解頁(yè)面的所有功能，這樣能夠讓你更好的為項目考慮做出完美的作品。