ui設(shè)計(jì)培訓(xùn)使用UI設(shè)計(jì)元素的5個(gè)技巧

1.堅(jiān)持品牌指導(dǎo)方針和基調(diào)

      不同的行業(yè)決定你如何使用視覺效果，我們根據(jù)瀏覽主頁(yè)的幾秒鐘來判斷一個(gè)網(wǎng)站的可信度。

      你會(huì)相信一家在網(wǎng)站上使用瘋狂紋理和粉色插圖的律師事務(wù)所嗎?

      你會(huì)有顧慮的。當(dāng)然，你可以創(chuàng)新，但是你必須準(zhǔn)確定位品牌，同類別產(chǎn)品應(yīng)與競(jìng)爭(zhēng)對(duì)手定位相同。視覺效果應(yīng)該始終尊重公司的行業(yè)和價(jià)值觀。

2.總是用系統(tǒng)思考

      視覺一致性是關(guān)鍵，因?yàn)樗�可以幫助用戶瀏覽你的網(wǎng)站并記住你的品牌。它也表示質(zhì)量。如果你真的花時(shí)間去考慮你網(wǎng)站上的小細(xì)節(jié)，這意味著你可能也提供了一個(gè)精心設(shè)計(jì)的產(chǎn)品。一致性也意味著，面對(duì)無(wú)窮無(wú)盡的視覺元素組合，你應(yīng)該有選擇性地使用它們。

      如果你使用概述的圖標(biāo)集，請(qǐng)堅(jiān)持使用它，使用兩到三種顏色及其主色調(diào)。

      一個(gè)新的登陸頁(yè)面不一定能提供一個(gè)很好的理由來引入第三種色調(diào)。這些東西看起來微不足道，但它們累積起來就能發(fā)揮效果。

3.確保內(nèi)容排在位

      視覺效果有助于更好地傳達(dá)品牌信息。不要僅僅為了美化你的網(wǎng)站而使用它們(盡管這是一個(gè)很酷的好處，但它可以確保訪問者會(huì)留在你的網(wǎng)站上閱讀你的內(nèi)容)。雖然書面文字可以闡述內(nèi)容，但插圖可以直觀展現(xiàn)內(nèi)容，尤其是一個(gè)復(fù)雜的想法。

      視覺效果可以讓你更深入地了解你的產(chǎn)品，表達(dá)你的品牌個(gè)性，并幫助傳達(dá)你的想法。但是用戶仍然需要找到他們想要的東西。用你的內(nèi)容賦予人們價(jià)值。書面內(nèi)容和視覺效果都有自己的位置，但兩者缺一不可。

4.尊重負(fù)空間

      我們把設(shè)計(jì)元素之間的區(qū)域稱為負(fù)空間或留白。不要讓”白色”這個(gè)詞欺騙了你，讓它成為你心中渴望的任何顏色。

      但是，記住一件事:空白并不意味著浪費(fèi)空間。人們總是匆匆忙忙，想盡快在頁(yè)面中找到自己想找尋的內(nèi)容。

      把關(guān)于你產(chǎn)品的所有信息都塞進(jìn)一頁(yè)紙里，結(jié)果是沒有任何內(nèi)容會(huì)脫穎而出。引導(dǎo)頁(yè)面訪問者看到較重要的信息，你希望他們理解頁(yè)面內(nèi)容并消除任何干擾因素。負(fù)空間可以在這方面對(duì)你有所幫助:當(dāng)大腦處理新信息的時(shí)候，它可以讓疲憊的眼睛稍微休息一下。

5.實(shí)驗(yàn)

      可視化元素可以被證明是非常通用的，并且可視化的東西可以有多種好的解決方案。不要回避嘗試多個(gè)解決方案，只要確保測(cè)試哪個(gè)性能更好。它可以是像登陸頁(yè)面這樣的小事情，也可以是你如何定位你的品牌。