Photoshop——APP設計規範

標籤：配色   移動端   ext   程式   Fix   基本   製作   content   edit   

隨著Android和iOS語言的興起，能夠在手機上啟動並執行APP軟體已經成為了目前行動裝置 App技術的焦點，APP的UI設計隨之也越來越受到重視。

使用者的需求不斷增加，技術也在不斷的更新，UI設計也越來越被重視起來。

作為一個入行已經兩年的UI設計師，這裡有一些作圖的經驗和技巧要與大家分享。

 

我們就從頭說起，首先給大家分享的是一個完整的APP的製作流程，是這樣的：

使用者需求-->產品設計-->UI設計-->後端開發-->移動端開發；

這也就誕生了4個職業，產品經理、UI設計師、後端程式員、前端程式員。

產品經理負責分析使用者需求，功能模組劃分，設計產品架構圖等工作；

UI設計師負責承接產品經理的產品架構圖，之後利用Photoshop或者sketch等軟體來排版、構圖、配色，最後以圖片以及切圖的形式交給前端程式員；

後端程式員的任務是根據產品來編寫資料庫，提供介面以及介面文檔，完成用戶端資料的傳輸；

前端程式員根據UI設計師提供的UI圖、產品經理提供的商務邏輯、後端程式員提供的介面和介面文檔完成一個完整的APP！

 

閑話不敘了，拐入正題，我們主要講講UI設計師的部分：

1. APP UI圖的最小尺寸是：寬->750像素，高->1334像素，解析度->72，這個最小尺寸是使用的IPhone 6 的標準尺寸；

2. 接著，設計app需要豐富的腦洞和創造力，但這需要在一定的限制下，比如，我們的介面需要有通知欄（放訊號和wifi的那一條）、標題列、內容欄、主功能表列，如，這些基本的內容是不能捨棄的，因為我們的原則是給使用者更好的使用體驗度，當然，我們適當打破一點這些布局去追求使用者體驗也未嘗不可，如網易雲音樂app；

3. 接下來是字型要求，在app設計中，我們使用的字型應該全部使用黑體（以圖片形式存在的文字除外），因為程式員在實現UI圖的時候，如果要用到其他非系統內建的字型時候，需要載入字型包，這不僅增大了app的檔案大小，也減慢了app的載入速度；

4. 接下來是配色要求，我們的配色應以一個主色為主，其他顏色做點綴，主色至多是一種顏色，而且這種顏色應該儘可能的能夠長時間觀看，這是為使用者考慮，UI設計的原則就是使用者至上，同學們也可以嘗試使用黑白灰三色做主色，也相當好看；

5. 接下來是排版要求，排版應講究對其原則，這樣會給使用者很舒服的體驗，且應該留出邊距，不能出現文字貼到圖片邊緣的情況；

 

Photoshop——APP設計規範