一位良好的移動APP客戶端的UI設計師，在接到一個移動case的時候，腦海中應該浮現(xiàn)很多相關的一點APP UI碎片。

肯定很多人會說，擁有這個功力肯定不是應屆APPUI畢業(yè)生所能掌握的。25學堂的小編說，未必。只要平常我們多安裝一些良好的APP、每天來欣賞一款獨特美的APP。

把這些好的APP 翻來覆去的瀏覽即可。

但是整體APP設計流程和設計模塊，我們肯定要知道的。

一、APP圖標設計

圖標通常是傳達給用戶的一視覺感受，它可以體現(xiàn)出產(chǎn)品風格 、功能，甚至品質(zhì)。iphone獨特的桌面展示方式，引領了”豆腐塊”圖標趨勢，即在一個圓角方形的區(qū)域內(nèi)創(chuàng)造各種可能。 分析眾多良好應用圖標發(fā)現(xiàn)，要設計一款精致醒目的圖標，大概可以遵循以下幾點：

a、圖形元素盡可能不超過2個，并且不可平均分布，突出主視覺；

b、桌面很少使用淺色，因此配色盡量以明亮淺色為主，以免被背景吸收掉；

c、為了讓圖標更加自然融合其中，符合ios平臺的透視標準，盡量使用正面垂直角度，光源自上而下。

二、3-4張的引導界面設計

APP的新手引導，原本的出發(fā)點很簡單，類似于一個簡潔的產(chǎn)品說明書，其主要目的是為了向用戶展示該APP的核心功能及用法。 一般出現(xiàn)在用戶初次安裝APP后打開的時候。歡迎界面一般為2 – 5屏的全屏靜態(tài)圖，左右滑動進行翻頁，有跳過按鈕；新功能指示及操作引導一般用蒙板加箭頭指引的形式完成。

三、歡迎界面設計或者說是APP啟動界面設計

歡迎界面（閃屏）像是應用的一道門，在使用前給用戶一個預示，它通常包含圖標、版本號、加載進度等信息。設計可以根據(jù)產(chǎn)品風格隨意發(fā)揮，與圖標呼應，強化產(chǎn)品的印象。

四、主要的功能界面設計

遵守IOS的交互習慣，功能界面的結構通常自上而下，分別是“狀態(tài)欄、導航欄、標簽欄、工具欄”

根據(jù)不同功能的界面、常見有以下幾種設計方式：

列表視圖——適合目錄、導航等多層級的界面。將信息一級級的收起，較大化的展示分類信息。

分層的界面—— 利用iPhone本身少有的特性讓其固定，或垂直、水平滾動，節(jié)省空間。

擬物化設計——適合實現(xiàn)獨立功能的界面設計，界面的細節(jié)逼真寫實。以現(xiàn)實的元素和操作喚起用戶共鳴。
另外，當我們完成一系列辛苦的APP設計工作之后，為了讓客戶端開發(fā)人員完成我們設計出的效果?；蛘哒f要想準確傳達自己的設計可以分三步來實施：

一步：要實現(xiàn)快速可視化。

你可以選擇任何用的順手的工具，把自己的想法快速準確的呈現(xiàn)出來，就已經(jīng)是成功的一半。

第二步：較大限度的還原使用場景。

如果是PC端，就在電腦上演示。如果是移動端，就在手機上演示。如果可操作，那較好做可交互的原型，當然，是在時間成本允許的條件下。

第三步：把設計參數(shù)化，盡可能減少讓工程師憑感覺開發(fā)的情況。

相信我，如果你不希望工程師憑感覺調(diào)UI顏色，那么動效同理。一份精確的文檔或者是高保真的原型效果圖，是你專業(yè)性的體現(xiàn)。

總之：移動開發(fā)當中，app設計師要把設計稿做嚴格的標注，各個元素的尺寸 和之間的間距，字體大小，顏色，透明度等。

我們是一名良好的APP UI設計師，想要工程師實現(xiàn)出酷炫的動效，你得先把它酷炫的設計出來。抓住一切機會提升自己的設計能力吧！那才是你較寶貴的東西。

文章摘錄鏈接 ：http://www.mobileui.cn/good-app-crash-composition-method.html