文/羅曉萌 工具欄圖標(biāo)的設(shè)計(jì)在整個(gè)應(yīng)用程序中扮演了人機(jī)交互的重要角色。工具欄圖標(biāo)設(shè)計(jì)的成功與否,,直接決定了用戶(hù)對(duì)應(yīng)用程序的滿(mǎn)意度,。 如果說(shuō)啟動(dòng)圖標(biāo)是應(yīng)用門(mén)面的話(huà),那工具欄圖標(biāo)就是導(dǎo)航燈,,它的設(shè)計(jì)應(yīng)該是以提示,、引導(dǎo)、警告為目的,。APP只有一個(gè)啟動(dòng)圖標(biāo),,但是卻有很多的工具欄圖標(biāo)。 ①將圖形幾何化,。我們生活中所看到的任何圖形,,幾乎總是有幾何形的存在,將圖形簡(jiǎn)化為幾何形是對(duì)圖形進(jìn)行一種高度概括,。 幾何化就是將圖標(biāo)設(shè)計(jì)的所選圖形的輪廓進(jìn)行規(guī)范化,,不論輪廓多么繁瑣,都要簡(jiǎn)化成幾何圖形,,可以是三角形,、矩形、圓形,、梯形,、五角形,。簡(jiǎn)單來(lái)說(shuō),幾何化是一種從具象到抽象的演變,。 ②用單線勾勒?qǐng)D形,。線是造型藝術(shù)最基本的語(yǔ)言,線具有較強(qiáng)的表現(xiàn)性,。這里所講的用單線勾勒即是先確定所要設(shè)計(jì)工具欄圖標(biāo)的元素圖形,,然后用單線勾勒?qǐng)D形輪廓,整個(gè)線條軌跡連接閉合就形成了圖形,。 線條的顏色應(yīng)與界面顏色區(qū)別開(kāi)來(lái),,圖形內(nèi)部無(wú)需再著色。線條高度的概括性讓整個(gè)圖標(biāo)顯得簡(jiǎn)潔,,輕快而不呆板,。 ③用剪影詮釋圖形。剪影風(fēng)格經(jīng)常會(huì)運(yùn)用到工具欄圖標(biāo)的設(shè)計(jì),,剪影是一種高度概括的表現(xiàn)形式,,這種高度概括放在算法中就是一種減法,是在保留表達(dá)目標(biāo)的基礎(chǔ)上合理刪減,,簡(jiǎn)單的說(shuō)就是簡(jiǎn)化圖形,。 將所選圖形平鋪,不做任何的修飾和效果,,諸如高光,、漸變、反光,、投影,,只需保留最重要的細(xì)節(jié),不必要的地方一概刪除,,直接表達(dá)所需要表現(xiàn)的對(duì)象,。 工具欄圖標(biāo)的設(shè)計(jì)大都非常簡(jiǎn)約,APP界面上同時(shí)會(huì)有多個(gè)工具欄圖標(biāo),,如果想讓整個(gè)界面看起來(lái)干凈簡(jiǎn)潔,,圖標(biāo)就要統(tǒng)一起來(lái)。統(tǒng)一的形式除了造型之外最重要的就是配色了,。 一般工具欄圖標(biāo)的顏色都是單色的,,我們不能把這里的單色單純理解為黑色和白色,而是只采用一種顏色,。當(dāng)然可以是各種顏色,,但是具體要和整個(gè)的界面顏色相和諧,。也有的一些APP的工具欄圖標(biāo)每一個(gè)圖標(biāo)都用不同的顏色,,這種配色不是不可以,運(yùn)用的不好容易使得整個(gè)界面繁瑣雜亂。 工具欄圖標(biāo)看似簡(jiǎn)單,,但是它的設(shè)計(jì)需要更加嚴(yán)謹(jǐn)和高超的造型能力和技巧,,設(shè)計(jì)方法也更加嚴(yán)格。工具欄圖標(biāo)的設(shè)計(jì)要充分考慮用戶(hù)的慣用思維和一些各大平臺(tái)用戶(hù)公認(rèn)的工具欄圖標(biāo),。 例如:說(shuō)搜索的常用圖標(biāo)就是一個(gè)放大鏡的圖形,,像這種慣用圖標(biāo)用于再設(shè)計(jì)時(shí)就要根據(jù)自己整個(gè)APP的風(fēng)格和界面布局,做細(xì)節(jié)的改動(dòng),,以求與整個(gè)APP設(shè)計(jì)相協(xié)調(diào),。 |
|
來(lái)自: 七彩虹道仙仙仙 > 《平面設(shè)計(jì)類(lèi)》