UI 設計師從零開始做一個App 要經歷哪些流程?這個系列的文章會為新手一一講解。本篇會為你講解界面設計中基礎的知識點(設計稿尺寸、圖標/字體設計等),實用高效,新手來收。
界面設計篇
目前在行業里,關于APP界面設計規范也是層次不齊,很多都還停留在6的設備和iOS 9的系統之上,而現在最新的是iPhone 7和iOS 10了(更新換代真的很快),這里說的是最新的iOS 界面設計規范。
一. 關于設計工具
俗話說:工欲善其事必先利其器,好的工具可以讓我們的工作效率更高,做界面設計我們用的最多的就是PS和AI了,如果你是Mac用戶,可以嘗試一下Sketch,軟件的版本當然是推薦高版本,因為功能更強大,作圖的速度也就更快。

二. 設計稿尺寸
在看設計稿尺寸之前,我們先來了解一下APP界面設計構成。

界面構成由:布局層、圖文排版層和圖標層。
在iPhone 6還沒出的時候,都是用640×1136 px來做設計稿的,自從6的發布,所有的設計稿尺寸以750×1334 px來做設計稿尺寸。
iPhone界面設計規范:

iPhone 界面尺寸:

以750x1334px作為設計稿標準尺寸的原由:
1. 從中間尺寸向上和向下適配的時候界面調整的幅度最小,最方便適配。
2. 大屏幕時代依然以小尺寸作為設計尺寸,會限制設計師的設計視角。
3. 設計安卓版本時只需做最小的設計調整,提升設計效率。
所以做設計稿時請以750 x 1334 px來做設計稿。
三.圖標設計
iPhone 圖標尺寸:


圖標設計請用柵格化系統進行設計。
設計尺寸:1024 x 1024 px,盡可能的采用黃金比例設計。

四.關于設計字體

關于字體大小的問題:
o 頂部操作欄文字大小 34-38px
o 標題文字大小 28-34px
o 正文文字大小 26-30px
o 輔助性文字大小 20-24px
o Tab bar文字大小 20px
文字大小只是一個范圍,這要根據設計的視覺效果來決定,不要死記硬背,但是切記,字體大小要用偶數。
轉載于:優設網
編輯:孫好好