分(fēn)享一些APP開發的(de)UI設計流程

在多(duō)年的(de)APP開發經驗中，我們積累了(le)一些UI設計的(de)流程和(hé)方法，在這(zhè)裏分(fēn)享給做(zuò)APP設計的(de)設計師們。

 

一、前期工作

1.畫(huà)!

無論是一張紙、筆記本，還(hái)是一片什(shén)麽能寫的(de)玩意兒(ér)，都可(kě)以。我需要用(yòng)紙筆記錄下(xià)腦(nǎo)中的(de)創意，避免遺忘。有些時(shí)候，靈感經常不經意出現，而一時(shí)半會兒(ér)又找不到合适的(de)紙，因此我會用(yòng)銀行收據、餐館賬單、書(shū)籍封面等做(zuò)暫時(shí)記錄。

可(kě)以專門用(yòng)一個(gè)筆記本來(lái)收集你的(de)創意，不時(shí)的(de)翻翻，可(kě)能會找到一些非常有趣的(de)舊(jiù)想法，你可(kě)以根據這(zhè)些舊(jiù)點子想一些新玩意兒(ér)。

2. 收集圖片

還(hái)有一項前期要做(zuò)的(de)工作就是收集圖片，我每天都會收集一些圖片。收集圖片的(de)方法可(kě)能有好幾百種，但是我還(hái)是習(xí)慣最Old-School的(de)方法——Dropbox文件夾分(fēn)類(例如，我會分(fēn)成後台界面設計、iOS設計、插畫(huà)設計等等)每當我有新的(de)項目的(de)時(shí)候，我就會看看這(zhè)些圖片，用(yòng)來(lái)尋找靈感。

3. 情緒闆和(hé)準備工作

Dribbble，Behance，Pttrns，Pinterest——我們有很多(duō)可(kě)以需找靈感的(de)地方。而且很容易就能找到和(hé)你項目相關的(de)作品。多(duō)去逛逛，你可(kě)能會從别人(rén)的(de)經驗中學會解決問題。

 

二、開始著(zhe)手設計

1. 不必在乎線框圖的(de)質量

我不喜歡精雕細琢線框圖。畢竟，這(zhè)玩意兒(ér)隻是一個(gè)過渡，而且客戶能夠預先準備好線框圖就更好了(le)。真正的(de)業界好客戶(而且肯定對(duì)品質也(yě)有追求的(de))肯定預先會以草(cǎo)圖或者線框圖的(de)形式來(lái)表述需求。

線框圖的(de)作用(yòng)是就是讓彼此更好的(de)理(lǐ)解目的(de)，而不是最終結果。線框圖能夠幫助架構層級，讓你了(le)解大(dà)概需要多(duō)少屏界面，讓你了(le)解客戶的(de)想法

設計師必須懂(dǒng)得(de)去“敏捷”設計，如果真的(de)太在意線框圖的(de)細節，那麽整個(gè)設計流程會拉長(cháng)，設計師應該學會去取舍。

2. 整理(lǐ)、規範圖層和(hé)圖層組

建議(yì)如果超過8個(gè)圖層，那麽就創建一個(gè)圖層組。

3. 和(hé)朋友溝通(tōng)

重視那些能夠給出專業性反饋意見的(de)人(rén)。留意他(tā)們的(de)反應和(hé)初次看到你設計時(shí)的(de)想法，這(zhè)未嘗不是一種用(yòng)戶測試。而且多(duō)聆聽(tīng)别人(rén)的(de)意見，能夠讓你從不同的(de)角度看待問題。在整個(gè)設計流程中，我盡可(kě)能的(de)多(duō)和(hé)别人(rén)溝通(tōng)，避免出現主觀差錯。每個(gè)人(rén)都可(kě)以給出一些不錯的(de)意見。還(hái)記得(de)那句話(huà)嗎?“隻要你進了(le)這(zhè)個(gè)屋子，你就是用(yòng)戶體驗設計師。”

4. 配色表

扁平化(huà)的(de)要領之一是配色精簡。也(yě)方便了(le)我們展現配色表。

5. 字體表

要完善的(de)記錄Logo使用(yòng)的(de)字體，文本使用(yòng)的(de)字體，标題使用(yòng)的(de)字體等等，這(zhè)對(duì)于開發會大(dà)有裨益。個(gè)人(rén)複查作品時(shí)也(yě)會很有幫助。

 

三、提高(gāo)效率的(de)一些建議(yì)

1. 待辦事項

前面已經提過，我是一個(gè)崇尚有序的(de)人(rén)。因此我高(gāo)度依賴待辦事項清單。我推薦Cultured Code的(de)Things，或者直接用(yòng)一張紙來(lái)做(zuò)真正的(de)待辦事項清單也(yě)可(kě)以。這(zhè)樣當你完成整體清單時(shí)，感受會非常的(de)棒。以前可(kě)能我會5項工作同時(shí)展開，但是最近我發現，如果僅僅做(zuò)1-2項工作，我會更集中，效果也(yě)自然會更好。

2. 目标

必須要清除的(de)了(le)解，你想要達成什(shén)麽目标，但是也(yě)不要過于受目标限制。

 

以上就是UI設計的(de)一些工作流程，希望你能從中得(de)到幫助。