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

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

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

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

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

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

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

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

下面就是一個(gè)典型的反例：

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

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

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

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

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

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

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

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

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

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

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

當(dāng)你已經(jīng)定義了你的目標(biāo)用戶(hù)而且只想通過(guò)一張嘴來(lái)提升產(chǎn)品，你應(yīng)該直擊它們的心靈和感受。如果你創(chuàng)造出了強(qiáng)烈的感受，你會(huì)使大家都在談?wù)撨@個(gè)產(chǎn)品。 因此，你應(yīng)該分析他們的需求和典型的人口特點(diǎn)來(lái)創(chuàng)造顯著的情緒反應(yīng)，這種情緒愿意與他人分享。順便說(shuō)一句，這種反映的不同取決于產(chǎn)品的目標(biāo)不同：你可以敬 畏他們，震撼他們，驚訝他們，鼓勵(lì)他們，迷惑他們——任何強(qiáng)烈的感受將會(huì)鼓勵(lì)用戶(hù)告訴其他人這種體驗(yàn)，并且與他人分享。

同樣的一項(xiàng)產(chǎn)品，目標(biāo)族群不同，產(chǎn)品外觀也會(huì)不同；拿給不同的人使用，也會(huì)得到不同的結(jié)果。甚至連任務(wù)目標(biāo)（用戶(hù)想透過(guò)產(chǎn)品完成什么事）都會(huì)不一樣。

比如這款給嬰幼兒訓(xùn)練抓握力、色彩、形狀、推理能力用的積木。