正文

App圖標設計（app圖標設計理念）

發(fā)布時間：2023-04-06 22:12:04 稿源：創(chuàng)意嶺閱讀： 72

大家好！今天讓小編來大家介紹下關于App圖標設計的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務客戶遍布全球各地，相關業(yè)務請撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

1、如何做APP界面設計？
2、如何制作app圖標以及l(fā)ogo
3、app圖標的共同點和不同點
4、圖標規(guī)范標準（IOS/Android）

App圖標設計（app圖標設計理念）

一、如何做APP界面設計？

第一點：了解你的目標客戶群的心態(tài)x0dx0a1、做微任務的目標客戶群(如隨時隨地看看新聞，聽聽歌，看看電影，聊聊八卦之類)：x0dx0a這類的解決方案是設計的app最好是小而準，不要大而全。越全的功能應用，只能代表著這個應用在各方面的都很平庸x0dx0a2、喜歡當工具來使用的目標客戶群：比如找地圖，看天氣，查數(shù)據(jù)等。x0dx0a這類的解決方案是我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。x0dx0a3、無聊的客戶群，用來打發(fā)消磨時間的：無需求，漫無目的的x0dx0a這類的解決方案是盡可能展示用戶感興趣的東西，幫助客戶來打發(fā)消磨時光。x0dx0ax0dx0a第二點：APP原型圖的制作和設計討論x0dx0a這個環(huán)節(jié)是必不可少的。需要根據(jù)設計需求認認真真的來畫畫原型圖。x0dx0a常用的APP原型圖工具：移動APP原型設計神器POP、axure、Foreui等x0dx0ax0dx0a第三點：APP視覺設計與設計要點x0dx0a（1）大概設計板塊有APP啟動頁面設計，APP界面設計的尺寸規(guī)范，app圖標設計等x0dx0a一般來說，手機屏幕是從上往下布局的，重要的信息會放在上方。但是在操作上，大部分人都是單手拿手機，常用的操作，要放在界面的下方。x0dx0a另外還有一個原則，最小的觸摸單位，一般是44個像素。如果再小，你的拇指難以觸碰，或者容易引發(fā)誤操作。同時，也不要讓界面太擁擠。x0dx0a所以，設計師必須用減法設計，這個過程需要花時間思考、簡化元素。x0dx0a你必須記住：（1）隱藏設計或者減法設計（2）分區(qū)或分類（3）幫用戶做決策（4）提高交互創(chuàng)新設計（5）讓人有爽快感和新奇感（6）在設計中浸入情感，把握用戶的心理。（談談如何進行產(chǎn)品設計以及產(chǎn)品情感化設計）x0dx0a一位大師這樣說過“真正的簡約設計是：作品必須不斷的被簡化，一改再改，直到設計最終成形?！眡0dx0a2014年APP設計風格趨向扁平化和卡片化?？ㄆ?，扁平化都會是移動app設計的趨勢！認為卡片設計確實同時兼具了“擬物”和“極簡”2種優(yōu)勢！x0dx0ax0dx0a第四點：APP界面設計流程x0dx0ax0dx0a（1）.設計APP界面時，學會從優(yōu)秀APP界面設計作品中尋求靈感，以前的藝術大師，用少量的資源做了大量的設計。x0dx0a（2）.放下工作，休息一下很有幫助。扁平和簡約設計的一切均關乎到細節(jié)的差異。因此小憩片刻后再回到工作，帶著全新的眼光工作，比長時間冥思苦想更有x0dx0a效。x0dx0a（3）.并排比較各個版式同樣有幫助。哪怕花20分鐘前將一個線條下移各5個像素分別保存，對比兩個版式就能很快分清孰好孰壞。x0dx0a（4）.由于實物展示的相對比例至關重要，所以要及早在不同的目標設備上測試。x0dx0a（5）.整個設計過程中不斷問自己“真的需要嗎？”。支撐項目時候，找一些討巧的辦法，例如，添加一些有趣的元素、樣式會這樣會很容易也會很吸引人，x0dx0a但必須始終注意剔除不必要的元素，不斷精簡。甩掉你費盡心血的部分總是難以割舍，但修改過程必須挑剔。x0dx0ax0dx0a第五點：APP界面設計測試與預覽修正x0dx0a設計完成之后，我們可以把設計圖導入手機測試或者是校正。之前發(fā)布的在線測試工具：快速在移動終端上預覽APP界面設計效果圖的方法最后：好的APP界面設計作品必然是要經(jīng)過不斷升級、重復迭代的。

二、如何制作app圖標以及l(fā)ogo

怎么制作呢？這里給大家推薦一個網(wǎng)站 http://www.logoko.com.cn/ ，在這里你可以簡單的制作一個圖標，操作簡單，一看就會。這里以我生成的一個圖片為例:

這里生成的圖片在最下面會有廣告，我們需要自己再截圖一次，畢竟是免費的，可以理解。

為什么要變成圓角？因為現(xiàn)在主流的app都是圓角圖標，這里依然給大家推薦一個網(wǎng)站 http://www.roundpic.com/ ，在這里只需要將圖片上傳到這個網(wǎng)站，就可以制作出圓角圖片，操作簡單，一看就會。

這里依然以我生成的圖片為例:

這里依然是一個網(wǎng)站 http://icon.wuruihong.com/ ，將圖片上傳到這個網(wǎng)站就可以了，這里已android為例，如果不自定義尺寸，就會生成七個不同分辨率的圖片，這七個就是android需要的，同時還支持預覽。這里最后會是一個壓縮包。

是不是感覺特別簡單，這三個網(wǎng)站都不用注冊喲，趕快嘗試一下吧！

三、app圖標的共同點和不同點

圖標的設計需要表意明確，并具有適合的隱喻特征，相同點和不同點如下。

首先，要根據(jù)對象確定圖標的整體風格并進行概念草圖繪制；其次，在草圖的基礎上給圖標上色，設計圖標適合的角度和透視；再對圖標進行細節(jié)調(diào)整，以表現(xiàn)圖標的質(zhì)感；最后,根據(jù)一個圖標樣式發(fā)散進行成套圖標設計，使界面內(nèi)的圖標形成統(tǒng)一的風格。移動應用界面圖標的形態(tài)既豐富又具有概括性。形態(tài)是定義圖標的大致輪廓和基本樣式。為了使用戶更容易理解和接受圖標，設計形態(tài)時要根據(jù)對象特征進行一定的隱喻，使圖標形態(tài)貼近用戶的認知范圍。因此，圖標的形態(tài)要盡量簡潔易懂，避免過度使用象征性的隱喻符號，用簡單的圖形作為整體象征性的代表。色彩是圖標設計的一個重要屬性，要處理好圖標的主要顏色與次要顏色之間的關系，它在很大程度上決定了圖標的最終視覺效果。不同的顏色蘊含著不同的情感意義，因此設計師在設計手機界面圖標時要基于應用的功能同時遵循用戶的心理模型，以選擇合適的色彩搭配。用戶在實際生活中看到的物品在受到自然光線和物理光線的影響下會呈現(xiàn)立體的形態(tài)，因此要使一個圖標變得立體就需要添加光影的效果。設計師首先要將圖標想象成一個圓形的球體，通過定義圖標的素描關系(即光線的方向)將圖標分為白、灰、黑、影子、反光5個部分。

四、圖標規(guī)范標準（IOS/Android）

IOS篇

本小節(jié)中ios圖標標準均以iPhone6為例

1.APP圖標

APP圖標指應用圖標，圖標尺寸為120x120，如果是游戲類應用，這個圖標也會被用在Game Center中。由于IOS應用圖標是由于系統(tǒng)統(tǒng)一切圓角，所以設計的時候直接出方形圖標即可。設計時可根據(jù)需要作出圓角供展示使用。

尺寸規(guī)格：

圖標尺寸：57x57，圓角10；圖標尺寸：114x114，圓角20；圖標尺寸：120x120，圓角22；圖標尺寸：114x114，圓角20；圖標尺寸：180180，圓角尺寸34；圖標尺寸：512x512，圓角尺寸90；圖標尺寸：1024x1024,圓角180.

2.APP Store圖標

APP Store圖標指上傳至應用商店的應用圖標，尺寸為1024x1024.為了吸引用戶可增加更多的設計細節(jié)。不過基于效率考慮，一般與APP圖標的設計保持一致。此時的圖標需要設計圓角，圓角像素為160。

3.標簽欄導航圖標

標簽欄導航圖標指底部標簽欄上的圖標，圖標設計尺寸為50x50。

4.導航欄圖標