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

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

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

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

2、暗淡的光澤

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

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

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

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

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

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

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

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

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

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

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

本文標(biāo)題：超實(shí)用！APP圖標(biāo)設(shè)計(jì)中的8大設(shè)計(jì)技巧
網(wǎng)址分享：http://www.muchs.cn/news/32978.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開(kāi)發(fā)、動(dòng)態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈、域名注冊(cè)、微信公眾號(hào)、品牌網(wǎng)站制作

廣告

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

網(wǎng)站托管運(yùn)營(yíng)