UI 設(shè)計師從零開始做一個App 要經(jīng)歷哪些流程?這個系列的文章會為新手一一講解。本篇會為你講解界面設(shè)計中基礎(chǔ)的知識點(設(shè)計稿尺寸、圖標(biāo)/字體設(shè)計等)，實用高效，新手來收。

先來看看整個目錄：

項目立項

項目預(yù)估時間

界面設(shè)計

切圖標(biāo)注

視覺還原

上線準(zhǔn)備

目前在行業(yè)里，關(guān)于APP界面設(shè)計規(guī)范也是層次不齊，很多都還停留在6的設(shè)備和iOS 9的系統(tǒng)之上，而現(xiàn)在最新的是iPhone 7和iOS 10了(更新?lián)Q代真的很快)，我這里說的是最新的iOS 界面設(shè)計規(guī)范(Android設(shè)計規(guī)范，我們下次見)

一. 關(guān)于設(shè)計工具

俗話說：工欲善其事必先利其器，好的工具可以讓我們的工作效率更高，做界面設(shè)計我們用的最多的就是PS和AI了，如果你是Mac用戶，可以嘗試一下Sketch，軟件的版本當(dāng)然是推薦高版本，因為功能更強大，作圖的速度也就更快。

我個人剛接觸PS是從8.0開始，8.0 – CS4 – CS 5 – CS 6 – CC – CC 2014 – CC 2015，一直到現(xiàn)在的最新的CC 2017，深刻體會，新的版本更好用。也可以根據(jù)個人習(xí)慣，選擇自己順手的工具就好。

二. 設(shè)計稿尺寸

在看設(shè)計稿尺寸之前，我們先來了解一下APP界面設(shè)計構(gòu)成。

界面構(gòu)成由：布局層、圖文排版層和圖標(biāo)層。

在iPhone 6還沒出的時候，都是用640×1136 px來做設(shè)計稿的，自從6的發(fā)布，所有的設(shè)計稿尺寸以750×1334 px來做設(shè)計稿尺寸。

再帶大家來看看，到目前為止所有iPhone的尺寸(1-3代就不用考慮了)：

iPhone界面設(shè)計規(guī)范：

iPhone 界面尺寸：

以750x1334px作為設(shè)計稿標(biāo)準(zhǔn)尺寸的原由：

1. 從中間尺寸向上和向下適配的時候界面調(diào)整的幅度最小，最方便適配。

2. 大屏幕時代依然以小尺寸作為設(shè)計尺寸，會限制設(shè)計師的設(shè)計視角。

3. 設(shè)計安卓版本時只需做最小的設(shè)計調(diào)整，提升設(shè)計效率。

所以做設(shè)計稿時請以750 x 1334 px來做設(shè)計稿。

在文檔建立參考線是一個很好的習(xí)慣，我希望大家也可以養(yǎng)成這個習(xí)慣，上下很容易設(shè)置，左右我習(xí)慣設(shè)置24 px的距離，我通過對國內(nèi)外很多APP就行了對比，總結(jié)是24 px更合理，這個是我的個人習(xí)慣，所以也不要當(dāng)做是明文規(guī)則，你設(shè)置為30 px，也是可以的。

這里再給大家略過下iPad的設(shè)計規(guī)范：

三. 圖標(biāo)設(shè)計

iPhone 圖標(biāo)尺寸：

圖標(biāo)設(shè)計請用柵格化系統(tǒng)進行設(shè)計。

設(shè)計尺寸：1024 x 1024 px，盡可能的采用黃金比例設(shè)計。

四. 關(guān)于設(shè)計字體

先來看一下字體的歷史演變過程

iOS 9：英文字體為Helvetica Neue

iOS 9：中文字體由為冬青黑

iOS 10：英文字體為San Francisco

iOS 10：中文字體為蘋方

關(guān)于字體大小的問題：

頂部操作欄文字大小 34-38px

標(biāo)題文字大小 28-34px

正文文字大小 26-30px

輔助性文字大小 20-24px

Tab bar文字大小 20px

文字大小只是一個范圍，這要根據(jù)設(shè)計的視覺效果來決定，不要死記硬背，但是切記，字體大小要用偶數(shù)。

文章題目：APP界面設(shè)計零基礎(chǔ)教程
本文URL：http://www.rwnh.cn/news13/168013.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、營銷型網(wǎng)站建設(shè)、商城網(wǎng)站、App開發(fā)、建站公司、App設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)