轉(zhuǎn)行學(xué)習(xí)UI設(shè)計(jì)有哪些技巧掌握
在UI圖標(biāo)的設(shè)計(jì)領(lǐng)域,優(yōu)秀的圖標(biāo)必須要在完美展現(xiàn)軟件功能的基礎(chǔ)上,能夠與用戶的手機(jī)界面完美融合,這就對(duì)設(shè)計(jì)師的設(shè)計(jì)功底以及審美提出了較高的要求,圖標(biāo)要做到美觀與功能性并重,這樣才能夠做到符合市場與用戶的需求,提高APP的質(zhì)量。

?

①按照屬性劃分。按照屬性,可以將圖標(biāo)劃分為啟動(dòng)圖標(biāo)和工具欄圖標(biāo)。啟動(dòng)圖標(biāo)是用戶接觸時(shí)間最長的圖標(biāo)類型之一,可以說,啟動(dòng)圖標(biāo)就是產(chǎn)品的符號(hào)象征,用戶通過點(diǎn)擊啟動(dòng)圖標(biāo)達(dá)到運(yùn)行與打開相關(guān)產(chǎn)品的目的,啟動(dòng)圖標(biāo)的設(shè)計(jì)要點(diǎn)與標(biāo)志相類似,是產(chǎn)品與企業(yè)的形象象征。但是啟動(dòng)圖標(biāo)可讀性的要求更高,而標(biāo)志則更注重抽象和企業(yè)形象的象征性,主要突出深度。

?
工具欄圖標(biāo)是出現(xiàn)于軟件與產(chǎn)品內(nèi)部的圖標(biāo)類型,主要起到解說和裝飾的功能,是對(duì)工具欄文字的圖標(biāo)化設(shè)計(jì),主要是為了突出界面的設(shè)計(jì)感,增加用戶在使用過程中的體驗(yàn)感和趣味性。在工具欄圖標(biāo)的設(shè)計(jì)過程中,簡約、概括性和傳達(dá)性是主要的設(shè)計(jì)要求,同時(shí)工具欄的設(shè)計(jì)還具有系列化設(shè)計(jì)的特征。

?
②按照表現(xiàn)手法劃分。根據(jù)表現(xiàn)手法的不同,圖標(biāo)的設(shè)計(jì)可以分為擬物化設(shè)計(jì)和扁平化設(shè)計(jì)。擬物化設(shè)計(jì)主要是需要與實(shí)物在最直觀的印象上盡量相像,并且通過質(zhì)感、紋理、陰影等效果來對(duì)實(shí)物進(jìn)行展現(xiàn),讓觀眾能夠在第一時(shí)間了解到圖標(biāo)的具體內(nèi)容和事物種類,但是在這類圖標(biāo)的設(shè)計(jì)過程中,很容易出現(xiàn)設(shè)計(jì)過于繁瑣的問題,讓人感覺過于追求細(xì)節(jié),甚至是裝飾過剩。

?
擬物化設(shè)計(jì)還具有一個(gè)比較突出的缺陷,就是形式化過于嚴(yán)重的問題,這會(huì)導(dǎo)致功能性不能夠被完美展示出來,將大量時(shí)間應(yīng)用于效果呈現(xiàn)上,會(huì)導(dǎo)致形式美被忽視。在UI圖標(biāo)的設(shè)計(jì)過程中,擬物化的設(shè)計(jì)確實(shí)曾經(jīng)引領(lǐng)過一段時(shí)間的風(fēng)潮,在當(dāng)下階段,擬物化設(shè)計(jì)已經(jīng)不能夠很好適應(yīng)當(dāng)前的用戶需求。但是不可否認(rèn),擬物化設(shè)計(jì)給設(shè)計(jì)師們更多的經(jīng)驗(yàn),也鍛煉了很多設(shè)計(jì)師的技能,是設(shè)計(jì)師在進(jìn)行UI設(shè)計(jì)工作的過程中必須經(jīng)歷的階段。

?
與擬物化設(shè)計(jì)相對(duì)的就是扁平化設(shè)計(jì),這類設(shè)計(jì)摒棄了高光、陰影、透視等效果對(duì)于圖標(biāo)的作用,將圖標(biāo)內(nèi)容通過抽象和簡化的形式展現(xiàn)出來,將圖標(biāo)界面變得更加抽象和簡潔,通過矩形的色塊、大號(hào)的字體,使得圖標(biāo)變得更加光滑、更具現(xiàn)代感,讓用戶去體會(huì)圖標(biāo)所表現(xiàn)的元素。而扁平化的設(shè)計(jì)將交互功能歸納到了使用功能上,去掉了更多冗雜的設(shè)計(jì)。

?
在扁平化的設(shè)計(jì)過程中,主要是將圖標(biāo)的語言表現(xiàn)變得更加符號(hào)化或者簡約化,更加注重造型的形式美,摒棄了過多突出細(xì)節(jié)的設(shè)計(jì)。簡單來說,扁平化設(shè)計(jì)就是通過簡約的線條、形狀以及漸變形式的配色等來突出主要元素,更加奪人眼球,提高用戶的關(guān)注度。

?

①規(guī)范化。對(duì)于圖標(biāo)的設(shè)計(jì)來說,了解設(shè)計(jì)規(guī)范是最為重要的原則。通常來說,UI設(shè)計(jì)當(dāng)中的圖標(biāo)都會(huì)采用圓形或者方形圖標(biāo),但是不可否認(rèn)異形圖標(biāo)的存在,通過相同屬性的圖標(biāo),能夠讓界面變得更加規(guī)整,比如擬物化設(shè)計(jì)過程中的剪影、輪廓等。就大部分用戶的視覺體驗(yàn)來看,采用相對(duì)規(guī)整的圖標(biāo)往往會(huì)更受用戶的歡迎,這不僅會(huì)讓圖標(biāo)變得更加清晰,而且還更加符合用戶的習(xí)慣,因此在UI圖標(biāo)的設(shè)計(jì)過程中,圓形和方形成為了圖標(biāo)設(shè)計(jì)的主要形式。

?
②個(gè)性化。對(duì)于UI圖標(biāo)的設(shè)計(jì)來說,個(gè)性化也是圖標(biāo)設(shè)計(jì)的重要因素。從當(dāng)前應(yīng)用眾多APP的圖標(biāo)當(dāng)中可以發(fā)現(xiàn),當(dāng)前大部分APP的圖標(biāo)設(shè)計(jì)都存在大同小異的問題,最突出的特點(diǎn)就是擬物化的問題,直接將所表現(xiàn)的內(nèi)容通過擬物化的方式呈現(xiàn)出來,這些設(shè)計(jì)普遍都具有缺乏個(gè)性化的問題,這一點(diǎn)在蘋果手機(jī)的圖標(biāo)設(shè)計(jì)當(dāng)中更為明顯。只有能夠在準(zhǔn)確表達(dá)功能的基礎(chǔ)上,與界面完美融合的圖標(biāo)才是真正受市場歡迎、能夠吸引受眾關(guān)注的好圖標(biāo)。

?
③視覺形式。視覺形式是除了上述兩個(gè)要素之外在UI圖標(biāo)設(shè)計(jì)過程中還需要注意的一個(gè)問題。良好的視覺效果是優(yōu)秀圖標(biāo)必須要具備的要素,既能夠在界面中醒目,同時(shí)又不會(huì)破壞界面整體的質(zhì)感,這對(duì)于UI圖標(biāo)設(shè)計(jì)來說是十分重要的,這也就對(duì)圖標(biāo)設(shè)計(jì)時(shí)的表現(xiàn)張力提出了很高的要求。

?
通常來說,大部分設(shè)計(jì)師會(huì)選擇簡潔化的設(shè)計(jì)方式來突出圖標(biāo),但是過于追求簡潔化的表現(xiàn)形式會(huì)導(dǎo)致圖標(biāo)的表現(xiàn)張力受到影響,圖標(biāo)過于簡潔還會(huì)導(dǎo)致用戶的印象降低。因此這類問題通??梢杂帽馄交脑O(shè)計(jì)方式來解決,扁平化設(shè)計(jì)方式是將傳統(tǒng)設(shè)計(jì)風(fēng)格進(jìn)行改良,對(duì)于圖標(biāo)裝飾的元素、花紋以及復(fù)雜的漸變形式進(jìn)行改善,使圖標(biāo)更加簡潔,但是同時(shí)又會(huì)更加突出圖標(biāo)語言,提高圖標(biāo)的功能性。

?
扁平化設(shè)計(jì)風(fēng)格強(qiáng)調(diào)主題含義,雖然嚴(yán)謹(jǐn)性上會(huì)比具象化的圖標(biāo)稍有欠缺,但是畫面效果卻可以采用更加夸張的方式,因而廣泛應(yīng)用。

?