当前位置: > 設計 > UI設計|如何快速提高設計

UI設計|如何快速提高設計

初出茅廬該怎樣讓自己能夠快速成長呢?

我們需要瞭解行業動態,需要具備優秀的審美,需要收集大量的案例,需要虛心請教周圍更有經驗的前輩;大的不說我們來談點有實際意義的。

建立自己的素材庫

建立自己的素材文檔(我本人比較喜歡用花瓣網,雲端儲存簡單易用,資源收集豐富便捷),當然不排除喜歡收集在自己電腦裡的設計師們,這完全看個人習慣來定。

那麼我們有瞭素材庫之後該怎麼辦?兩個字:分類,這裡依照每個人的習慣不同那麼分類的點也會不一樣,根據習慣我們可以第一時間找到適合的風格來尋找靈感並且予以借鑒,這裡貼出我個人的分類給大傢參考。

UI設計|如何快速提高設計

那麼分類完成,有瞭素材庫的沉淀就夠瞭麼?答案當然是no!在這裡我想提個問題,我相信蠻多設計師會創建自己的素材庫,可當你們收集完之後會返回去看這些令你們喜歡的作品麼?所以這裡我要強調的是分析,分析你喜歡的作品,分析你收藏他們的原因,無論是字體、視覺表現、交互邏輯一定會有他們各自的閃光點吸引你,才會被收藏下來,針對不同的風格進行單獨的分析思考,自己觀察每個細節,打開你發現未知的眼光你就會在每一個作品中學到自己不曾註意的小點。

案例分析

UI設計|如何快速提高設計

我們隨機找出這張案例來進行分析,一個遊戲角色的介紹頁面,整體幹凈簡潔沒有過多的場景處理(這麼做也是為瞭在不同角色的情況下保證背景的統一,並且設計成本也會降低),下方巧妙的用菱形圖案將角色放置點擊切換(如果給到我們來做這麼多角色的選擇按鈕我們會像這樣排列麼?),所以在分析作品的同時我們不僅僅是看到視覺的表現,交互的形式和作者在做頁面時的思考我們也可以試著去體會,這樣會更加深對作品的理解。

UI設計|如何快速提高設計

電影海報,整體采用紅黑單色配色增強沖擊力,人物出乎意料的傾斜擺放增加畫面張力,文字的排列也特意做瞭傾斜效果讓整體視覺都在一個動視中,右上角的碎玻璃和子彈完美創造瞭後坐力的效果,讓人看到海報就有眼前一亮的感受。比如交給我們來設計一個FPS類型的頁面我們會考慮用單色處理麼?會考慮人物的動態擺放麼?每張值得參考的作品都是我們的靈感來源,學會觀察、學會思考會讓我們走的更遠。

UI設計|如何快速提高設計

電影介紹網站,主要導航區域放在左側,將展示的不同區域用大圖片的形式放在右側可以點擊進入內頁進行瀏覽,眼前一亮的交互形式不僅能夠非常好的展示內容而且能夠勾起玩傢的探索欲參與進來。如果我們遇到版本專題或專題集合頁面的設計時是否可以考慮采用類似的交互形式來設計符合項目的頁面。