色偷偷超碰_亚洲成肉网_日日干夜夜撸_黄色一级片子_男人午夜视频_久久精品99久久久久久

【系列】一款A(yù)PP設(shè)計(jì)的從0到1之：界面設(shè)計(jì)篇

2022-5-5 博博

《一款A(yù)PP設(shè)計(jì)的從0到1》是一個(gè)系列文章，共分了6個(gè)部分

《一款A(yù)PP設(shè)計(jì)的從0到1》這是一篇系列文章干貨，上次U妹講的是關(guān)于APP項(xiàng)目立項(xiàng)和預(yù)估時(shí)間篇，今天U妹來說一下，APP界面設(shè)計(jì)和iPad界面設(shè)計(jì)規(guī)范。

往期回顧：

《一款A(yù)PP設(shè)計(jì)的從0到1之：項(xiàng)目立項(xiàng)篇》

《一款A(yù)PP設(shè)計(jì)的從0到1之：項(xiàng)目預(yù)估時(shí)間篇》

這次U妹接著上次的茬繼續(xù)，繼續(xù)之前先來看看整個(gè)目錄（滿滿的干貨）

U妹列了一個(gè)小小的目錄：

一、項(xiàng)目立項(xiàng)

二、項(xiàng)目預(yù)估時(shí)間

三、界面設(shè)計(jì)

四、切圖標(biāo)注

五、視覺還原

六、上線準(zhǔn)備

界面設(shè)計(jì)篇

我是一名UI設(shè)計(jì)師，所以U妹這里說的都是從設(shè)計(jì)師的角度去闡述一款A(yù)PP從無到有的一個(gè)過程中，設(shè)計(jì)師應(yīng)該干的事。

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

一、關(guān)于設(shè)計(jì)工具

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

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

二、設(shè)計(jì)稿尺寸

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

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

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

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

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

iPhone 界面尺寸：

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

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

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

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

所以做設(shè)計(jì)稿事請(qǐng)以750x1334px來做設(shè)計(jì)稿

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