張經(jīng)理 / 18665606093
Email / service@2000new.com
掃一掃添加顧問
現(xiàn)在很容易找到愿意在任何項目上工作的設(shè)計師。然而,找到一個熟悉用戶界面設(shè)計最佳實踐的專業(yè)人士仍然是一場艱苦的戰(zhàn)斗。如果你想競爭這些職位,你需要跟上最新的技術(shù)和趨勢。
了解每個界面設(shè)計項目的最佳體驗將使您遠遠領(lǐng)先于大多數(shù)候選人,他們只是開始設(shè)計,而沒有考慮創(chuàng)建界面的細節(jié)。
1.了解用戶界面如何進入UX
首先,第一件事——有時使用這些術(shù)語是錯誤的,但重要的是要明白,盡管UI在UX確實發(fā)揮了重要作用,但第二個學(xué)科的范圍要大得多。
這并不是說UI不重要,因為我們都知道它可以制作或破壞一個網(wǎng)站或應(yīng)用程序。然而,UX設(shè)計師(或“交互設(shè)計師”)需要考慮許多因素,如交互設(shè)計和架構(gòu),創(chuàng)建一個清晰的分類,寫作,以及與設(shè)計師和程序員的協(xié)調(diào)。這是從上到下整個設(shè)計的整體體驗(如首字母縮寫所暗示的)。
為了創(chuàng)建一個好的界面,UI設(shè)計人員需要從用戶體驗的角度依賴信息,比如識別哪些問題需要解決,如何開發(fā)用戶流程,以及確定關(guān)鍵的產(chǎn)品領(lǐng)域和層次。理想情況下,在獲得所有這些信息后,將開始對界面進行認真的工作,然后UX的設(shè)計師將對其進行模擬、測試和批準,并推出產(chǎn)品。
2.了解你的觀眾。
毫不奇怪,關(guān)于如何設(shè)計一個奇妙界面的最重要的見解應(yīng)該從你的用戶那里獲得。如果你在規(guī)劃網(wǎng)站,你一定已經(jīng)知道未來的觀眾會想要什么,但布局細節(jié)是完全不同的游戲。
你需要清楚地知道你的網(wǎng)站需要什么,以及如何提供進一步吸引他們的設(shè)計。如果這時你有點失落,看比賽可能是開始創(chuàng)作過程的好方法。哪些網(wǎng)站位于您項目領(lǐng)域的頂端?他們使用相似的布局或顏色嗎?他們是堅持相似的風(fēng)格,還是在視覺上似乎符合相同的人群特征?
用戶友好的設(shè)計模式可以幫助您輕松訪問您的網(wǎng)站,然后您可以根據(jù)自己的需求區(qū)分您的網(wǎng)站。
一旦你確定了你的受眾,你就可以測試你的設(shè)計是如何工作的,并考慮他們的反饋。來自期望的目標受眾的反饋非常有價值,所以獲取并使用它!
3.保持簡單和一致
優(yōu)秀界面的標志是簡單。這樣,我們不會簡單地到處粘貼一兩個按鈕,因為它的一些動畫被留下了。我們的意思是很容易理解和互動。您的用戶不應(yīng)該需要地圖來瀏覽您的應(yīng)用程序或網(wǎng)站,熟練地引導(dǎo)他們從哪里到達他們需要去的地方是界面設(shè)計師工作的一部分。為此,您可以使用各種元素,如顏色、排版、反饋信息和視覺層次,我們將在后面逐一介紹。
界面也必須在整個設(shè)計中保持一致。這意味著輪子不應(yīng)該在項目的每個部分都被重新創(chuàng)造,設(shè)計中最重要的方面應(yīng)該在每一輪都得到加強。當他們?yōu)g覽你的設(shè)計時,用戶應(yīng)該逐漸放松,他們的沉浸感不應(yīng)該因為令人興奮的風(fēng)格選擇而被打破。
4.實現(xiàn)視覺層面。
應(yīng)該突出界面中最重要的元素,讓用戶注意到它們,設(shè)計提供了幾乎無數(shù)種方法來達到這種效果。
想到這個技巧最簡單的例子就是把一個元素變大,以便把它變成焦點(這是偶然的,出于同樣的原因,沒有人會忽略哥斯拉)。
或者,簡單地在你的設(shè)計中引入一個意想不到的元素,以優(yōu)雅的方式創(chuàng)造奇跡。如前所述,接口的一致性非常重要,直到可以重復(fù)定義為止。當有東西打破了視覺模式,你的用戶就會坐下來集中注意力。
5.善用排版
建立視覺層次的另一種優(yōu)雅方式是使用排版。
對于初學(xué)者來說,每種字體都有自己的個性??梢哉f,你的選擇應(yīng)該受到觀眾的影響。
比如這種字體“漫畫字體”。
當然,在設(shè)計中使用字體時,大小也起著關(guān)鍵作用。
您也可以使用相反的類型使文本突出。我們的意思是使用對比背景使文本彈出。使用菜單中的對比文本突出顯示您當前正在查看的頁面(這有助于簡化用戶的導(dǎo)航過程)。
6.正確使用顏色和對比度
為任何給定的設(shè)計選擇合適的顏色本身就是一門科學(xué)。如果你正在讀這篇文章,你可能對色彩心理學(xué)不是很熟悉,所以我們現(xiàn)在不會花時間去研究這個領(lǐng)域。
相反,我們將談?wù)撌褂妙伾珌沓浞职l(fā)揮其設(shè)計的驚人界面。顏色可以用來傳達視覺層次,建立元素之間的關(guān)系,通常可以增強你的設(shè)計,吸引用戶的注意力。
在界面上工作時,需要保持一致性,你會用哪些顏色來傳達視覺線索,保持你的配色方案相對較小(顏色多總是好事)。
也就是說,對比色可以用來產(chǎn)生巨大的效果來吸引用戶的注意力,就像我們在規(guī)則5中討論反向類型時提到的那樣。
界面對比色的一個很好的例子是從《侏羅紀世界》的西班牙官方網(wǎng)站獲得的。
選擇在界面中使用哪種顏色的一個很好的經(jīng)驗法則是,較深的顏色往往會帶來更多的視覺權(quán)重,這些元素需要與較淺的顏色相平衡。
7.考慮反饋信息
接口是要被使用的——這是你在設(shè)計過程中不能忽視的。Web項目的最大優(yōu)勢之一是,您可以設(shè)計反饋消息,以便在執(zhí)行操作時向用戶傳達關(guān)鍵信息。有子彈嗎?為什么不用簡單的動畫作為反饋信息,告知用戶數(shù)字被綁在后臺?有人填寫了錯誤的字段嗎?設(shè)計一條信息,并立即通知他們,以便他們知道錯誤。
界面不簡單。你需要考慮多個學(xué)科,掌握關(guān)于你的受眾的技術(shù)信息,并預(yù)測他們的需求,以創(chuàng)建滿足他們需求的設(shè)計。
此外,你需要在用戶體驗設(shè)計和界面設(shè)計之間保持密切的關(guān)系,因為你與另一個人互動。
然而,本文涉及的大多數(shù)規(guī)則都有一些共同點,這將使您的生活更加輕松:它們不限于網(wǎng)頁設(shè)計項目。事實上,如果你有一些設(shè)計經(jīng)驗(我們打賭你已經(jīng)做到了),我們到目前為止分享的大多數(shù)建議應(yīng)該都非常熟悉——我們所做的是擴展他們與界面的關(guān)系。
總之,我們相信考慮到這個建議,你會很樂意成為一個有經(jīng)驗的界面設(shè)計師。
結(jié)論
雖然界面設(shè)計是一個令人望而生畏的領(lǐng)域,但它也能為你提供完美的機會,因為所有的設(shè)計領(lǐng)域都需要你的游戲。
好好想想。您的界面需要易于使用,易于導(dǎo)航,為受眾使用正確的顏色,使用正確的字體,集成有用的反饋信息,并保持整體一致性。如果你很忙,有很多因素仍然會產(chǎn)生一個有吸引力的設(shè)計,也許是時候讓你教我們一些網(wǎng)頁設(shè)計的規(guī)則了。