超實(shí)用!APP圖標(biāo)設(shè)計(jì)中的8大設(shè)計(jì)技巧

2015-10-06    分類: 網(wǎng)站建設(shè)

隨著移動設(shè)備迅速占領(lǐng)市場,每個(gè)人手機(jī)里的APP應(yīng)用程序讓人眼花繚亂,有些APP圖標(biāo)長得簡直像雙胞胎讓人在第一時(shí)間很難辨別。所以一個(gè)應(yīng)用程序圖標(biāo)已成為區(qū)分其他應(yīng)用程序的重要標(biāo)志,想要在萬千應(yīng)用中獨(dú)得用戶恩寵就必須有一個(gè)設(shè)計(jì)優(yōu)良、易于記憶的APP圖標(biāo)。本文就說說應(yīng)用程序圖標(biāo)有哪些設(shè)計(jì)技巧呢?
1、70%條規(guī)則

有一個(gè)設(shè)計(jì)師之間的共識,使用70%的圖標(biāo)空間,以突出應(yīng)用程序的主要對象。如果你正在設(shè)計(jì)一個(gè)攝影應(yīng)用程序,該對象可能是一個(gè)相機(jī)或鏡頭。對于一個(gè)游戲,它可以是一個(gè)字符等。換言之,該對象應(yīng)占據(jù)大多數(shù)區(qū)域的70%。這個(gè)想法來自于用戶的即時(shí)認(rèn)知,并在他們?yōu)g覽應(yīng)用程序頁面時(shí)進(jìn)行描述。一旦他們登陸的應(yīng)用程序頁面上有一個(gè)描述,它成為一個(gè)更容易為你獲得用戶。只有允許更大的空間對象是不夠的。它必須是免費(fèi)的,只有這樣,它可以連接和創(chuàng)造更快的認(rèn)知,這就把我們帶到了下一個(gè)點(diǎn)。

2、暗淡的光澤

使一個(gè)應(yīng)用程序圖標(biāo)脫穎而出的方法是適當(dāng)?shù)氖褂脤Ρ榷?。設(shè)計(jì)師經(jīng)常使用對象和應(yīng)用程序圖標(biāo)背景之間的對比度。很多顏色都可以創(chuàng)造對比。在你的頭腦中有一個(gè)預(yù)先確定的調(diào)色板。記住,這個(gè)想法是創(chuàng)建背景顏色和對象中的元素之間的活力和對比。在你完成最后的切割之后,你可以用更多的白色或黑色的顏色來創(chuàng)建2-3個(gè)版本?,F(xiàn)在你可以選擇一個(gè)感覺對的圖標(biāo)。

3、不要被你的大麥克欺騙

一旦安裝在一個(gè)設(shè)備上,你的應(yīng)用程序圖標(biāo)會顯示在不同的分辨率,所以設(shè)計(jì)時(shí)必須在心中保持比例。然而,當(dāng)同一個(gè)圖標(biāo)在不同的圖標(biāo)大小的智能手機(jī)上測試時(shí),細(xì)節(jié)會丟失。如果你是工作在一個(gè)麥克和制作圖標(biāo)應(yīng)用程序商店首先,你可以很容易地放在一些微小的細(xì)節(jié)。但請記住,最小的圖標(biāo)是29x29px圖像。更精細(xì)的細(xì)節(jié),如小文本或其他符號將不可見。最好是一個(gè)獨(dú)特的形狀或元素,保留了它的輪廓和細(xì)節(jié)。這樣,你的圖標(biāo)將看起來適合蘋果和安卓。

4、試試你的圖標(biāo)在無數(shù)的壁紙

用戶在他們的智能手機(jī)上壁紙和主題的選擇也會影響圖標(biāo)的顯示。這意味著,你的應(yīng)用程序圖標(biāo)將不得不站出來反對無數(shù)的顏色。因此,必須在五顏六色的壁紙中保持你的圖標(biāo)的可見性。你可以增加或減少白色/黑色飽和度,來達(dá)到一個(gè)令人滿意的測試。有一些情況下,壁紙會干擾能見度,在這里你不能做得太多,但正如我說的,你可以測試圖標(biāo)在七種基本顏色中的顯示程度。

5、決定抽象并進(jìn)行迭代

隨著扁平化的圖標(biāo)和UI的出現(xiàn),設(shè)計(jì)師在抽象和真實(shí)的描述之間遇到不斷的困境。很多圖標(biāo)已經(jīng)大量走向抽象但不能簡單地把一個(gè)程序真實(shí)的描繪出來。另一個(gè)到達(dá)一個(gè)好的圖標(biāo)設(shè)計(jì)的很好的方法是用skeuomorphic平進(jìn)行多次迭代。你可以在這樣做的時(shí)候保持第二點(diǎn)的想法。一次做幾個(gè)細(xì)節(jié)的改變。他們所有的并排起來,并決定哪一個(gè)你最喜歡的。
6、用于游戲,識別一個(gè)字符

制作游戲圖標(biāo)可以是真正的樂趣,因?yàn)榭梢灾谱骱芏鄤?chuàng)造性的東西。在這中間,你一定注意到游戲經(jīng)常有故事和人物。如果我們堅(jiān)持與用戶建立認(rèn)知的規(guī)則,那么來自游戲本身的人物的面孔可以做一個(gè)偉大的設(shè)計(jì)。事實(shí)上,這就是應(yīng)用程序圖標(biāo)中常見字符面孔的原因。

7、圖標(biāo)和UI一致的顏色調(diào)色板

該應(yīng)用程序的用戶界面將有一個(gè)特定的主題和特定顏色的使用。最好用同樣的顏色來設(shè)計(jì)圖標(biāo)。您也可以做已在用戶界面中實(shí)現(xiàn)的相同的某些元素,并在圖標(biāo)中使用它們。這樣做,使你的設(shè)計(jì)更均勻,并可以召回熟悉你應(yīng)用程序的用戶。
8、不要使用照片或圖像

除了上面提到的設(shè)計(jì)方法,你也可以避免直接在應(yīng)用程序圖標(biāo)中用照片和圖像。即使是一張照片,你必須用Illustrator或PS等圖象處理軟件把它處理為矢量圖片。只有這樣它看起來是真實(shí)的,并有一個(gè)磁效應(yīng)。這聽起來像老生常談,但是你需要保持你的設(shè)計(jì)是干凈的。我已經(jīng)提到了混合更多的白色或黑色的顏色,以達(dá)到好的顏色你想要的顏色。這是非常方便的整理圖標(biāo)。應(yīng)用程序圖標(biāo)必須變得像流行歌曲,任何人都可以識別。創(chuàng)新互聯(lián)(http://muchs.cn),專業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷等產(chǎn)品服務(wù),歡迎新老顧客前來咨詢!咨詢熱線或QQ:1683211881

本文題目:超實(shí)用!APP圖標(biāo)設(shè)計(jì)中的8大設(shè)計(jì)技巧
網(wǎng)站URL:http://muchs.cn/news28/32978.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站網(wǎng)站設(shè)計(jì)、網(wǎng)站排名、微信小程序、搜索引擎優(yōu)化靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)