appicon制作（icon制作軟件）

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

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

文章目錄列表:

• 1、APP設計、icon設計、UI設計之間有什么區(qū)別？

• 2、什么是好的APP icon

• 3、如何做APP界面設計

• 4、怎樣制作APP

一、APP設計、icon設計、UI設計之間有什么區(qū)別？

app設計：例如微信是一款app，它的設計包括微信的logo圖標設計，也就是icon設計，每個用戶界面的設計，即UI設計，操作方式設計，即交互設計，設計之外，還可能涉及到用戶研究、可用性測試等。范圍較廣，包括App原型設計，Icon設計，交互設計（按一個按鈕，它會反饋什么，是彈出提示還是跳轉到另一個界面），UI設計（即App的界面）等等。

Icon設計：圖標設計，例如qq的那個企鵝就是它的icon。根據(jù)產(chǎn)品（比如一個App）的功能，設計一個符合該產(chǎn)品定位的圖標，重點在于看到這個圖標，知道能用它聊天還是拍照或者其他。

UI設計：用戶界面設計，例如，你登陸QQ時，出現(xiàn)一個輸入賬號和密碼的頁面，這個頁面整體的設計就是它的UI設計。比如公司要開發(fā)一個社交類/攝影類App，那么應該根據(jù)產(chǎn)品的定位，設計它的界面，例如啟動頁，首頁等等，也可以是一個網(wǎng)站的首頁，注冊頁面等等，UI設計強調(diào)視覺效果，即第一眼看到的是什么。

二、什么是好的APP icon

一個好的APP圖標有利于你的應用在眼花繚亂的眾多APP中脫穎而出，吸引用戶的眼球，引導用戶去點擊，那么什么才算是好的APP icon設計呢，icon設計要注意什么？談一下我的看法

1、icon是干嗎用的

任何事物的出現(xiàn)都是為了解決一定的問題，所以我們先叨叨幾句，了解下icon是為了解決什么問題而出現(xiàn)的？

這是一個菜市場，王二麻子在這條街上賣了十幾年燒餅了，一直也沒有其他賣燒餅的，所以人們來了市場，買燒餅必定買他家的，品質(zhì)又好，大家口口相傳。因為市場賣東西的比較多，王二麻子就找了塊布，上面畫了個圈，掛在門口方便別人找 后來來了個新的賣燒餅的胖嫂，菜市場人漸漸多起來了，為了方便大家找到他家，就做了個招牌，上書《王二麻子燒餅》，這樣人們要介紹他的門面，只需說去菜市場找王二麻子燒餅就行，后來王二考慮到人們看字也比較麻煩，就找人畫了個大餅的樣子，點了幾個點，當做是芝麻的樣子。又把底色招人弄成燒餅的金黃色，自此王二麻子燒餅的品牌形象定型了，人們口口相傳，去買燒餅就找那個圓圈里面有點的那個。

2、ICON的歷史

從上面的小故事我們可以了解，王二麻子的招牌也就是王二麻子的icon 的發(fā)展經(jīng)歷了四個階段

1、無標識或弱標示，人即品牌，多在競爭不充分的情況下

2、模糊標識，競爭相對少，只需要區(qū)分出自己與他人來即可

3、明確標識，競爭升級，既要區(qū)分出與別人的不同，又要體現(xiàn)自己的特色

4、抽象標識，目的是便于區(qū)分，易于理解，便于傳播。 從1990起，國內(nèi)興起了設計企業(yè)VI的風潮，大家可以了解下當時的文案，對于icon設計會有幫助。

icon最重要的目的就是標識產(chǎn)品，易于傳播

二、ICON該改怎么設計

如無特殊說明，下文中的icon指的是手機APP的icon icon是由色彩，文字和圖案構成的。

1、icon怎么選擇色彩

色彩：色彩之于icon最重要的作用是吸引人的目光，渲染出設定的氛圍，作為產(chǎn)品形象輸出的背景。 當人在手機APP上瀏覽時，翻屏動作是很快的，注意力也是發(fā)散的，這個時候，用戶能關注到的只有色彩，一個大的色塊在眼前劃過，跟用戶的眼睛造成視覺沖擊，一個好的色彩搭配會吸引用戶視覺停留，獲取寶貴的點開的機會。那么什么樣地色彩會讓人停留呢。我們應該怎么選擇APP對應的色彩呢？

分兩種情況考慮：

1）你做的不是一個從零開始的新產(chǎn)品，你的公司之前已經(jīng)有了在網(wǎng)站，在平媒的展示記錄，已經(jīng)有確定的品牌色，這種情況下就應當延續(xù)之前的配色，保證傳播形象上的統(tǒng)一，讓用戶看到這個顏色就能聯(lián)想到之前用過的產(chǎn)品，讓用戶產(chǎn)生聯(lián)想，產(chǎn)生我點進去看看有啥新東西的想法，走到這一步，那么恭喜?。?！吸引用戶成就達成_。

2）你做的是一個新產(chǎn)品，那么選擇色彩時可以從這幾個方面考慮。 你的產(chǎn)品是屬于什么行業(yè)的呢，行業(yè)有沒有什么相對固定的顏色方案呢？如果有，那么請盡量往上靠，選擇相似的顏色有利于用戶對產(chǎn)品產(chǎn)生印象。如果沒有那么就要從產(chǎn)品功能上考慮，你的產(chǎn)品能給用戶提供什么幫助，是信息展示類的應用還是工具類應用，在這里可以參照通用的冷暖色調(diào)理論和平面設計的配色方案。 總體來說， 對色彩的要求是區(qū)別于其他產(chǎn)品，能烘托產(chǎn)品氛圍，吸引人的眼睛，讓用戶關注到應用。

2、怎么設計icon的圖案

圖案是用來溝通的，是通過特定的形狀，來讓人們產(chǎn)生聯(lián)想，比如紅十字的圖案就讓用戶想到醫(yī)院，想到健康方面的，汽車的圖案就讓人想到車相關，飛機就讓用戶想到旅行相關的，利用這些固定行業(yè)的固定形狀可以直接讓用戶了解產(chǎn)品的使用場景和功能，進而產(chǎn)生興趣。

圖案大體可以分三種，

一是對實際物體的抽象和引申

比如說摩拜單車的icon上的自行車圖案，讓人一看就知道這是和自行車相關的應用。蘋果原生地圖應用的圖標也屬于這種。

IOS操作系統(tǒng)升級到7。0時,還嫌棄了一波平面化圖標替代擬物化圖標的風潮，其實，不管是擬物化圖標還是平面化圖標都是對實際物體的抽象和引申。另外平面化替代擬物化是必然的，原因很簡單，最開始IPHONE推出的時候，算是新事物，必須使用比較真實的擬物化圖標來告訴用戶每個應用是干什么的，后來用戶越來越多，再進行進一步抽象升級，圖標就不需要那么形象的表示事物了只需要讓用戶看到圖標能理解到這個圖標代表的是什么就可以了。

二是對行業(yè)圖標的變形 例如鐵道部12306的icon圖案就是常見的鐵路部門的示意圖標，同花順的圖標是一段簡單的K線讓用戶一看就是和故事相關的應用。

三是對文字的變形 這里有兩個很牛的應用要推薦下，一個是天貓的icon，圖標的上半部分就是天貓倆字，僅在貓字上面做了些許變形，認識字就知道這是干嘛的，而且還特別醒目。相比下京東的icon就有點懵了，一看之下是個狗，如果是個新用戶直接一看其實是懵的，表意不明。不過，以京東現(xiàn)在的知名度倒是不需要care這點小事情了。

另外一個是大網(wǎng)易新聞，看人家圖標

大紅的底色上有大大的兩個字網(wǎng)易，下面是小產(chǎn)品標識news。

對文字的變形還有一種情況，那就是文字加一些小修飾，既能看到品牌名，又能大約看出產(chǎn)品是干嘛的來。如下例：

叮當倆字強調(diào)品牌名，上面加了個小人，就做成了一個人騎著自行車的形象，用戶大約了解這可能是個配送相關的應用。

3、icon上該寫什么字

icon上該不該寫字，寫字的話要寫什么字，其實和上面說的圖案使用文字的論述有點關系。

圖案用來溝通，文字才能精準的信息，如果我們要在icon上加文字，首先要考慮的是我們要傳達的信息是什么，這個信息能不能通過我們的圖標進行傳達。

確定了要不要加字，就要確定加在哪個位置，其實這個一般來說都會是加在整個圖標的底部。

寫什么字呢，畢竟地方不大，寫不了幾個字，不同業(yè)務選的詞和字的組合不一樣，沒法提出具體的建議了。來直接比較倆圖標.

浦發(fā)銀行信用卡APP你直接放了四個大字你也太蒙事兒了吧，中間一個大花還遮了部分字,low，腦殘，無語ing

天貓上面已經(jīng)夸了一遍，天貓這個icon設計里還有一個小機關，天貓兩個字下面和貓頭上面還有個空白區(qū)，中間還可以塞11.11，如此設計確實牛逼。

最后總結一下，icon設計時需要根據(jù)產(chǎn)品階段（新產(chǎn)品還是已有產(chǎn)品），所屬行業(yè)（電商、信息、游戲）的不同來選擇合適的色彩（奪人眼球）和合適的圖案（品牌形象）和精準的文字（信息傳遞）。

我們在設計ICON是一定要考慮用戶瀏覽使用APP時，目光關注點是從大到小，從上到下來移動的。仔細體會用戶的習慣才能設計出優(yōu)秀的ICON。

三、如何做APP界面設計

第一點：了解你的目標客戶群的心態(tài)

1、做微任務的目標客戶群(如隨時隨地看看新聞，聽聽歌，看看電影，聊聊八卦之類)：

這類的解決方案是設計的app最好是小而準，不要大而全。越全的功能應用，只能代表著這個應用在各方面的都很平庸

2、喜歡當工具來使用的目標客戶群：比如找地圖，看天氣，查數(shù)據(jù)等。

這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。

3、無聊的客戶群，用來打發(fā)消磨時間的：無需求，漫無目的的

這類的解決方案是盡可能展示用戶感興趣的東西，幫助客戶來打發(fā)消磨時光。

第二點：APP原型圖的制作和設計討論

這個環(huán)節(jié)是必不可少的。需要根據(jù)設計需求認認真真的來畫畫原型圖。

常用的APP原型圖工具：移動APP原型設計神器 POP 、axure、Foreui等

第三點：APP視覺設計與設計要點

（1）大概設計板塊有APP啟動頁面設計，APP界面設計的尺寸規(guī)范，app圖標設計等

一般來說，手機屏幕是從上往下布局的，重要的信息會放在上方。但是在操作上，大部分人都是單手拿手機，常用的操作，要放在界面的下方。

另外還有一個原則，最小的觸摸單位，一般是44個像素。如果再小，你的拇指難以觸碰，或者容易引發(fā)誤操作。同時，也不要讓界面太擁擠。

所以，設計師必須用減法設計，這個過程需要花時間思考、簡化元素。

你必須記?。海?）隱藏設計或者減法設計 （2）分區(qū)或分類 （3）幫用戶做決策 （4）提高交互創(chuàng)新設計 （5）讓人有爽快感和新奇感 （6）在設計中浸入情感，把握用戶的心理。（談談如何進行產(chǎn)品設計以及產(chǎn)品情感化設計）

一位大師這樣說過“真正的簡約設計是：作品必須不斷的被簡化，一改再改，直到設計最終成形?！?/p>

2014年 APP設計風格趨向扁平化和卡片化?？ㄆ?，扁平化都會是移動app設計的趨勢！認為卡片設計確實同時兼具了“擬物”和“極簡”2種優(yōu)勢！

第四點：APP界面設計流程

（1）. 設計APP界面時，學會從優(yōu)秀APP界面設計作品中尋求靈感，以前的藝術大師，用少量的資源做了大量的設計。

（2）. 放下工作，休息一下很有幫助。扁平和簡約設計的一切均關乎到細節(jié)的差異。因此小憩片刻后再回到工作，帶著全新的眼光工作，比長時間冥思苦想更有

效。

（3）. 并排比較各個版式同樣有幫助。哪怕花20分鐘前將一個線條下移各5個像素分別保存，對比兩個版式就能很快分清孰好孰壞。

（4）. 由于實物展示的相對比例至關重要，所以要及早在不同的目標設備上測試。

（5）. 整個設計過程中不斷問自己“真的需要嗎？” 。支撐項目時候，找一些討巧的辦法，例如，添加一些有趣的元素、樣式會這樣會很容易也會很吸引人，

但必須始終注意剔除不必要的元素，不斷精簡。甩掉你費盡心血的部分總是難以割舍，但修改過程必須挑剔。

第五點：APP界面設計測試與預覽修正

設計完成之后，我們可以把設計圖導入手機測試或者是校正。之前發(fā)布的在線測試工具：快速在移動終端上預覽APP界面設計效果圖的方法最后：好的APP界面設計作品必然是要經(jīng)過不斷升級、重復迭代的。

四、怎樣制作APP

1

制作app的軟件有很多。我們以簡網(wǎng)app工場為例。在百度搜索“簡網(wǎng)app工場”。

>02

點擊進入它的官網(wǎng)，可以看到有一個“開始創(chuàng)建”按鈕。

>03

如果你是第一次登陸，點擊“開始創(chuàng)建”后，會讓你關聯(lián)一個賬號。第一個是新浪微博，第二個是騰訊微博。

>04

我選擇第二個，點擊以后，需要輸入賬號密碼。上面有一個拉環(huán)一樣的東西，點擊它可以用二維碼登陸。二維碼真強大，無處不在啊，哈哈。

>05

然后我們就可以設置app的一些基本信息了。

>06

點擊“下一步”，需要設置“app圖標”和“開機圖片”?？梢酝ㄟ^“修改自定義圖標”和“選擇默認圖”選擇不同的圖標和圖片，也可以通過“上傳圖標”和“上傳圖片”進行自定義設置。第一次制作的話建議直接跳過，因為我們在里面還可以詳細修改。

>07

點擊“下一步”以后，進入“app設定”界面。和上一步一樣，根據(jù)需要進行選擇。

>08

然后app的框架制作大致完成。填寫一個自己常用的郵箱。

>09

點擊“提交”以后彈出祝賀成功界面。點擊“立即登陸”到郵箱去驗證。

>10

點擊鏈接返回后，需要填寫個人信息。這個地方不必認真，填一下就可以了。不過想要好好制作一個app并進行維護管理的話請認真填寫。

>11

“完成”以后彈出這樣的界面。這就可以下載了？當然不是，這樣只是制作了一個完整的空app，就是大樓完工，但是還沒住進去人。

>12

點擊上面的“管理”，就可以進入后臺進行維護了。所謂維護，不過就是編輯，發(fā)布等一些操作。

>13

這個界面是后臺維護界面。

>14

點擊頂部的“創(chuàng)建文章”可以開始創(chuàng)建內(nèi)容了?？梢暂斎胛淖郑尤雸D片等元素。編輯完畢，點擊“保存”。

>15

在“保存”界面可以進行一些個性化設置。

>16

由于上一步我把它發(fā)布到了“文字分享”欄目下，所以我們點擊“欄目分享”就可以看到剛剛編輯過的內(nèi)容。

>17

點擊上面的“編譯app”。這樣我們可以對即將編譯的app界面和框架進行詳細的個性化設置。設置好以后點擊下面的“保存并編譯”，右邊就開始編譯了。分為iphone和安卓兩個版本。這個地方需要一點時間。

>18

好了，兩個版本都編譯成功。

>19

以前可以直接下載到電腦，然后雙擊apk文件用豌豆夾等手機助手之類的軟件進行安裝。現(xiàn)在好像不行了?，F(xiàn)在提供的是二維碼掃描。沒關系。二維碼掃描下載的方式有很多，這里我打開的是UC瀏覽器。

>20

點擊右上角的加號，彈出的窗口有一個“掃一掃”。

>21

點擊它，進行掃描。

>22

掃描成功。點擊“本地下載”。

>23

下載完成，找到“已下載”。里面有已經(jīng)下載好的軟件。

>24

點擊它進行安裝。

>25

查看我們的手機，就可以找到它了?？烊バ蕾p一下自己親手制作的手機app吧。我這里顯示的是我之前制作過的一個app。第一次制作可能還不熟悉，不過慢慢研究慢慢豐富，自己的app就會變得越來越好。你可以把app安裝包找到發(fā)給你的朋友，這樣你的app軟件也能裝到他們的手機上。

以上就是小編對于appicon制作問題和相關問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。

推薦閱讀：

黑科技免費軟件app（黑科技免費軟件app下載）

中國電商app排行榜（中國電商app排行榜）

線上app推廣的工作靠譜嗎（線上app推廣好做嗎）

微信沒有添加公眾號選項

杭州進博會2023（杭州進博會2020）