沒有規(guī)矩，不成方圓。UI設(shè)計(jì)也不例外，具有設(shè)計(jì)規(guī)范，系統(tǒng)建議的規(guī)范可以讓我們?cè)O(shè)計(jì)具有統(tǒng)一性，界面視覺更美觀。
想要順暢地完成設(shè)計(jì)任務(wù)，就必須遵守UI設(shè)計(jì)的規(guī)范。
今天帶來(lái)的這些規(guī)范，可是成為UI設(shè)計(jì)師必須知道的"純干貨"，還能讓大家深刻了解UI設(shè)計(jì)規(guī)范的本質(zhì)是什么。
圖標(biāo)規(guī)范
很多設(shè)計(jì)師以為UI設(shè)計(jì)就是設(shè)計(jì)圖標(biāo)。雖然事實(shí)并非如此，但圖標(biāo)的設(shè)計(jì)在整個(gè)UI設(shè)計(jì)中是比較基礎(chǔ)的一個(gè)環(huán)節(jié)。
圖標(biāo)與品牌標(biāo)志一樣，在設(shè)計(jì)時(shí)都需要做適當(dāng)?shù)臏p法，應(yīng)該盡量用簡(jiǎn)約的線條去表達(dá)其含義，應(yīng)該盡量避免出現(xiàn)線條結(jié)構(gòu)過于復(fù)雜的設(shè)計(jì)。
而且整體的圖標(biāo)都需要保持風(fēng)格一致，例如圖標(biāo)的線條粗細(xì)、邊角弧度、圖標(biāo)高度寬度比例、風(fēng)格等等。
特別是對(duì)于新人，所以大家一起來(lái)看看圖標(biāo)設(shè)計(jì)的規(guī)范吧：
1
像素對(duì)齊
需要嚴(yán)格的做到像素對(duì)齊，尤其是在做較小尺寸的圖標(biāo)時(shí)，如果不嚴(yán)格的遵循像素對(duì)齊，那終的顯示效果就會(huì)出現(xiàn)問題。
2
多用布爾運(yùn)算
在做圖標(biāo)的時(shí)候，能用基本圖形進(jìn)行布爾運(yùn)算的時(shí)候，盡量不要使用鋼筆，這樣做的好處有如下幾點(diǎn)：
o 讓你的圖標(biāo)更加規(guī)范
o 對(duì)圖形結(jié)構(gòu)理解更加深刻
o 后期更改形狀更加方便
3
獨(dú)特的風(fēng)格
在做系列圖標(biāo)的時(shí)候，一定要在前期給圖標(biāo)設(shè)定一個(gè)風(fēng)格及原則，使之看起來(lái)與眾不同。
在這里值得一提就是，我們?cè)谧鼍€性圖標(biāo)時(shí)，一定要保證描邊粗細(xì)相同、圓角相同，如果這些基礎(chǔ)的規(guī)則都沒有遵循，那也就談不上風(fēng)格的統(tǒng)一、創(chuàng)新了。
4
視覺大小統(tǒng)一
在進(jìn)行圖標(biāo)設(shè)計(jì)的時(shí)候，我們會(huì)使用柵格輔助線來(lái)幫助我們更加嚴(yán)格謹(jǐn)慎，但一定不要被輔助線困住，學(xué)會(huì)靈活運(yùn)用，保持視覺上的大小統(tǒng)一。
在如今的APP設(shè)計(jì)環(huán)境當(dāng)中，一些APP設(shè)計(jì)大牛都一直強(qiáng)調(diào)，設(shè)計(jì)師要為有品牌意識(shí)。
那么，在圖標(biāo)的設(shè)計(jì)中，我們也必須強(qiáng)調(diào)"品牌性"，簡(jiǎn)單的說(shuō)就是把品牌中的抽象的概念變成具象化的圖形，把品牌主副色調(diào)應(yīng)用到圖標(biāo)設(shè)計(jì)中。
同時(shí)建議大家每個(gè)星期完成一個(gè)主題的作品，提升自己的平面設(shè)計(jì)能力。
標(biāo)注規(guī)范
如何把標(biāo)注的思路整理清晰--結(jié)構(gòu)化思維進(jìn)行拆解，將大問題拆解成小問題，逐一擊破！
標(biāo)注主要是以下四種不同屬性的內(nèi)容：尺寸、文字、間距、顏色。
在進(jìn)行標(biāo)注時(shí)，首先去除導(dǎo)航欄和標(biāo)簽欄，因?yàn)檫@些控件通用性非常強(qiáng)，需要單獨(dú)拿出來(lái)進(jìn)行統(tǒng)一標(biāo)注，這里我們只對(duì)內(nèi)容區(qū)來(lái)進(jìn)行標(biāo)注示例。
10、UI
UI 設(shè)計(jì)的未來(lái)發(fā)展，實(shí)際上是互聯(lián)網(wǎng)行業(yè)未來(lái)發(fā)展的折射。畢竟，UI 設(shè)計(jì)始終是互聯(lián)網(wǎng)行業(yè)的一部分，因此在互聯(lián)網(wǎng)行業(yè)未來(lái)發(fā)展的可能性來(lái)看，UI 設(shè)計(jì)同樣會(huì)跟隨著互聯(lián)網(wǎng)的部分穩(wěn)步前進(jìn)。曾經(jīng)，在初的圖形化界面出現(xiàn)的時(shí)候，UI 設(shè)計(jì)師隨之出現(xiàn)。蘋果的 Lisa 電腦開啟了圖形界面民用的新篇章，隨之而來(lái)的就是有一名專門的設(shè)計(jì)師為這款電腦的系統(tǒng)設(shè)計(jì)圖標(biāo)。
隨后幾十年的發(fā)展來(lái)看，UI 設(shè)計(jì)這一崗位也逐漸變得越來(lái)越復(fù)雜，也跟隨著設(shè)計(jì)的平臺(tái)變化而發(fā)生變化。從 Windows XP 開始使用透明通道開始，一直到現(xiàn)在手機(jī)端扁平化設(shè)計(jì)風(fēng)格大行其道，設(shè)計(jì)師工作地內(nèi)容和平臺(tái)發(fā)生了非常大的變化和改觀，所使用的工具也大大提升了各種效率。按照現(xiàn)在的趨勢(shì)來(lái)看，這種改變會(huì)一直持續(xù)下去?；ヂ?lián)網(wǎng)的工具化發(fā)展隨著互聯(lián)網(wǎng)行業(yè)的成熟發(fā)展，它本身已經(jīng)不再是單獨(dú)一個(gè)固定的行業(yè)門類，而能夠看到，在各行各業(yè)中，互聯(lián)網(wǎng)都會(huì)發(fā)揮巨大的作用。因此未來(lái)5年，互聯(lián)網(wǎng)會(huì)融入到各個(gè)行業(yè)中去，那么也就是說(shuō)各個(gè)行業(yè)都會(huì)有用戶界面設(shè)計(jì)師的存在。我們可以想象一下，在建筑行業(yè)，大部分的建筑工程設(shè)備都有可能是通過網(wǎng)絡(luò)進(jìn)行控制，那么這些控制界面就需要 UI 設(shè)計(jì)師投入到設(shè)計(jì)中去，而且很多界面中會(huì)涉及到數(shù)據(jù)圖形化或者狀態(tài)提示信息等等，因此類似的 UI 設(shè)計(jì)師，就應(yīng)該對(duì)于建筑方面的知識(shí)和業(yè)務(wù)流程非常了解，那么就是建筑行業(yè)的設(shè)計(jì)師。
互聯(lián)網(wǎng)的工具化勢(shì)在必行，那么 UI 設(shè)計(jì)師也會(huì)對(duì)應(yīng)產(chǎn)出有相應(yīng)的收入分配，并且 UI 設(shè)計(jì)師的門檻和其他類型的工作比起來(lái)，是需要大量練習(xí)以及工作投入才能夠有所成長(zhǎng)的，因此也是一種保障。新技術(shù)會(huì)帶來(lái) UI 設(shè)計(jì)的多樣化未來(lái)十年是 5G 的十年，5G帶來(lái)的很有可能的是工業(yè)互聯(lián)網(wǎng)的進(jìn)步以及智能化生活的飛速前進(jìn)。在此基礎(chǔ)上，同樣給了 UI 設(shè)計(jì)新的生命力，有可能 UI 設(shè)計(jì)所完成的不僅僅是人和機(jī)器的交流設(shè)計(jì)，還有可能包括機(jī)器與機(jī)器之間的識(shí)別，并且有更多的圖形化展示內(nèi)容出現(xiàn)。
另外比如說(shuō) VR 和 AR 技術(shù)的使用，在近幾年已經(jīng)拓寬了 UI 設(shè)計(jì)的領(lǐng)域，未來(lái)有可能會(huì)更加開放的為 UI 設(shè)計(jì)師帶來(lái)發(fā)揮的舞臺(tái)。技術(shù)的變革不會(huì)帶來(lái)內(nèi)核的改變?cè)O(shè)計(jì)的核心還是信息的整合和溝通，因此無(wú)論技術(shù)如何變革，整個(gè)世界變得多么先進(jìn)和科幻，設(shè)計(jì)的思維方式以及設(shè)計(jì)師的整體思想從來(lái)不曾改變。
典型的就是日本的一系列設(shè)計(jì)，我們都能夠看到無(wú)論是什么樣的平臺(tái)，都能夠體會(huì)到那種日本特有的哲學(xué)蘊(yùn)藏其中。設(shè)計(jì)，本身就像人類的音樂、詩(shī)歌、繪畫一樣，是一種從思想上不可能被替代的東西。創(chuàng)意是設(shè)計(jì)的附加價(jià)值之一，而 UI 設(shè)計(jì)本身又提供的是一種機(jī)器和人溝通的語(yǔ)言——這種語(yǔ)言雙方都能夠明白。未來(lái)如果不能夠上升到通過意識(shí)直接控制物質(zhì)，那么就需要 UI 設(shè)計(jì)這樣的翻譯存在。UI 設(shè)計(jì)師本身的發(fā)展UI 設(shè)計(jì)師可以說(shuō)是接近用戶的角色，因此在行業(yè)中，如果 UI 設(shè)計(jì)師能夠更深入的了解業(yè)務(wù)以及相關(guān)實(shí)現(xiàn)的原理，那么是非常有可能成為一名非常厲害的產(chǎn)品人。不知道大家有沒有人了解一款應(yīng)用「折扇」，這款 App 提供了非常具有氛圍的產(chǎn)品設(shè)計(jì)和精美的 UI 設(shè)計(jì)。
這款應(yīng)用的創(chuàng)始人，就是一名行業(yè)內(nèi)非常出色的 UI 設(shè)計(jì)師，他把設(shè)計(jì)的細(xì)想融入到了產(chǎn)品中，并且通過多年的設(shè)計(jì)積累，帶領(lǐng)團(tuán)隊(duì)完成了非常精良的界面設(shè)計(jì)。每一名 UI 設(shè)計(jì)師，未來(lái)都有可能成為一名杰出的互聯(lián)網(wǎng)產(chǎn)品人。 綜上所屬，草莓姐姐認(rèn)為 UI