現(xiàn)在很容易找到愿意在任何項(xiàng)目上工作的設(shè)計(jì)師。然而，找到一個(gè)熟悉用戶界面設(shè)計(jì)最佳實(shí)踐的專業(yè)人士仍然是一場(chǎng)艱苦的戰(zhàn)斗。如果你想競(jìng)爭(zhēng)這些職位，你需要跟上最新的技術(shù)和趨勢(shì)。

　　了解每個(gè)界面設(shè)計(jì)項(xiàng)目的最佳體驗(yàn)將使您遠(yuǎn)遠(yuǎn)領(lǐng)先于大多數(shù)候選人，他們只是開(kāi)始設(shè)計(jì)，而沒(méi)有考慮創(chuàng)建界面的細(xì)節(jié)。

　　1.了解用戶界面如何進(jìn)入U(xiǎn)X

　　首先，第一件事——有時(shí)使用這些術(shù)語(yǔ)是錯(cuò)誤的，但重要的是要明白，盡管UI在UX確實(shí)發(fā)揮了重要作用，但第二個(gè)學(xué)科的范圍要大得多。

　　這并不是說(shuō)UI不重要，因?yàn)槲覀兌贾浪梢灾谱骰蚱茐囊粋€(gè)網(wǎng)站或應(yīng)用程序。然而，UX設(shè)計(jì)師(或“交互設(shè)計(jì)師”)需要考慮許多因素，如交互設(shè)計(jì)和架構(gòu)，創(chuàng)建一個(gè)清晰的分類，寫作，以及與設(shè)計(jì)師和程序員的協(xié)調(diào)。這是從上到下整個(gè)設(shè)計(jì)的整體體驗(yàn)(如首字母縮寫所暗示的)。

　　為了創(chuàng)建一個(gè)好的界面，UI設(shè)計(jì)人員需要從用戶體驗(yàn)的角度依賴信息，比如識(shí)別哪些問(wèn)題需要解決，如何開(kāi)發(fā)用戶流程，以及確定關(guān)鍵的產(chǎn)品領(lǐng)域和層次。理想情況下，在獲得所有這些信息后，將開(kāi)始對(duì)界面進(jìn)行認(rèn)真的工作，然后UX的設(shè)計(jì)師將對(duì)其進(jìn)行模擬、測(cè)試和批準(zhǔn)，并推出產(chǎn)品。

　　2.了解你的觀眾。

　　毫不奇怪，關(guān)于如何設(shè)計(jì)一個(gè)奇妙界面的最重要的見(jiàn)解應(yīng)該從你的用戶那里獲得。如果你在規(guī)劃網(wǎng)站，你一定已經(jīng)知道未來(lái)的觀眾會(huì)想要什么，但布局細(xì)節(jié)是完全不同的游戲。

　　你需要清楚地知道你的網(wǎng)站需要什么，以及如何提供進(jìn)一步吸引他們的設(shè)計(jì)。如果這時(shí)你有點(diǎn)失落，看比賽可能是開(kāi)始創(chuàng)作過(guò)程的好方法。哪些網(wǎng)站位于您項(xiàng)目領(lǐng)域的頂端？他們使用相似的布局或顏色嗎？他們是堅(jiān)持相似的風(fēng)格，還是在視覺(jué)上似乎符合相同的人群特征？

　　用戶友好的設(shè)計(jì)模式可以幫助您輕松訪問(wèn)您的網(wǎng)站，然后您可以根據(jù)自己的需求區(qū)分您的網(wǎng)站。

　　一旦你確定了你的受眾，你就可以測(cè)試你的設(shè)計(jì)是如何工作的，并考慮他們的反饋。來(lái)自期望的目標(biāo)受眾的反饋非常有價(jià)值，所以獲取并使用它！

　　3.保持簡(jiǎn)單和一致

　　優(yōu)秀界面的標(biāo)志是簡(jiǎn)單。這樣，我們不會(huì)簡(jiǎn)單地到處粘貼一兩個(gè)按鈕，因?yàn)樗囊恍﹦?dòng)畫被留下了。我們的意思是很容易理解和互動(dòng)。您的用戶不應(yīng)該需要地圖來(lái)瀏覽您的應(yīng)用程序或網(wǎng)站，熟練地引導(dǎo)他們從哪里到達(dá)他們需要去的地方是界面設(shè)計(jì)師工作的一部分。為此，您可以使用各種元素，如顏色、排版、反饋信息和視覺(jué)層次，我們將在后面逐一介紹。

　　界面也必須在整個(gè)設(shè)計(jì)中保持一致。這意味著輪子不應(yīng)該在項(xiàng)目的每個(gè)部分都被重新創(chuàng)造，設(shè)計(jì)中最重要的方面應(yīng)該在每一輪都得到加強(qiáng)。當(dāng)他們?yōu)g覽你的設(shè)計(jì)時(shí)，用戶應(yīng)該逐漸放松，他們的沉浸感不應(yīng)該因?yàn)榱钊伺d奮的風(fēng)格選擇而被打破。

　　4.實(shí)現(xiàn)視覺(jué)層面。

　　應(yīng)該突出界面中最重要的元素，讓用戶注意到它們，設(shè)計(jì)提供了幾乎無(wú)數(shù)種方法來(lái)達(dá)到這種效果。

　　想到這個(gè)技巧最簡(jiǎn)單的例子就是把一個(gè)元素變大，以便把它變成焦點(diǎn)(這是偶然的，出于同樣的原因，沒(méi)有人會(huì)忽略哥斯拉)。

　　或者，簡(jiǎn)單地在你的設(shè)計(jì)中引入一個(gè)意想不到的元素，以優(yōu)雅的方式創(chuàng)造奇跡。如前所述，接口的一致性非常重要，直到可以重復(fù)定義為止。當(dāng)有東西打破了視覺(jué)模式，你的用戶就會(huì)坐下來(lái)集中注意力。

　　5.善用排版

　　建立視覺(jué)層次的另一種優(yōu)雅方式是使用排版。

　　對(duì)于初學(xué)者來(lái)說(shuō)，每種字體都有自己的個(gè)性?？梢哉f(shuō)，你的選擇應(yīng)該受到觀眾的影響。

　　比如這種字體“漫畫字體”。

　　當(dāng)然，在設(shè)計(jì)中使用字體時(shí)，大小也起著關(guān)鍵作用。

　　您也可以使用相反的類型使文本突出。我們的意思是使用對(duì)比背景使文本彈出。使用菜單中的對(duì)比文本突出顯示您當(dāng)前正在查看的頁(yè)面(這有助于簡(jiǎn)化用戶的導(dǎo)航過(guò)程)。

　　6.正確使用顏色和對(duì)比度

　　為任何給定的設(shè)計(jì)選擇合適的顏色本身就是一門科學(xué)。如果你正在讀這篇文章，你可能對(duì)色彩心理學(xué)不是很熟悉，所以我們現(xiàn)在不會(huì)花時(shí)間去研究這個(gè)領(lǐng)域。

　　相反，我們將談?wù)撌褂妙伾珌?lái)充分發(fā)揮其設(shè)計(jì)的驚人界面。顏色可以用來(lái)傳達(dá)視覺(jué)層次，建立元素之間的關(guān)系，通?？梢栽鰪?qiáng)你的設(shè)計(jì)，吸引用戶的注意力。

　　在界面上工作時(shí)，需要保持一致性，你會(huì)用哪些顏色來(lái)傳達(dá)視覺(jué)線索，保持你的配色方案相對(duì)較小(顏色多總是好事)。

　　也就是說(shuō)，對(duì)比色可以用來(lái)產(chǎn)生巨大的效果來(lái)吸引用戶的注意力，就像我們?cè)谝?guī)則5中討論反向類型時(shí)提到的那樣。

　　界面對(duì)比色的一個(gè)很好的例子是從《侏羅紀(jì)世界》的西班牙官方網(wǎng)站獲得的。

　　選擇在界面中使用哪種顏色的一個(gè)很好的經(jīng)驗(yàn)法則是，較深的顏色往往會(huì)帶來(lái)更多的視覺(jué)權(quán)重，這些元素需要與較淺的顏色相平衡。

　　7.考慮反饋信息

　　接口是要被使用的——這是你在設(shè)計(jì)過(guò)程中不能忽視的。Web項(xiàng)目的最大優(yōu)勢(shì)之一是，您可以設(shè)計(jì)反饋消息，以便在執(zhí)行操作時(shí)向用戶傳達(dá)關(guān)鍵信息。有子彈嗎？為什么不用簡(jiǎn)單的動(dòng)畫作為反饋信息，告知用戶數(shù)字被綁在后臺(tái)？有人填寫了錯(cuò)誤的字段嗎？設(shè)計(jì)一條信息，并立即通知他們，以便他們知道錯(cuò)誤。

　　界面不簡(jiǎn)單。你需要考慮多個(gè)學(xué)科，掌握關(guān)于你的受眾的技術(shù)信息，并預(yù)測(cè)他們的需求，以創(chuàng)建滿足他們需求的設(shè)計(jì)。

　　此外，你需要在用戶體驗(yàn)設(shè)計(jì)和界面設(shè)計(jì)之間保持密切的關(guān)系，因?yàn)槟闩c另一個(gè)人互動(dòng)。

　　然而，本文涉及的大多數(shù)規(guī)則都有一些共同點(diǎn)，這將使您的生活更加輕松：它們不限于網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目。事實(shí)上，如果你有一些設(shè)計(jì)經(jīng)驗(yàn)(我們打賭你已經(jīng)做到了)，我們到目前為止分享的大多數(shù)建議應(yīng)該都非常熟悉——我們所做的是擴(kuò)展他們與界面的關(guān)系。

　　總之，我們相信考慮到這個(gè)建議，你會(huì)很樂(lè)意成為一個(gè)有經(jīng)驗(yàn)的界面設(shè)計(jì)師。

　　結(jié)論

　　雖然界面設(shè)計(jì)是一個(gè)令人望而生畏的領(lǐng)域，但它也能為你提供完美的機(jī)會(huì)，因?yàn)樗械脑O(shè)計(jì)領(lǐng)域都需要你的游戲。

　　好好想想。您的界面需要易于使用，易于導(dǎo)航，為受眾使用正確的顏色，使用正確的字體，集成有用的反饋信息，并保持整體一致性。如果你很忙，有很多因素仍然會(huì)產(chǎn)生一個(gè)有吸引力的設(shè)計(jì)，也許是時(shí)候讓你教我們一些網(wǎng)頁(yè)設(shè)計(jì)的規(guī)則了。