• 一個APP界面設計完整流程詳解

    /2017-08-03 22:33:36/

  • \

    APP界面設計對于APP來說非常重要,好的APP界面設計能夠迅速捕獲用戶的眼球,引導用戶使用APP。那么APP界面設計流程是怎樣的呢?小編分享一個APP界面設計完整流程,希望對APP設計的同學有所幫助。


    APP界面設計流程


    1、確定你的創意方向或者圍繞主題展開


    您的創意是否有人做過,如果有類似的app,那就要多多考慮,爭取超越并且有一些獨特的優化設計在其中


    2、定位應用和用戶需求分析


    通過蘋果的人機界面指南(Human Interface Guidelines)圖來定位


    3、核心功能確認,必須用減法原則


    將提出的各種需求進行匯總討論,設計ADS(Application Definition Statement)對應用定義的一段陳述,也稱精簡的ADS,可以從下面4個方面著手:


    1)確定整體產品色彩基調,色彩基調可以從產品功能中提取,也可以從產品LOGO中提??;


    2)做出界面原型,包括功能布局、頁面交互等元素;


    3)在界面原型基礎上進行色彩添加,進一步的細節調整;


    4)根據用戶使用體驗反饋再次修改界面,不斷完善。


    4、產品草圖制作。比如Axure pop等


    開始根據前面所整理的資料,進行基本的產品各個功能的設計,包含移動中使用場景,按鈕,顯示文字等。紙和筆是個不錯的方式


    5、Walkthrough


    在IOS中,各個界面之前切換方式也是重要的地方,稱為APP功能穿越(App Functionality Walkthrough),設計時需要考慮進去。


    6、低保真原型


    利用原型制作工具(Axure,Mockup,Visio),將草圖搬上電腦,盡量使用黑白,粗糙的線條來進行設計,不要糾結于細節


    7、高保真原型


    在低保真原型確認后,可以開始糾結與細節了,ios屏幕尺寸有這幾種:960*480,1024*768。具體的查看APP設計尺寸規范大全,APP界面設計新手教程。


    8、視覺UI設計,用ps 或AI


    在高保真原型完成后,就該給進行視覺設計,Apple提倡有質感,有仿真度的圖形界面,我們讓app的界面設計盡量接近用戶熟悉或者喜歡的風格。在配色和圖標上可以下足功夫


    9、根據自身產品的文化來完善APP設計理念


    由于移動設備的關系,設計上盡量保持簡潔,若非必要就不要放上華麗的圖形或其他的信息去吸引用戶,我們需要讓信息一目了然,不隱晦,不誤導。


    10、多種應用場景的ICON設計,1024 512 114等


    ICON將決定APP在Store中的辨識度,可以先從簡單的輪廓開始,先從核心創意開始。除非有必要,你的icon最好不要包含文字,盡量使用跟你的app圖形界面一致的材質和漸變。你如果想給用戶呈現高質量的UI設計,別忘了把icon設計成29×29,72×72,和512×512三種尺寸。


    11、交付設計稿或切圖文件夾


    如果你自己不開發app的功能,還需要把清晰的設計指南交付給開發人員。我會把界面和描述集中到一張大圖,并盡可能的把所有可遇見的情況都給開發人員描述清楚。同時可以對PSD進行尺寸標注,說明,及存為PNG方便開發。


    甘肃11选5前三直选基本走势,甘肃11选5前三直选基本走势,甘肃11选5前三直选基本走势

<
上一篇: 方法多多!教你搞定手繪專題頁設計 下一篇: 百度高級UI設計師:規范、方法、一致性,真有那么重要?

聯系我們

一個新的需求,從這里開始?;隊钚幢碭窕蚍⑺禿獻饔始粒? [email protected] [email protected] 加微信: 13765801787

13765801787
在線留言
大乐透中奖查询 彩票投注单样纸填写 可以提现的棋牌官方 球探比分直播即手机版 牛牛娱乐棋牌 天津时时开奖数据 稳赚包赢计划彩票 双色球各种走势图表 重庆彩开奖号码查询结果 七乐彩怎么下载app 后三组选包胆是什么意思 玩时时彩死了多少人 竞彩足球稳赚不赔 六道神算6码复式三中三 重庆时时开奖官方同步 排列三买组三的技巧