襄陽網(wǎng)站制作帶大家走進(jìn)UI設(shè)計之圖標(biāo)設(shè)計(一)
隨著科技的普及,現(xiàn)在基本上人手都有一部手機,我們在使用手機的時候,能看到很多圖標(biāo),每個圖標(biāo)代表一個功能,比如常見的天氣,時間,日歷,計算器等等,這些都是UI設(shè)計師設(shè)計出來的圖標(biāo),我們一看到圖標(biāo),不看下面的文字,大概就能夠知道代表的是什么功能。今天,襄陽網(wǎng)站制作就跟大家一起來聊一下圖標(biāo)設(shè)計。
要了解圖標(biāo)設(shè)計,那么我們就要先明白圖標(biāo)的定義,圖標(biāo)是通過相似性或類比性來代表的符號,它能夠比語言更容易理解,傳遞效率更高效。那么可能有很多小伙伴可能會有些疑惑,相似性和類比性這是什么意思,相似性就是通過表象符號來表現(xiàn),通常用來表現(xiàn)名詞類圖標(biāo),比如,兔子很可愛,很多女生都比較喜歡,那么通過兔子的圖片,畫出來一個簡筆畫的兔子,形象比較相似,這樣的圖標(biāo)我們稱之為相似性;類比性則是通過表意符號,通過概念提取,一般用于表現(xiàn)一類事物,比如,當(dāng)我們結(jié)束了辛苦的一天工作,有的人可能會找一個咖啡廳,喝杯咖啡,休息一會,那么我們可以咖啡這個圖標(biāo),代指咖啡廳或者休閑、放松的場所。
知道了圖標(biāo)的定義,那么我們還要了解一下圖標(biāo)的分類,大致可以分為線性圖標(biāo)、剪影圖標(biāo)、線性填充圖標(biāo)、扁平圖標(biāo)、手繪圖標(biāo)、微質(zhì)感圖標(biāo)、擬物圖標(biāo)。線性圖標(biāo)很好理解,通過線條勾勒出大致形象,剪影圖標(biāo),跟線性圖標(biāo)相反,它是通過面性來表達(dá),由一些基礎(chǔ)的幾何形體組成,線性填充圖標(biāo),是在線性圖標(biāo)的基礎(chǔ)之上,增加一些顏色或者一些裝飾,扁平圖標(biāo),它主要強調(diào)不同層次的填充,而讓圖標(biāo)看起來很有層次感,非常舒服。手繪圖標(biāo),適用于一些卡通或者比較可愛的風(fēng)格,有些小伙伴經(jīng)常會做一些手工賬,順帶著配一些手繪圖標(biāo)。微質(zhì)感圖標(biāo),這些圖標(biāo)有很多細(xì)節(jié),有漸變、高光、陰影等,已經(jīng)有很多物體原型了,但跟擬物圖標(biāo)相比,還是缺少了些許細(xì)節(jié)。擬物圖標(biāo),已經(jīng)很接近物體原型了,在漸變、高光、陰影等上面也做的很逼真。
以上就是襄陽網(wǎng)站制作對UI設(shè)計圖標(biāo)的一些看法,因為要說的比較多,怕文章過長讓您的眼睛受累,這里會分成幾篇文章來寫,如果您有興趣,請繼續(xù)關(guān)注我們喲。