中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

上篇文章更新到了在設(shè)計(jì)APP的過程中Hi-fi輸出的一些要求，今天來(lái)說說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ī)范的版本號(hào)，標(biāo)準(zhǔn)頁(yè)面的大小，基于哪個(gè)平臺(tái)進(jìn)行設(shè)計(jì)。版本號(hào)一般由PM（即產(chǎn)品經(jīng)理）進(jìn)行規(guī)定。設(shè)計(jì)稿的標(biāo)準(zhǔn)頁(yè)面一般用iPhone 6S的大小，即750*1344px作為標(biāo)準(zhǔn)，因?yàn)檫@個(gè)屏幕大小所占市場(chǎng)份額最大。平臺(tái)的話，大部分是Mac OS系統(tǒng)（不排除有少部分基于Windows，不同公司情況不一樣）。

2.顏色規(guī)范

顏色從類型上可以分為主色，輔色，文字色三大類。

而每種顏色除了需要要標(biāo)注RGB的色號(hào)之外，最好標(biāo)注出它的使用場(chǎng)景，以及在該場(chǎng)景下的用途。以下是樓主找的一些案例：

主色的種類控制在一至兩種比較合適，輔色也不能過多，三到五種就足夠。文字色一般分為三個(gè)層級(jí)進(jìn)行設(shè)置，越高層級(jí)的顏色越深，還需要注意的是留一個(gè)反白色，方便用于深色背景下的文字信息顯示。

3.文字規(guī)范

文字的統(tǒng)一有很多種方式，在此介紹一種按照用途的方法分類的形式。同樣，文字需要介紹出文字的字體（如果有英文的也需要羅列一下英文字體），以及使用場(chǎng)景。

按照用途來(lái)分，文字可以分為導(dǎo)航欄、列表、輸入框、按鈕、閱讀類文字。導(dǎo)航欄又可以細(xì)分為頂部、底部、功能區(qū)導(dǎo)航欄。閱讀性的文字，主要分為標(biāo)題，說明文字，注釋三大類，如果在偏向雜志類的APP中可能標(biāo)題又可以進(jìn)行細(xì)分成幾級(jí)。如下案例。

4.控件

控件用Sketch的Symbol進(jìn)行整理。不知道怎么用Sketch和Symbol的童鞋可以進(jìn)行先自學(xué)一下，如果需要軟件的介紹也可以給樓主留言，這部分的整理需要有一定的基礎(chǔ)的人才能看得懂。分類用腦圖的方式呈獻(xiàn)給大家，來(lái)得更直觀。

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ī)范里面還將主頁(yè)面以頁(yè)面布局的一種分類進(jìn)行呈現(xiàn)，但在開發(fā)對(duì)照sketch文件寫代碼的過程中已經(jīng)很仔細(xì)地在看頁(yè)面，所以羅列在規(guī)范中，樓主覺得沒有太大的實(shí)際用途，于是也就沒有考慮。但它有它的好處，就是讓團(tuán)隊(duì)外部人員在查看公司的視覺規(guī)范時(shí)更加完整，內(nèi)容更齊全，形象更高端。文件定位不一樣，內(nèi)容也可以不那么相同。

總結(jié)，一切從實(shí)際出發(fā)，滿足某個(gè)階段的需求。每個(gè)公司的發(fā)展階段不一樣，需求也不一樣，如果你和樓主一樣是打工仔，那咱們就擦亮眼睛，機(jī)靈點(diǎn)，認(rèn)清形勢(shì)再做事！

Sophia的tips：有時(shí)候不是我們做不到，而是沒有被逼到那個(gè)份上~

相關(guān)閱讀

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（一）——概述》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（二）——立項(xiàng)》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（三）——Low-fi輸出》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（四）——Hi-fi輸出（上篇）》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（四）——Hi-fi輸出（下篇）》

專欄作家

作者：Sophiallg，人人都是產(chǎn)品經(jīng)理專欄作家，微信公眾號(hào)：Sophia的玲瓏閣。

本文由 @Sophiallg 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。