前兩天一個(gè)從事UI設(shè)計(jì)的朋友問(wèn)了我一個(gè)這樣的問(wèn)題：我從事UI設(shè)計(jì)一年多， UI設(shè)計(jì)上的一些基本知識(shí)差不多已經(jīng)掌握，但是想更進(jìn)一步的提升下自己，讓自己的作品更加有優(yōu)秀，但不知道從哪里入手?胡老師有沒(méi)有什么好的建議。今天給大家分享十個(gè)UI設(shè)計(jì)套路！

1 盡量使用單列而不是多列布局

單列布局能夠讓對(duì)全局有更好的掌控。同時(shí)用戶(hù)也可以一目了然內(nèi)容。而多列而已則會(huì)有分散用戶(hù)注意力的風(fēng)險(xiǎn)使你的主旨無(wú)法很好表達(dá)。最好的做法是用一個(gè)有邏輯的敘述來(lái)引導(dǎo)用戶(hù)并且在文末給出你的操作按鈕。

2 放出禮品往往更具誘惑力

給用戶(hù)一份精美小禮品這樣的友好舉動(dòng)再好不過(guò)了。具體來(lái)講，送出禮品也是之有效的獲得客戶(hù)忠誠(chéng)度的戰(zhàn)術(shù)，這是建立在人們互惠準(zhǔn)則上的。而這樣做所帶來(lái)的好處也是顯而易見(jiàn)的，會(huì)讓你在往后的活動(dòng)進(jìn)展(不管是推銷(xiāo)，產(chǎn)品更新還是再次搞活動(dòng))中更加順利。

3 合并重復(fù)的功能而使界面簡(jiǎn)潔

在整個(gè)產(chǎn)品開(kāi)發(fā)期間我們會(huì)有意無(wú)意地創(chuàng)建很多模塊，版面或者元素，而它們的功能可能有些是重疊的。此種情況表明界面已經(jīng)過(guò)度設(shè)計(jì)了。時(shí)刻警惕這些冗余的功能模塊，它無(wú)用且降低了電腦性能。此外，界面上模塊越多，用戶(hù)的學(xué)習(xí)成本就越大。所以請(qǐng)考慮重構(gòu)你的界面使它足夠精簡(jiǎn)。

4 客戶(hù)的評(píng)價(jià)好過(guò)自吹自擂

在獲得項(xiàng)目機(jī)會(huì)或提高項(xiàng)目轉(zhuǎn)化率時(shí)客戶(hù)的好評(píng)是一種極為有效的手段。當(dāng)潛在客戶(hù)看到其他人對(duì)你的服務(wù)給予好評(píng)時(shí)，項(xiàng)目機(jī)會(huì)會(huì)大增。所以試著提供一些含金量高的證據(jù)證明這些好評(píng)是真實(shí)可信的。

5 頻繁展示你的主旨來(lái)加深印象

多次重復(fù)主旨口號(hào)這種方法適用于界面很長(zhǎng)或者分頁(yè)的情況。首先你肯定不想滿(mǎn)屏刷出相同的信息，這樣會(huì)讓人生厭。但當(dāng)頁(yè)面足夠長(zhǎng)的時(shí)候這些重復(fù)就顯示自然多了并且也不顯得擁擠。所在在頁(yè)面頂部放一個(gè)按鈕然后在頁(yè)面底部再適當(dāng)放個(gè)突出的按鈕的做法沒(méi)有什么不妥。這樣當(dāng)用戶(hù)到達(dá)頁(yè)面底部在思考接下來(lái)該做什么的時(shí)候，你提供的按鈕就可以獲得一個(gè)潛在的合同或者即使用戶(hù)不需要你的服務(wù)這個(gè)按鈕也可以起到過(guò)濾的作用。

6 將選項(xiàng)與按鈕區(qū)分開(kāi)來(lái)

諸如顏色，層次及模塊間的對(duì)比這些視覺(jué)上的設(shè)計(jì)可以很好地幫助用戶(hù)使用產(chǎn)品：他時(shí)刻知道當(dāng)前所處的頁(yè)面以及可以轉(zhuǎn)到哪些頁(yè)面。要傳達(dá)這樣一個(gè)好的界面，你就需要將可點(diǎn)擊的元素(比如連接，按鈕)，可選擇的元素(比如單選多選框)以及普通的文字明顯區(qū)分開(kāi)來(lái)。在下圖的例子中，我將點(diǎn)擊操作的元素設(shè)置為藍(lán)色，選中的當(dāng)前元素為黑色。這樣適當(dāng)?shù)脑O(shè)計(jì)可以讓用戶(hù)很方面地在產(chǎn)品的各模塊間切換。但千萬(wàn)不要把這三種元素設(shè)計(jì)得混亂不堪。

7 給出推薦而不是讓用戶(hù)來(lái)選擇

當(dāng)展示許多項(xiàng)服務(wù)時(shí)，給出一個(gè)重磅的推薦項(xiàng)是個(gè)不錯(cuò)的做法，盡管推薦的設(shè)置無(wú)法滿(mǎn)足所有用戶(hù)。這么做是有理論依據(jù)的，一些研究已經(jīng)揭示了這么一種現(xiàn)象：當(dāng)面臨的選擇越多時(shí)，用戶(hù)就越難做出決定。所以你可以高亮某個(gè)選項(xiàng)來(lái)幫助用戶(hù)做出選擇。

8 給出撤銷(xiāo)操作來(lái)代替確定操作

假設(shè)你剛點(diǎn)擊了一個(gè)連接或者按鈕，撤銷(xiāo)操作可以讓操作流暢自然，這也符合人類(lèi)的本能。而每次操作都彈一個(gè)確定框則好像是在質(zhì)問(wèn)用戶(hù)你明白不明白這個(gè)操作會(huì)產(chǎn)生什么后果。我還是更習(xí)慣假設(shè)用戶(hù)每次操作都是正確的，其實(shí)只有極少數(shù)情況下才會(huì)發(fā)生誤操作。所以，為了防止誤操作而設(shè)計(jì)的確認(rèn)窗口其實(shí)是不人性化的，用戶(hù)每次操作都需要進(jìn)行毫無(wú)意義的確定。所以請(qǐng)考慮在你的產(chǎn)品里實(shí)現(xiàn)撤銷(xiāo)操作來(lái)增加用戶(hù)的操作友好度吧。

9 指出產(chǎn)品適用人群而不是做成全年齡

你是想把產(chǎn)品做成大眾化的呢還是有精確的適用人群?在產(chǎn)品定位上你需要更精確些。通過(guò)不斷了解目標(biāo)客戶(hù)的需求及標(biāo)準(zhǔn)，你能把產(chǎn)品做得更好得到更多與客戶(hù)交流的機(jī)會(huì)，并且讓客戶(hù)覺(jué)得你很專(zhuān)業(yè)，在這方面是獨(dú)家提供的優(yōu)質(zhì)服務(wù)。把產(chǎn)品定位得精確的風(fēng)險(xiǎn)就是可能縮小了目標(biāo)潛在客戶(hù)的范圍，也使自身變得不那么全能。但這種做得更專(zhuān)業(yè)的精神卻反過(guò)來(lái)會(huì)贏得信任，權(quán)威。

10 試著直接果斷而不要唯唯諾諾

你可以通過(guò)不確定而顫抖的聲音來(lái)表達(dá)傳遞自己的意思，當(dāng)然也可以通過(guò)很自信的方式表達(dá)。如果你在界面中的表述用語(yǔ)多以問(wèn)號(hào)結(jié)束，比如"也許"，"可能"，"感興趣?" 或者"想要試試么?"，那么你完全還可以把語(yǔ)氣變得更堅(jiān)定一些。不過(guò)萬(wàn)事無(wú)絕對(duì)，或許適當(dāng)放松措詞讓用戶(hù)有自行思考的余地也是可以的。

文章來(lái)源：知乎

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話(huà)，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

                                                            

 

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

 

藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)