廣義上的圖標,是具有指代意義的圖形符號,具有高度濃縮并快捷傳達信息、便于記憶的特性。在現(xiàn)實生活中,圖標無處不在,如各種交通標志、男女廁所標志等。狹義的圖標應(yīng)用于計算機軟件方面,包括:程序標識、數(shù)據(jù)標識、命令選擇、模式信號或切換開關(guān)、狀態(tài)指示等,圖標是確保界面可用性的基礎(chǔ)設(shè)施,也是達成人機交互的有效途徑。
對于UI設(shè)計師來說,常見的圖標可以分為兩類,一類是功能圖標,一類是啟動圖標,也有一種說法是分為三類,再加一類裝飾圖標。
功能圖標,是把產(chǎn)品的功能隱喻,簡化抽象成圖形,方便用戶理解,以UI設(shè)計師最熟悉的軟件界面為例(下圖為即時設(shè)計的界面),左側(cè)工具欄中的形狀工具、鋼筆工具、文字工具,上方引用組件、布爾運算、蒙版等工具,都是以圖標來表示的。功能圖標太常見了,已經(jīng)完全融入了人們的日常生活,以至于我們作為設(shè)計師,有時都會忽略這些圖標的存在,只是憑直覺在使用功能。
啟動圖標,在操作系統(tǒng)中,用來打開某個產(chǎn)品的圖形按鈕,往往被設(shè)計成品牌的 LOGO,方便用戶在眾多的產(chǎn)品中快速定位。
裝飾圖標,用來裝飾界面的視覺元素,比如,過節(jié)的時候,很多電商類 App 都會把日常的圖標換成節(jié)日專屬的裝飾圖標,形式大于功能。
還有一類圖標,安卓手機的主題圖標,通過改變系統(tǒng)圖標設(shè)計風(fēng)格,來展現(xiàn)用戶的個性。
圖標對 UI 設(shè)計來說太重要了,特別是數(shù)量眾多的功能圖標,把圖標設(shè)計成什么樣,就是一位 UI 設(shè)計師能力的體現(xiàn)。現(xiàn)在有一些非常知名的專業(yè)圖標(icon)設(shè)計師,不知道大家有沒有了解?比如圖標設(shè)計大師 Vic Bell,她有很多作品都值得我們臨摹學(xué)習(xí)。
圖標的風(fēng)格是非常多樣的,從風(fēng)格上分,有線性、面性、混合、扁平、擬物、2.5D ,從顏色上分,有單色、雙色、多色。作為 UI 設(shè)計師,要熟練制作各種風(fēng)格的圖標,應(yīng)對各種不同類型的產(chǎn)品設(shè)計。
提升圖標設(shè)計能力,有一個非常好的方式,就是臨摹,尤其是跟著優(yōu)秀的教程臨摹優(yōu)質(zhì)的作品。在這里推薦大家關(guān)注即時設(shè)計的每周臨摹活動,跟著老師的視頻/圖文教程進行臨摹練習(xí),還能加入學(xué)習(xí)交流群、分享自己的臨摹作品到社區(qū)、獲得精美的獎品。
最最重要的,通過臨摹練習(xí),你可以快速熟悉即時設(shè)計,這款目前最流行的在線UI設(shè)計工具,現(xiàn)在的UI設(shè)計,已經(jīng)進入了協(xié)作時代,以為的UI設(shè)計師都是做完一稿給甲方/產(chǎn)品負責(zé)人看一稿,看完了再改,改完了再看,如此循環(huán)。現(xiàn)在,只需要一個鏈接,項目相關(guān)的各方,都能實時看到設(shè)計的進度,隨時提出自己的想法,極大的提高了設(shè)計工作的效率。
作為新一代的國產(chǎn)在線設(shè)計工具,即時設(shè)計針對國內(nèi)設(shè)計師和團隊的工作場景,開發(fā)了一系列的特色功能,例如資源廣場中免費的優(yōu)質(zhì)設(shè)計資源一鍵取用、工作臺中細致高效的文件管理等等,限于篇幅不能一一展開介紹,大家可以自己去體驗一下,而且,即時設(shè)計承諾目前開放的所有功能,都是永久免費的,趕緊行動起來吧~
「即時設(shè)計」官網(wǎng)地址: https://js.design/
本站違法和不良信息舉報 聯(lián)系郵箱: 5855973@qq.com
關(guān)于我們| 客服中心| 廣告服務(wù)| 建站服務(wù)| 聯(lián)系我們
中國焦點日報網(wǎng) 版權(quán)所有 滬ICP備2022005074號-20,未經(jīng)授權(quán),請勿轉(zhuǎn)載或建立鏡像,違者依法必究。