UI設(shè)計(jì)所涉及到的內(nèi)容是非常多的，其中還包括了語(yǔ)言的運(yùn)用，這就讓許多新手設(shè)計(jì)師頭疼不已了，因?yàn)檎Z(yǔ)言的運(yùn)用太難了，下面我們跟隨小編一起來(lái)了解一下ui設(shè)計(jì)語(yǔ)言的相關(guān)資料吧。

ui設(shè)計(jì)語(yǔ)言運(yùn)用法則

法則一、語(yǔ)言使用的準(zhǔn)確性

　　如果用戶(hù)無(wú)法準(zhǔn)確理解ui設(shè)計(jì)中的信息，那么用戶(hù)后續(xù)的操作就會(huì)出現(xiàn)相應(yīng)的阻礙，會(huì)降低用戶(hù)的操作效率。這也就要求設(shè)計(jì)師在使用語(yǔ)言時(shí)一定要準(zhǔn)確，盡可能不要產(chǎn)生歧義，不要讓用戶(hù)產(chǎn)生過(guò)多的思考。

　　法則二、語(yǔ)言使用的通俗性

　　有的設(shè)計(jì)師認(rèn)為語(yǔ)言專(zhuān)業(yè)能夠提升ui設(shè)計(jì)的質(zhì)量和等級(jí)，然而并非如此。我們的軟件是給廣大用戶(hù)使用的，而不是給專(zhuān)業(yè)技術(shù)人員使用的。盡量不要使用專(zhuān)業(yè)術(shù)語(yǔ)，因?yàn)榇蟛糠钟脩?hù)根本不理解語(yǔ)言的意思。

　　法則三、語(yǔ)言使用的一致性

　　在具體的表述方面，ui設(shè)計(jì)師也需要注意同一事物的說(shuō)明要使用同一個(gè)詞語(yǔ)，否則會(huì)給用戶(hù)造成不必要的困擾。例如，如果你使用了“查找”，就不要在同樣的情況下使用“搜索”，這樣更有利于用戶(hù)的理解。

　　法則四、語(yǔ)言體現(xiàn)情感關(guān)懷

　　用戶(hù)對(duì)于語(yǔ)言是比較敏感的，因此我們盡量不要使用“警告”“禁止”等不友好的語(yǔ)言，可以使用“溫馨提示”“請(qǐng)勿”以及一些比較時(shí)尚的網(wǎng)絡(luò)用語(yǔ)?？傊?，語(yǔ)言上的使用，要給用戶(hù)親切、友好、輕松的感受。

（圖片來(lái)自網(wǎng)絡(luò)）

　　ui設(shè)計(jì)語(yǔ)言構(gòu)建元素

　　1、顏色：無(wú)論UI還是平面，顏色是視覺(jué)傳達(dá)的最核心也是最基本的語(yǔ)言，不同的主色，會(huì)給人不同的視覺(jué)感受，同樣的主色不同的配色，視覺(jué)感受也會(huì)不同。在設(shè)計(jì)中確定好主色后，配色的選擇也較為關(guān)鍵。ui界面設(shè)計(jì)中除了背景色、字體顏色、圖標(biāo)以外，后期上傳的產(chǎn)品圖以及輪播圖都要規(guī)范。

　　2、字體：字體的設(shè)定包括字號(hào)、字重、行距、顏色對(duì)比以及界面間距留白的協(xié)調(diào)性。Material Design對(duì)字體標(biāo)題和內(nèi)容文字的大小剛好是1.6倍，接近黃金比例，所以字體的處理也要有所考究。構(gòu)建文字在界面美觀和基調(diào)同時(shí)，更要注重用戶(hù)可讀性，分清主次關(guān)系。字體種類(lèi)在界面中應(yīng)存在一種或者兩種，不可出現(xiàn)三種字體。字號(hào)和字顏色避免過(guò)于接近，導(dǎo)致無(wú)法分清關(guān)系。正文行間距一般為字號(hào)的1.5~1.8倍之間。

　　3、形狀：形狀的使用在界面設(shè)計(jì)中也最為常見(jiàn)，最多的就是直角和圓角，以及帶有品牌元素的形狀。不同的形狀傳達(dá)的情緒也不同，比如說(shuō)尖銳的和弧度的，包括圓角大小不同視覺(jué)感也不同。根據(jù)重復(fù)原則，如果某個(gè)形狀在界面中重復(fù)使用時(shí)很容易加深用戶(hù)對(duì)于產(chǎn)品的印象，就像很多設(shè)計(jì)師設(shè)計(jì)icon時(shí)結(jié)合產(chǎn)品特性以及l(fā)ogo的設(shè)計(jì)基因相結(jié)合。

（圖片來(lái)自網(wǎng)絡(luò)）

　　4、圖標(biāo)：接著上面形狀的理解，圖標(biāo)的風(fēng)格設(shè)計(jì)也要和界面的其他設(shè)計(jì)元素應(yīng)保持統(tǒng)一的設(shè)計(jì)語(yǔ)言，實(shí)現(xiàn)產(chǎn)品界面中所有視覺(jué)設(shè)計(jì)的一致性。圖標(biāo)設(shè)計(jì)構(gòu)成通過(guò)形狀、邊框、顏色、圓角、大小、肌理等來(lái)延續(xù)傳達(dá)在界面的基調(diào)和品牌基因。

　　5、網(wǎng)格:網(wǎng)格系統(tǒng)目前比較成熟的設(shè)計(jì)布局工具，設(shè)計(jì)中使用一套規(guī)范的間距，來(lái)保持產(chǎn)品的一致性，網(wǎng)格間距以倍數(shù)方式，比如1X，2X，3X，4X。比如現(xiàn)需設(shè)計(jì)一個(gè)讓用戶(hù)感受到輕松愉悅的頁(yè)面，可以使用較大的柵格間距比例，以12為基準(zhǔn)，比如間距一律使用12,24,36,48。如果是信息較為緊密的，則可以使用8的倍數(shù)，如8,16,24,32等。不同的界面信息承載使用網(wǎng)格也不同，界面空間留白不同，界面風(fēng)格也會(huì)不同。比如：Airbnb界面邊距48px，整體產(chǎn)品調(diào)性簡(jiǎn)約大氣;馬蜂窩的界面，側(cè)重于突出圖片，因此頁(yè)面內(nèi)容區(qū)域比例會(huì)比較大。

　　6、圖片比例:對(duì)于圖片比例，設(shè)計(jì)師有的往往憑感覺(jué)設(shè)定，但最好合理的使用圖片規(guī)范，常見(jiàn)的圖片尺寸有16:9、4:3、3:2、1:1和1:0.618這些比例經(jīng)過(guò)前輩驗(yàn)證也是做合適視覺(jué)尺寸。

　　其實(shí)ui設(shè)計(jì)語(yǔ)言雖然看起來(lái)比較復(fù)雜，但是只要掌握了它的應(yīng)用法則，相信你也可以在ui設(shè)計(jì)時(shí)隨心所欲的運(yùn)用語(yǔ)言，讓你的設(shè)計(jì)更完美哦!