你一定要知道的圖標(biāo)設(shè)計(jì)細(xì)節(jié)

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

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

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

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

廣告

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