UI圖標(biāo)設(shè)計技巧!
發(fā)布日期:2022/4/22 13:22:10 瀏覽量:
在UI圖標(biāo)的設(shè)計領(lǐng)域,優(yōu)秀的圖標(biāo)必須要在完美展現(xiàn)軟件功能的基礎(chǔ)上,能夠與用戶的手機界面完美融合,這就對設(shè)計師的設(shè)計功底以及審美提出了較高的要求,圖標(biāo)要做到美觀與功能性并重,這樣才能夠做到符合市場與用戶的需求,提高APP的質(zhì)量。

①按照屬性劃分。按照屬性,可以將圖標(biāo)劃分為啟動圖標(biāo)和工具欄圖標(biāo)。啟動圖標(biāo)是用戶接觸時間最長的圖標(biāo)類型之一,可以說,啟動圖標(biāo)就是產(chǎn)品的符號象征,用戶通過點擊啟動圖標(biāo)達(dá)到運行與打開相關(guān)產(chǎn)品的目的,啟動圖標(biāo)的設(shè)計要點與標(biāo)志相類似,是產(chǎn)品與企業(yè)的形象象征。但是啟動圖標(biāo)可讀性的要求更高,而標(biāo)志則更注重抽象和企業(yè)形象的象征性,主要突出深度。
工具欄圖標(biāo)是出現(xiàn)于軟件與產(chǎn)品內(nèi)部的圖標(biāo)類型,主要起到解說和裝飾的功能,是對工具欄文字的圖標(biāo)化設(shè)計,主要是為了突出界面的設(shè)計感,增加用戶在使用過程中的體驗感和趣味性。在工具欄圖標(biāo)的設(shè)計過程中,簡約、概括性和傳達(dá)性是主要的設(shè)計要求,同時工具欄的設(shè)計還具有系列化設(shè)計的特征。
②按照表現(xiàn)手法劃分。根據(jù)表現(xiàn)手法的不同,圖標(biāo)的設(shè)計可以分為擬物化設(shè)計和扁平化設(shè)計。擬物化設(shè)計主要是需要與實物在最直觀的印象上盡量相像,并且通過質(zhì)感、紋理、陰影等效果來對實物進行展現(xiàn),讓觀眾能夠在第一時間了解到圖標(biāo)的具體內(nèi)容和事物種類,但是在這類圖標(biāo)的設(shè)計過程中,很容易出現(xiàn)設(shè)計過于繁瑣的問題,讓人感覺過于追求細(xì)節(jié),甚至是裝飾過剩。
擬物化設(shè)計還具有一個比較突出的缺陷,就是形式化過于嚴(yán)重的問題,這會導(dǎo)致功能性不能夠被完美展示出來,將大量時間應(yīng)用于效果呈現(xiàn)上,會導(dǎo)致形式美被忽視。在UI圖標(biāo)的設(shè)計過程中,擬物化的設(shè)計確實曾經(jīng)引領(lǐng)過一段時間的風(fēng)潮,在當(dāng)下階段,擬物化設(shè)計已經(jīng)不能夠很好適應(yīng)當(dāng)前的用戶需求。但是不可否認(rèn),擬物化設(shè)計給設(shè)計師們更多的經(jīng)驗,也鍛煉了很多設(shè)計師的技能,是設(shè)計師在進行UI設(shè)計工作的過程中必須經(jīng)歷的階段。
與擬物化設(shè)計相對的就是扁平化設(shè)計,這類設(shè)計摒棄了高光、陰影、透視等效果對于圖標(biāo)的作用,將圖標(biāo)內(nèi)容通過抽象和簡化的形式展現(xiàn)出來,將圖標(biāo)界面變得更加抽象和簡潔,通過矩形的色塊、大號的字體,使得圖標(biāo)變得更加光滑、更具現(xiàn)代感,讓用戶去體會圖標(biāo)所表現(xiàn)的元素。而扁平化的設(shè)計將交互功能歸納到了使用功能上,去掉了更多冗雜的設(shè)計。
在扁平化的設(shè)計過程中,主要是將圖標(biāo)的語言表現(xiàn)變得更加符號化或者簡約化,更加注重造型的形式美,摒棄了過多突出細(xì)節(jié)的設(shè)計。簡單來說,扁平化設(shè)計就是通過簡約的線條、形狀以及漸變形式的配色等來突出主要元素,更加奪人眼球,提高用戶的關(guān)注度。

①規(guī)范化。對于圖標(biāo)的設(shè)計來說,了解設(shè)計規(guī)范是最為重要的原則。通常來說,UI設(shè)計當(dāng)中的圖標(biāo)都會采用圓形或者方形圖標(biāo),但是不可否認(rèn)異形圖標(biāo)的存在,通過相同屬性的圖標(biāo),能夠讓界面變得更加規(guī)整,比如擬物化設(shè)計過程中的剪影、輪廓等。就大部分用戶的視覺體驗來看,采用相對規(guī)整的圖標(biāo)往往會更受用戶的歡迎,這不僅會讓圖標(biāo)變得更加清晰,而且還更加符合用戶的習(xí)慣,因此在UI圖標(biāo)的設(shè)計過程中,圓形和方形成為了圖標(biāo)設(shè)計的主要形式。
②個性化。對于UI圖標(biāo)的設(shè)計來說,個性化也是圖標(biāo)設(shè)計的重要因素。從當(dāng)前應(yīng)用眾多APP的圖標(biāo)當(dāng)中可以發(fā)現(xiàn),當(dāng)前大部分APP的圖標(biāo)設(shè)計都存在大同小異的問題,最突出的特點就是擬物化的問題,直接將所表現(xiàn)的內(nèi)容通過擬物化的方式呈現(xiàn)出來,這些設(shè)計普遍都具有缺乏個性化的問題,這一點在蘋果手機的圖標(biāo)設(shè)計當(dāng)中更為明顯。只有能夠在準(zhǔn)確表達(dá)功能的基礎(chǔ)上,與界面完美融合的圖標(biāo)才是真正受市場歡迎、能夠吸引受眾關(guān)注的好圖標(biāo)。
③視覺形式。視覺形式是除了上述兩個要素之外在UI圖標(biāo)設(shè)計過程中還需要注意的一個問題。良好的視覺效果是優(yōu)秀圖標(biāo)必須要具備的要素,既能夠在界面中醒目,同時又不會破壞界面整體的質(zhì)感,這對于UI圖標(biāo)設(shè)計來說是十分重要的,這也就對圖標(biāo)設(shè)計時的表現(xiàn)張力提出了很高的要求。
通常來說,大部分設(shè)計師會選擇簡潔化的設(shè)計方式來突出圖標(biāo),但是過于追求簡潔化的表現(xiàn)形式會導(dǎo)致圖標(biāo)的表現(xiàn)張力受到影響,圖標(biāo)過于簡潔還會導(dǎo)致用戶的印象降低。因此這類問題通??梢杂帽馄交脑O(shè)計方式來解決,扁平化設(shè)計方式是將傳統(tǒng)設(shè)計風(fēng)格進行改良,對于圖標(biāo)裝飾的元素、花紋以及復(fù)雜的漸變形式進行改善,使圖標(biāo)更加簡潔,但是同時又會更加突出圖標(biāo)語言,提高圖標(biāo)的功能性。
扁平化設(shè)計風(fēng)格強調(diào)主題含義,雖然嚴(yán)謹(jǐn)性上會比具象化的圖標(biāo)稍有欠缺,但是畫面效果卻可以采用更加夸張的方式,因而廣泛應(yīng)用。
馬上咨詢: 如果您有業(yè)務(wù)方面的問題或者需求,歡迎您咨詢!我們帶來的不僅僅是技術(shù),還有行業(yè)經(jīng)驗積累。
QQ: 39764417/308460098 Phone: 13 9800 1 9844 / 135 6887 9550 聯(lián)系人:石先生/雷先生