1. 程式人生 > >Photoshop——APP設計規範

Photoshop——APP設計規範

像素 原則 就是 應用技術 mar 移動應用 pos 運行 clear

隨著Android和iOS語言的興起,能夠在手機上運行的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設計規範