手把手教你UI如何設計界面圖標
好看好記好理解的界面圖標,對手機APP的界面可以說是增色不少。首先我們不說創新,對於新手小白們,做出一個合格的圖標都是非常困難的。別急,你們最敬業的阿多比設計學院又來了,今天手把手地教大家怎樣設計界面圖標~
1.確定場景
確定使用場景,準確的說就是你這個app或者你設計的圖標是針對誰,在什麼情況下使用的,以及用戶前後可能操作的動作。並且根據這一系列數據確定圖標的位置大小,甚至形狀。
2.圖形表意
其實現在有很多的圖標含義已經成為用戶的慣性思維,我們不能去改變他的形狀輪廓,不可能讓用戶多一些學習成本。但是這個時候我們又想到要創新和美觀,就需要我們的視覺效果功底和能力了。
3.流行樣式
APP作為時代的產物,肯定是要緊跟潮流的,當蘋果的扁平風流行的時候,是不是大家手機的軟體都設計成扁平風了?不是說我們不能獨樹一幟,有自己的設計。而是我們一定得有流行的元素,這樣也從側面體現其實自己也是「入世之人」,這個APP是一直有人在用心維護的。
4.細節調整
在你完成草圖,設計稿之後,我們還需要把圖標放在實際的界面上去看一下,然後做一些細微的調整,力求達到視覺平衡,並且符合一個合格圖標的要求。
那麼怎樣的圖標設計出來才算是合格呢?這個規則很簡單但是也很難完全做到,大家需要在實踐過程中慢慢磨練好。要記得方向對了,目標總能達到。
要求一:統一性。在一個APP中,你的所有圖標設計出來一定是統一風格的,最起碼看上去像是一套的,而不是零零散散,花花綠綠,眼花繚亂,格調低下。用一句話要求你——「聚是一團火,散是漫天星」。
要求二:可讀性。不要問我為什麼一個圖標又不是文字為什麼要講究可讀性?很多時候我們會在圖標下面放文字,但是有些圖標我們看的次數多了,有了一種慣性思維,能夠不看文字就能理解他的意思對不對?當你的圖標能做到讓人能夠不看文字就能馬上理解,並且還能好看創新的話,你就牛大發了!
要求三:可擴展。現在的軟體,個個都是不停的更新更新更新!你能不更新嗎?你更新的話是不是有可能要改圖標?那麼你的圖標具有可擴展性就非常有必要的。所謂的可擴展性,就是要求你得圖標在設計同時,要設計相關的規則文檔,比如視覺特徵,尺寸,延展方法等等。
最後和大家啰嗦幾句,對於UI設計師來說,無論工作具體內容是什麼,畫圖標往往是你最先最基礎去做的事情,所以大家一定要重視起來,多多學習。如果在學習上有任何問題,歡迎諮詢成都最敬業的UI設計培訓,阿多比設計學院。


TAG:阿多比UI設計學院 |