如何快速出稿一個優秀APP的構圖

一般一個移動端的UI設計師在接到設計項目的時候，腦海中會自動出現一些之前看多的相似的app優秀素材或者之前和如今正在使用的移動端APP中的ui設計碎片。

這對於一個剛入行或者剛畢業的設計師來講，運用起來是一件很是困難事，可是有可能發生的，慢慢的積累和沉澱，天天多思考一些APP的設計原因，多欣賞一些獨特的有創意的界面設計，這樣一每天對本身作一點簡單的ui培訓，時間長了，就容易上手了。

 

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

 

 

可是總體APP設計流程和設計模塊，咱們確定要知道的。

 

1、APP圖標設計

圖標一般是傳達給用戶的第一視覺感覺，它能夠體現出產品風格 、功能，甚至品質。iphone獨特的桌面展現方式，引領了」豆腐塊」圖標趨勢，即在一個圓角方形的區域內創造各類可能。 分析衆多優秀應用圖標發現，要設計一款精緻醒目的圖標，大概能夠遵循如下幾點：

 

a、圖形元素儘量不超過2個，而且不可平均分佈，突出主視覺；

b、桌面極少使用淺色，所以配色儘可能以明亮淺色爲主，以避免被背景吸取掉；

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

 

 

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

APP的新手引導，本來的出發點很簡單，相似於一個簡潔的產品說明書，其主要目的是爲了向用戶展現該APP的核心功能及用法。 通常出如今用戶首次安裝APP後打開的時候。歡迎界面通常爲2 – 5屏的全屏靜態圖，左右滑動進行翻頁，有跳過按鈕；新功能指示及操做引導通常用蒙板加箭頭指引的形式完成。

 

 

3、歡迎界面設計或者說是APP啓動界面設計

歡迎界面（閃屏）像是應用的一道門，在使用前給用戶一個預示，它一般包含圖標、版本號、加載進度等信息。設計能夠根據產品風格隨意發揮，與圖標呼應，強化產品的印象。

 

4、主要的功能界面設計

 

遵照IOS的交互習慣，功能界面的結構一般自上而下，分別是「狀態欄、導航欄、標籤欄、工具欄」

 

 

根據不一樣功能的界面、常見有如下幾種設計方式：

 

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

分層的界面—— 利用iPhone自己獨有的特性讓其固定，或垂直、水平滾動，節省空間。

擬物化設計——適合實現獨立功能的界面設計，界面的細節逼真寫實。以現實的元素和操做喚起用戶共鳴。

另外，當咱們完成一系列辛苦的APP設計工做以後，爲了讓客戶端開發人員完成咱們設計出的效果。或者說要想準確傳達本身的設計能夠分三步來實施：

 

第一步：要實現快速可視化。

你能夠選擇任何用的順手的工具，把本身的想法快速準確的呈現出來，就已是成功的一半。

 

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

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

 

第三步：把設計參數化，儘量減小讓工程師憑感受開發的狀況。

相信我，若是你不但願工程師憑感受調UI顏色，那麼動效同理。一份精確的文檔或者是高保真的原型效果圖，是你專業性的體現。

 

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

咱們是一名優秀的APPUI設計師，想要工程師實現出酷炫的動效，你得先把它酷炫的設計出來。抓住一切機會提高本身的設計能力吧！那纔是你最寶貴的東西。

 

更多的ui培訓文章--Ui培訓之如何設計極簡三色圖標

原文地址：25學堂

UI設計