上篇文章更新到了在設(shè)計(jì)APP的過程中Hi-fi輸出的一些要求鳍烁，今天來說說APP的UI規(guī)范怎么整理。
要求
如果我們按照市面上最好的規(guī)范去整理的話是極好的一件事情孙蒙。Apple公司的iOS規(guī)范和Google的Material Design的設(shè)計(jì)規(guī)范就是很好的參考案例赐俗。如果有時(shí)間排吴，也是極力推崇大家去學(xué)學(xué)的泪电。但創(chuàng)業(yè)公司不一樣般妙，公司沒有那么多資源給設(shè)計(jì)師去做那么龐大的工作量。
工作中相速，實(shí)用碟渺、省事是第一準(zhǔn)則，怎樣讓開發(fā)突诬、PM苫拍、設(shè)計(jì)都能自覺遵守這樣的規(guī)范，讓用戶覺得產(chǎn)品有規(guī)有矩旺隙，值得信賴绒极，就很棒了。
UI規(guī)范的主要內(nèi)容
1.前言
前言部分主要交代UI規(guī)范的版本號蔬捷，標(biāo)準(zhǔn)頁面的大小垄提，基于哪個(gè)平臺進(jìn)行設(shè)計(jì)。版本號一般由PM（即產(chǎn)品經(jīng)理）進(jìn)行規(guī)定抠刺。設(shè)計(jì)稿的標(biāo)準(zhǔn)頁面一般用iPhone 6S的大小塔淤，即750*1344px作為標(biāo)準(zhǔn)摘昌，因?yàn)檫@個(gè)屏幕大小所占市場份額最大速妖。平臺的話，大部分是Mac OS系統(tǒng)（不排除有少部分基于Windows聪黎，不同公司情況不一樣）罕容。
2.顏色規(guī)范
顏色從類型上可以分為主色备恤，輔色，文字色三大類锦秒。
而每種顏色除了需要要標(biāo)注RGB的色號之外露泊，最好標(biāo)注出它的使用場景，以及在該場景下的用途旅择。以下是樓主找的一些案例
主色的種類控制在一至兩種比較合適惭笑，輔色也不能過多，三到五種就足夠生真。文字色一般分為三個(gè)層級進(jìn)行設(shè)置沉噩，越高層級的顏色越深，還需要注意的是留一個(gè)反白色柱蟀，方便用于深色背景下的文字信息顯示川蒙。
3.文字規(guī)范
文字的統(tǒng)一有很多種方式，在此介紹一種按照用途的方法分類的形式长已。同樣畜眨，文字需要介紹出文字的字體（如果有英文的也需要羅列一下英文字體），以及使用場景术瓮。
按照用途來分康聂，文字可以分為導(dǎo)航欄、列表胞四、輸入框早抠、按鈕、閱讀類文字撬讽。導(dǎo)航欄又可以細(xì)分為頂部蕊连、底部、功能區(qū)導(dǎo)航欄游昼。閱讀性的文字甘苍，主要分為標(biāo)題，說明文字烘豌，注釋三大類载庭，如果在偏向雜志類的APP中可能標(biāo)題又可以進(jìn)行細(xì)分成幾級。如下案例廊佩。
4.控件
控件用Sketch的Symbol進(jìn)行整理囚聚。不知道怎么用Sketch和Symbol的童鞋可以進(jìn)行先自學(xué)一下，如果需要軟件的介紹也可以給樓主留言标锄，這部分的整理需要有一定的基礎(chǔ)的人才能看得懂顽铸。分類用腦圖的方式呈獻(xiàn)給大家，來得更直觀料皇。
5.圖標(biāo)
圖標(biāo)的統(tǒng)一谓松，主要是尺寸星压、風(fēng)格，這一點(diǎn)在上篇文章有提到鬼譬。風(fēng)格上娜膘，選擇填充或者選擇線性。比較流行的是線性圖標(biāo)优质，一般采用3px的粗細(xì)竣贪。大小常用的有12x12px、24x24px巩螃、48x48px贾富、64x64px、96x96px（或者100x100px）牺六。制作參考颤枪，大伙根據(jù)需要進(jìn)行調(diào)整。
6.其它
在有的規(guī)范里面還將主頁面以頁面布局的一種分類進(jìn)行呈現(xiàn)淑际，但在開發(fā)對照sketch文件寫代碼的過程中已經(jīng)很仔細(xì)地在看頁面畏纲，所以羅列在規(guī)范中，樓主覺得沒有太大的實(shí)際用途春缕，于是也就沒有考慮盗胀。但它有它的好處，就是讓團(tuán)隊(duì)外部人員在查看公司的視覺規(guī)范時(shí)更加完整锄贼，內(nèi)容更齊全票灰，形象更高端。文件定位不一樣宅荤，內(nèi)容也可以不那么相同屑迂。
總結(jié)，一切從實(shí)際出發(fā)冯键，滿足某個(gè)階段的需求惹盼。每個(gè)公司的發(fā)展階段不一樣，需求也不一樣惫确，如果你和樓主一樣是打工仔手报，那咱們就擦亮眼睛，機(jī)靈點(diǎn)改化，認(rèn)清形勢再做事掩蛤！
Sophia的tips：
有時(shí)候不是我們做不到，而是沒有被逼到那個(gè)份上~
相關(guān)文章
《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（一）——概述》
