你一定要知道的圖標(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)銷宣傳非常有幫助，也是插圖的基礎(chǔ)構(gòu)件，看似簡(jiǎn)單，實(shí)則非常具有挑戰(zhàn)性的。今天創(chuàng)新互聯(lián)就來說說關(guān)于圖標(biāo)設(shè)計(jì)過程中值得我們關(guān)注的幾個(gè)地方：

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

本文題目：你一定要知道的圖標(biāo)設(shè)計(jì)細(xì)節(jié)
轉(zhuǎn)載源于：http://muchs.cn/news25/37575.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、服務(wù)器托管、手機(jī)網(wǎng)站建設(shè)、外貿(mào)建站、建站公司、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(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í)需注明來源： 創(chuàng)新互聯(lián)