1.使用視覺柵格
界面圖標(biāo)通常可能與某個(gè)基本的格式近似: 橫向矩形，縱向矩形，對(duì)角矩形，圓形，三角形，正方形。模糊顯示使他們具有相同的視覺重量，因?yàn)樗鼈冏兂闪嘶蚨嗷蛏傧嗤膱F(tuán)塊。根據(jù)圖標(biāo)的形狀，將其嵌入到相應(yīng)的光柵框架中。例如，方形的圖標(biāo)比三角形或細(xì)長(zhǎng)的圖標(biāo)更緊湊。
品牌logo
圖標(biāo)越緊湊，所需的空間就越小。圖標(biāo)邊緣越銳利或者細(xì)節(jié)越多，那么所占據(jù)的畫布空間就會(huì)越大。設(shè)計(jì)師不要因?yàn)闁鸥穸拗屏藞D標(biāo)的設(shè)計(jì)。柵格的存在是為了輔助設(shè)計(jì)，而不是妨礙設(shè)計(jì)。如果一個(gè)圖標(biāo)添加一些突出的元素會(huì)帶來更好的視覺效果，那不妨拋開柵格的規(guī)則限制，大膽使用這些元素!
2.使用像素網(wǎng)格
設(shè)計(jì)師如果要想在非視網(wǎng)膜屏幕上突顯圖標(biāo)，則需要使用像素網(wǎng)格，并優(yōu)先考慮用2像素的線條作為圖標(biāo)邊框
居中的2像素邊框能夠使圖標(biāo)具有足夠的厚度和清晰的輪廓。如果選擇1像素邊框設(shè)計(jì)圖標(biāo)，這樣的大小只適用外部邊框或者內(nèi)部邊框，而不是居中的邊框。否則，圖標(biāo)在100%的比例下顯示會(huì)變得模糊。
根據(jù)像素網(wǎng)格設(shè)置對(duì)角線的起點(diǎn)和終點(diǎn)。度數(shù)為45°、30°和60°的對(duì)角線比特殊度數(shù)（如13.7°或81°）的對(duì)角線更銳利。
3. 在一定程度上保持細(xì)節(jié)
設(shè)計(jì)一個(gè)圖標(biāo)集最好從最復(fù)雜的圖標(biāo)開始。這樣做可以幫助定義不同細(xì)節(jié)的層次，并創(chuàng)建相同視覺重量的圖標(biāo)。當(dāng)圖標(biāo)有不同層次的細(xì)節(jié)時(shí)，細(xì)節(jié)更詳細(xì)的圖標(biāo)會(huì)引起更多用戶的注意，而且在視覺上看起來更重。
4． 控制圖標(biāo)最小間距
圖標(biāo)中的相鄰元素之間的距離不應(yīng)該太小或不一致。因此設(shè)計(jì)師要定義圖標(biāo)的最小間距，并保證任意元素之間保持這種大小，以避免圖標(biāo)輪廓重疊。
對(duì)于線條圖標(biāo)，最小的間距等于線的厚度就剛剛好。而線條也應(yīng)該明顯地分開或精確地連接，絕對(duì)不要讓線條的分開和連接看起來模模糊糊
5． 刪除圖標(biāo)中重復(fù)部分
在設(shè)計(jì)師設(shè)計(jì)的圖標(biāo)集中，可能存在一些重復(fù)的細(xì)節(jié)。將觀看者的注意力轉(zhuǎn)移到不同的地方，這就像數(shù)學(xué)中的分?jǐn)?shù)化簡(jiǎn)一樣。你看到的圖像雜物越少，你的理解也就越清晰。
如果目標(biāo)用戶已經(jīng)意識(shí)到他或她的正在進(jìn)行什么操作或工作，就不需要反復(fù)提示。如下圖所示，避免基于信封的圖標(biāo)讓人們認(rèn)為這是一個(gè)電子郵件應(yīng)用程序。
這個(gè)規(guī)則也涉及到各種各樣的裝飾——框架、背景——圍繞著一個(gè)圖標(biāo)。如果它們不能幫助用戶閱讀圖標(biāo)，它們的存在則會(huì)阻礙用戶閱讀圖標(biāo)。
極地視覺專注品牌logo/蘇州vi設(shè)計(jì)，蘇州包裝設(shè)計(jì)，蘇州招貼設(shè)計(jì)，蘇州畫冊(cè)設(shè)計(jì)，蘇州UI交互設(shè)計(jì)，蘇州IP形象設(shè)計(jì)，蘇州品牌形象設(shè)計(jì)，是專業(yè)的蘇州標(biāo)志設(shè)計(jì)公司，尤其是快消品品牌包裝設(shè)計(jì)，總監(jiān)顧問全程參與，權(quán)威為您品牌保健護(hù)航，精研法律法規(guī)，讓您的蘇州logo設(shè)計(jì)，更符合年輕消費(fèi)者的青睞，以賣貨為最終目的的策劃設(shè)計(jì)公司。
|
