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