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