為什么移動端UI要有設(shè)計(jì)規(guī)范？您好，我認(rèn)為至少有三個(gè)理由可以說明為什么應(yīng)該有移動終端的設(shè)計(jì)規(guī)范。1. 對于設(shè)計(jì)師：為后續(xù)版本迭代和多人合作提供指導(dǎo)，保持產(chǎn)品的統(tǒng)一性；由于一個(gè)項(xiàng)目從開始到下一次更新迭代

為什么移動端UI要有設(shè)計(jì)規(guī)范？

您好，我認(rèn)為至少有三個(gè)理由可以說明為什么應(yīng)該有移動終端的設(shè)計(jì)規(guī)范。

1. 對于設(shè)計(jì)師：為后續(xù)版本迭代和多人合作提供指導(dǎo)，保持產(chǎn)品的統(tǒng)一性；由于一個(gè)項(xiàng)目從開始到下一次更新迭代需要很長時(shí)間，可能會有很多設(shè)計(jì)師參與，但每個(gè)人的風(fēng)格不同，會影響整體視覺體驗(yàn)，所以有了規(guī)范，設(shè)計(jì)師就可以在產(chǎn)品視覺上得到統(tǒng)一，便于更新迭代。

2. 對于開發(fā)：提供標(biāo)準(zhǔn)化的組件樣式以減少開發(fā)重復(fù)時(shí)間。

因?yàn)橛辛艘?guī)范，以后的維護(hù)就方便多了，設(shè)計(jì)師不需要再做標(biāo)記，開發(fā)時(shí)也不需要重新寫樣式，直接修改內(nèi)容。

3. 對于用戶：符合大眾的視覺體驗(yàn)。因?yàn)樵诂F(xiàn)實(shí)中，人們在設(shè)計(jì)移動終端產(chǎn)品時(shí)，一般都有一個(gè)習(xí)慣，就是在字體、圖標(biāo)間距等方面進(jìn)行設(shè)計(jì)

下面的圖是我收集的部分規(guī)格，與大家分享。讓我們一起學(xué)習(xí)

只需通過blue lake sketch/Photoshop/Adobe XD插件標(biāo)記要生成的剪切并上傳設(shè)計(jì)圖紙即可；

在設(shè)計(jì)圖紙的詳細(xì)信息頁面，您的工程師只需單擊一次即可下載多個(gè)剪切文件。

點(diǎn)9切圖到底應(yīng)該由誰來做？

PS切片工具，CDR繪圖工具，美圖秀秀都可以做。

1. 首先，打開美圖秀秀，打開任何需要的圖片；

2。單擊工具欄中的拼圖選項(xiàng)；

3。選擇拼圖模板，選擇9個(gè)圖片模板，點(diǎn)擊所需的九宮格模板；

4。添加圖片并上傳所需的其余8張圖片；

5。上傳圖片后，您可以點(diǎn)擊圖片列表中的圖片進(jìn)行刪除和替換。預(yù)覽框中的圖片可以隨意拖動，通過調(diào)整圖片的位置可以達(dá)到最滿意的效果；

6。為了讓九宮格更漂亮，可以把左下角的直角換成圓角（當(dāng)然，這是根據(jù)自己的需要而定）；8。除了對圓的直角進(jìn)行切換，還可以選擇邊框來填充九宮網(wǎng)格圖的空白區(qū)域的背景色，并使圖片更漂亮，點(diǎn)擊適當(dāng)?shù)母袷?，保存和大小按鈕來實(shí)現(xiàn)更好。單擊保存圖片。

！打開PS，創(chuàng)建一個(gè)大畫紙，然后在你的九張圖片中加上一個(gè)邊框，然后一個(gè)接一個(gè)地排列在空白紙上。沒有PS，也可以實(shí)現(xiàn)Meitu。