今天創(chuàng)新互聯(lián)想要給大家分享的是UI設(shè)計中圖標(biāo)設(shè)計的一些值得我們注意的細(xì)節(jié)。相信很多學(xué)員都會認(rèn)為圖標(biāo)很小，起不到什么決定性的作用，但是事實上圖標(biāo)雖小，但卻是UI設(shè)計和產(chǎn)品體驗中的關(guān)鍵部分哦。
圖標(biāo)是UI設(shè)計系統(tǒng)的基礎(chǔ)組成部分，對營銷宣傳非常有幫助，也是插圖的基礎(chǔ)構(gòu)件，看似簡單，實則非常具有挑戰(zhàn)性的。今天創(chuàng)新互聯(lián)就來說說關(guān)于圖標(biāo)設(shè)計過程中值得我們關(guān)注的幾個地方：

一、圖標(biāo)的大小說起圖標(biāo)，大家的第一反應(yīng)都會是一個個小巧精致的小圖片，那么，在一起的很多小圖片要保持大小一致性就是設(shè)計圖標(biāo)的關(guān)鍵了。通常我們只需要選擇一個通用的尺寸來繪制矢量圖標(biāo)，然后根據(jù)倍數(shù)調(diào)整可能需要的尺寸即可，這樣就不用一遍又一遍的去繪制不同大小的相同圖標(biāo)了。
二、圖標(biāo)的顏色如果是產(chǎn)品圖標(biāo)，那么最好只使用一種顏色：黑色。否則你的組件可能變得過于復(fù)雜，不利于和其他設(shè)計師協(xié)作。而對于營銷圖標(biāo)，出于品牌宣傳的目的，你可能會想要使用兩種顏色，根據(jù)眾多經(jīng)驗我們認(rèn)為圖標(biāo)最好是單一顏色的，任何有3種或3種以上顏色的東西都是插圖，而算不上是圖標(biāo)了。
三、圖標(biāo)的柵格說到圖標(biāo)，除了大小和顏色，對齊方式往往也是圖標(biāo)設(shè)計中非常重要的一個方向?；谙袼貏澐值南袼貣鸥袷亲罨A(chǔ)的柵格系統(tǒng)。在繪制圖標(biāo)時，我們總是希望將對象對齊到每一個像素，特別是直線。因為像素對齊不僅僅可以更好地渲染，還能讓圖標(biāo)更加整潔、舒服。除了像素柵格對齊，我們還要考慮到視覺柵格對齊。我們要找出圖標(biāo)的中心，以及人眼能感知到它有多大。例如圓形和弧形物體看起來會比正方形更小，因此在設(shè)計的過程中我們一定要注意讓圖標(biāo)在視覺上看起來更加平衡，避免以后開發(fā)時還需要重新調(diào)整。
四、圖標(biāo)的描邊填充圖標(biāo)設(shè)計的過程中，還有一個地方非常值得我們關(guān)注，就是風(fēng)格一定要統(tǒng)一，這樣才能給用戶留下更好的印象。確保圖標(biāo)風(fēng)格一致是非常非常重要的。比如想用填充圖標(biāo)來表示選中狀態(tài)，那么請一定要確保其他圖標(biāo)風(fēng)格一致，只有少量的變體存在。通常，填充圖標(biāo)具有更高的可識別性，而描邊圖標(biāo)更方便添加細(xì)節(jié)。
并且在選擇你哪種風(fēng)格更合適的時候，也別忘了考慮品牌定位和風(fēng)格。如果想要使用繪制描邊圖標(biāo)，那么就一定要保證所有的筆畫都是相同的粗細(xì)，并且筆畫之間的間距不要比筆畫本身更細(xì)。說起圖標(biāo)往往也是一個品牌的視覺呈現(xiàn)。所以在開始這項工作前，我們需要了解自己品牌的核心價值以及它們的視覺風(fēng)格。即使是那些最簡單的圖標(biāo)，或許你能做出好無瑕的圖標(biāo)，但如果不能讓它們產(chǎn)品中有所作為的話，那將毫無意義。

文章題目：你一定要知道的圖標(biāo)設(shè)計細(xì)節(jié)
網(wǎng)站網(wǎng)址：http://www.rwnh.cn/news/37575.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計、企業(yè)網(wǎng)站制作、網(wǎng)站營銷、外貿(mào)建站、企業(yè)建站、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)