我們的世界正在快速的數(shù)字化，這也是為什么UI界面在近10年來一直都是熱門話題，同時，這也意味著，作為設(shè)計師的我們比以往任何時候都要專注打造高素質(zhì)的UI，以及讓用戶欲罷不能的用戶體驗。我們需要好的UI和優(yōu)秀的設(shè)計。

我們一直在追求好設(shè)計，優(yōu)秀的設(shè)計，讓人難忘的設(shè)計，能夠脫穎而出的設(shè)計。我們相信設(shè)計是有跡可循的，有成熟的、可考量的標(biāo)準(zhǔn)來衡量，它甚至可以作為我們設(shè)計的方向而存在。

從網(wǎng)站到手機(jī)，從家用的恒溫控制器到汽車的控制面板，所有的這些UI構(gòu)成了我們的日常數(shù)字體驗。越來越多的屏幕和日漸龐大的數(shù)字化內(nèi)容，使得我們對于優(yōu)質(zhì)的UI設(shè)計越來越渴望。

雖然好設(shè)計的原則是老生常談，但是我們還是要經(jīng)常總結(jié)，結(jié)合自己的設(shè)計，三省吾身。

1、簡單

編者按：制作UI 設(shè)計規(guī)范的大體思路應(yīng)該是怎樣的？制作規(guī)范時容易遇到哪些瓶頸？今天這篇好文是華為設(shè)計師總結(jié)的經(jīng)驗，幫你一次性搞定這兩個問題！

2016已經(jīng)接近尾聲，上兩天剛參加完比賽，利用這幾天空閑時間，把最近沉淀下來的東西分享出來。

上個月團(tuán)隊幾個小組進(jìn)行友誼比賽，命題是“郵件”。規(guī)定大家以產(chǎn)品思維去設(shè)計一款全新的產(chǎn)品，形式不限。很難得的是所有人都參加了產(chǎn)品設(shè)計的每一個環(huán)節(jié)。我們秉著發(fā)現(xiàn)問題、解決問題的態(tài)度開始了這次友誼比賽。

雨涵_Zoe：最近為了設(shè)計提率和質(zhì)量，我開始研究如何做規(guī)范。看了一圈別人做的設(shè)計規(guī)范，又回想了一下自己以前做的，總結(jié)了以下幾個經(jīng)驗。

說到設(shè)計規(guī)范，這里有一篇絕對不能錯過的：《內(nèi)部教程！超實用6步透視網(wǎng)易設(shè)計規(guī)范（附完整PDF下載）》

設(shè)計規(guī)范的共性

不同的規(guī)范雖然內(nèi)容差別很大，但是對比一下它們的目錄，卻又很多相似之處，通常包含：布局、組件、配色、圖標(biāo)這四部分。組件里的分類無非是導(dǎo)航、菜單、表單、列表、表格、按鈕、彈出框諸如此類，我就不一一列出了。

在UI設(shè)計中，文字內(nèi)容的表述也是需要設(shè)計師精心推敲，仔細(xì)設(shè)計的部分。清晰、準(zhǔn)確、簡潔的文案設(shè)計能夠讓界面擁有更好的可用性，同用戶建立信任。

文案設(shè)計上的技巧很多，應(yīng)當(dāng)規(guī)避的誤區(qū)也不少，今天為你總結(jié)16個常見的UI文案設(shè)計的誤區(qū)，幫助大家少走彎路。

1、盡量避免使用俗語和術(shù)語

未知的術(shù)語和俗語將會增加用戶的認(rèn)知負(fù)荷，所以應(yīng)當(dāng)盡量避免使用這類用戶無法識別的詞匯，使用常用和易于理解的詞匯能夠幫助用戶理解。

下面就是一個典型的反例：

很難說清這種錯誤提示信息是給系統(tǒng)管理員還是辦公室的文員看的。

justinlam：“我總覺得頁面不太好看但是我又說不出來”，“我不懂設(shè)計，但是我就是覺得不協(xié)調(diào)”，“你覺得這好看？你的審美要加強(qiáng)啊”這些聽著熟悉的話往往是產(chǎn)品和設(shè)計產(chǎn)生矛盾的開端。還有一種評價叫說不出哪里好也說不出哪里不好，相信很多人也有過感同身受的無奈。

我們已經(jīng)在之前的文章中提到過，我們在設(shè)計Tubik工作室博客中開放了問答平臺。的一期主要集中在一個問題上，而這個問題必須經(jīng)過深思熟慮。所以我們請來了我們的同事——來自印度的UX/UI設(shè)計師Kenil Bhavsar，同時也非常高興和Tubik工作室的設(shè)計師們聚在一起，針對于這個實際而深刻的話題捕捉到了一堆想法。那么，讓我們開始吧。

問題是：什么樣的理想化的ux流程，能夠使產(chǎn)品具有病毒式傳播力？我們通常避免談?wù)撌裁蠢硐牖驗檫@是相當(dāng)矛盾的范疇。不過，我們非常熱切地想分享關(guān)于在UI/UX階段讓產(chǎn)品具備病毒傳播力的想法。今天我們就跟Medium讀者分享這些觀點。

具體的我們可以看下這個APP開發(fā)標(biāo)準(zhǔn)流程信息圖：

過去一段時間，有無數(shù)關(guān)于漢堡菜單的文章，大部分設(shè)計師都在抵制使用他，然而這件事的本質(zhì)并非是圖標(biāo)的錯，而是將導(dǎo)航隱藏在圖標(biāo)之下的問題。

這種設(shè)計方案對于設(shè)計師來說特別省事，根本不用擔(dān)心有限的屏幕大小，只需要將你所有的菜單項排個序然后放進(jìn)這個可滾動的浮層中，藏在漢堡菜單里。

然而實踐證明，使用可視化的菜單項會提高用戶的參與度、滿意度甚至是商業(yè)利益。這也是為什么現(xiàn)在主流的應(yīng)用都從漢堡菜單改成底部導(dǎo)航的可見菜單設(shè)計。

今天跟大家分享的主要從APP引導(dǎo)頁設(shè)計，APPbanner圖設(shè)計說起，這四項基本視覺構(gòu)圖法則適合偏平面設(shè)計。當(dāng)然這也是大家學(xué)習(xí)APP ui設(shè)計的基本理論知識。

當(dāng)然一個完整的引導(dǎo)頁界面包含：主題圖、背景渲染圖、文字、點綴圖以及動畫元素組成。

第一條構(gòu)圖法則：均衡