2022-05-23 分類(lèi): 網(wǎng)站建設(shè)
現(xiàn)在很容易找到愿意在任何項(xiàng)目上工作的設(shè)計(jì)師。然而,在UI設(shè)計(jì)方面尋找一個(gè)熟悉好實(shí)踐的專(zhuān)業(yè)人士仍然是一場(chǎng)艱苦的戰(zhàn)斗。如果您希望將自己置于這些職位的爭(zhēng)奪之中,您需要保持最新的技術(shù)和最新發(fā)展趨勢(shì)。
了解每個(gè)界面設(shè)計(jì)項(xiàng)目的好體驗(yàn),將使您遠(yuǎn)遠(yuǎn)于大多數(shù)候選人,他們只是在不考慮創(chuàng)建界面的各種細(xì)節(jié)的情況下啟動(dòng)設(shè)計(jì)。
1、了解UI如何進(jìn)入U(xiǎn)X
首先是第一件事 - 有時(shí)候使用這些術(shù)語(yǔ)是錯(cuò)誤的,而重要的是要明白,雖然UI確實(shí)在UX中起著重要的作用,但是第二個(gè)學(xué)科的范圍要大得多。
這并不是說(shuō)UI不重要,因?yàn)槲覀兌贾?,它可以使得或破壞一個(gè)網(wǎng)站或應(yīng)用程序。然而,UX設(shè)計(jì)師(或“交互設(shè)計(jì)師”)需要考慮到諸如交互設(shè)計(jì)和架構(gòu),創(chuàng)建明確的分類(lèi)法,寫(xiě)作,與設(shè)計(jì)師和程序員的協(xié)調(diào)等多種因素。這是整個(gè)設(shè)計(jì)的整體體驗(yàn)(如首字母縮略詞所暗示的),從上到下。
為了創(chuàng)建一個(gè)很好的界面,UI設(shè)計(jì)人員需要依賴(lài)用戶(hù)體驗(yàn)角度的信息,例如識(shí)別哪些問(wèn)題需要解決,用戶(hù)流程如何發(fā)揮,以及確定關(guān)鍵的產(chǎn)品領(lǐng)域和層次結(jié)構(gòu)。理想情況下,接口上的認(rèn)真工作將在獲取所有這些信息后開(kāi)始,然后由UX設(shè)計(jì)人員進(jìn)行模擬,測(cè)試和批準(zhǔn),并且將推出一個(gè)產(chǎn)品
2、了解您的觀眾
對(duì)于如何設(shè)計(jì)一個(gè)夢(mèng)幻界面的最重要的見(jiàn)解應(yīng)該從你的用戶(hù)那里得到,這并不奇怪。如果您正在開(kāi)展網(wǎng)站的規(guī)劃過(guò)程中,您必須已經(jīng)了解到未來(lái)的觀眾將會(huì)想要什么,但是布局細(xì)節(jié)是一個(gè)完全不同的游戲。
您需要清楚地了解您的網(wǎng)站需要什么樣的需求,以及如何提供將進(jìn)一步吸引他們的設(shè)計(jì)。如果您在這個(gè)時(shí)刻有點(diǎn)迷失,那么看競(jìng)賽可能是啟動(dòng)創(chuàng)作過(guò)程的好方法。哪些網(wǎng)站在您的項(xiàng)目領(lǐng)域的頂端?他們使用類(lèi)似的布局還是顏色?他們是否堅(jiān)持類(lèi)似的風(fēng)格,或者似乎在視覺(jué)上符合相同的人群特征?
使用用戶(hù)舒適的設(shè)計(jì)模式可以幫助您輕松進(jìn)入您的網(wǎng)站,然后您可以根據(jù)自己的需求區(qū)分您的網(wǎng)站。
一旦你確定了你的觀眾,你可以測(cè)試你的設(shè)計(jì)如何發(fā)揮出來(lái),并考慮到他們的反饋。來(lái)自所需目標(biāo)受眾的可反饋的反饋是非常有價(jià)值的,所以得到它并使用它!
3、保持簡(jiǎn)單和一致
一個(gè)偉大的界面的標(biāo)志是簡(jiǎn)單。這樣,我們并不是簡(jiǎn)單的在這里和那里貼上一兩個(gè)按鈕,因?yàn)樗囊恍﹦?dòng)畫(huà)被拋在腦后 我們的意思是很容易理解和互動(dòng)。您的用戶(hù)不應(yīng)該需要一個(gè)地圖才能瀏覽您的應(yīng)用程序或網(wǎng)站,并且它是作為界面設(shè)計(jì)師的工作的一部分,以巧妙地引導(dǎo)他們從何處到他們需要去的地方。
為了做到這一點(diǎn),您可以利用多種元素,如顏色,排版,反饋信息和視覺(jué)層次結(jié)構(gòu),我們將在稍后逐一介紹。
接口在整個(gè)設(shè)計(jì)中也必須保持一致。這意味著不要在項(xiàng)目的每個(gè)部分重新創(chuàng)建輪子,并且在每個(gè)輪次上加強(qiáng)設(shè)計(jì)的最重要方面。當(dāng)他們?yōu)g覽您的設(shè)計(jì)時(shí),用戶(hù)應(yīng)逐漸放松,并且由于刺激的風(fēng)格選擇,他們的沉浸不應(yīng)該被打破。
4、實(shí)現(xiàn)視覺(jué)層次
應(yīng)突出顯示界面中最重要的元素,以使用戶(hù)關(guān)注它們,而且設(shè)計(jì)提供了幾乎無(wú)數(shù)的方法來(lái)實(shí)現(xiàn)這一效果。
想到這個(gè)技巧的最簡(jiǎn)單的例子就是使一個(gè)元素更大,以便把它變成一個(gè)焦點(diǎn)(這是偶然的,同樣的原因,沒(méi)有人忽略哥斯拉)。
或者,只需將一個(gè)意想不到的元素以雅致的方式引入您的設(shè)計(jì)中即可發(fā)揮奇跡。如前所述,界面的一致性是至關(guān)重要的,直到它可以重復(fù)地界定。當(dāng)某些東西打破視覺(jué)模式時(shí),您的用戶(hù)將會(huì)坐下來(lái)注意。
5、善用排版
建立視覺(jué)層次結(jié)構(gòu)的另一個(gè)優(yōu)雅方式是通過(guò)使用排版。
對(duì)于初學(xué)者來(lái)說(shuō),每種字體都有個(gè)性,可以說(shuō),你的選擇應(yīng)該受到觀眾的影響。
例如,這種字體“漫畫(huà)字體”。
當(dāng)然,當(dāng)設(shè)計(jì)中使用字體時(shí),尺寸也起著關(guān)鍵的作用。
您也可以使用反向類(lèi)型來(lái)使文本脫穎而出,我們的意思是使用對(duì)比背景來(lái)使文本彈出。在菜單中使用對(duì)比文本來(lái)突出顯示當(dāng)前正在查看的頁(yè)面(這有助于簡(jiǎn)化用戶(hù)的導(dǎo)航過(guò)程)。
6、正確使用顏色和對(duì)比度
為任何給定的設(shè)計(jì)選擇正確的顏色是一種本身的科學(xué)。如果你正在閱讀這篇文章,你可能已經(jīng)不是很熟悉顏色的心理學(xué)了,所以我們現(xiàn)在不會(huì)再花時(shí)間去看這個(gè)領(lǐng)域了。
相反,我們將談?wù)撌褂妙伾珌?lái)充分發(fā)揮其設(shè)計(jì)一個(gè)令人驚嘆的界面。顏色可用于傳達(dá)視覺(jué)層次結(jié)構(gòu),建立元素之間的關(guān)系,并通常提升您的設(shè)計(jì)并吸引用戶(hù)的注意力。
當(dāng)在界面上工作時(shí),您需要保持一致的一致性,您將使用哪些顏色來(lái)傳達(dá)視覺(jué)線索,并將您的配色方案保持在相對(duì)最?。ǜ嗟念伾偸且患檬拢?/p>
也就是說(shuō),對(duì)比顏色可以用于很大的效果,以吸引用戶(hù)的注意力,正如我們?cè)谟懻摲聪蝾?lèi)型時(shí)在規(guī)則五中提到的。
從官方侏羅紀(jì)世界西班牙網(wǎng)站取得的界面對(duì)比色的一個(gè)很好的例子。
選擇在界面中使用哪種顏色的一個(gè)很好的經(jīng)驗(yàn)法則是,較暗的顏色往往會(huì)帶有更多的視覺(jué)重量,而這些元素需要用較淺的顏色進(jìn)行平衡。
7、考慮反饋消息
接口是要使用的 - 這是您在設(shè)計(jì)過(guò)程中不可忽視的事情。Web項(xiàng)目的大優(yōu)點(diǎn)之一是,您可以設(shè)計(jì)反饋消息,以便在執(zhí)行操作時(shí)向用戶(hù)傳達(dá)關(guān)鍵信息。
有加載嗎?為什么不使用簡(jiǎn)單的動(dòng)畫(huà)作為反饋消息來(lái)通知您的用戶(hù)數(shù)字正在背景中被束縛?有人填寫(xiě)不正確的字段嗎?設(shè)計(jì)一個(gè)消息,立即通知他們,以便他們知道錯(cuò)誤。
設(shè)計(jì)界面并不簡(jiǎn)單。您需要考慮多個(gè)學(xué)科,以及掌握有關(guān)您的觀眾的技術(shù)信息,并預(yù)見(jiàn)他們的需求,以創(chuàng)建一個(gè)滿(mǎn)足并滿(mǎn)足他們需求的設(shè)計(jì)。
此外,您需要在用戶(hù)體驗(yàn)設(shè)計(jì)和界面設(shè)計(jì)之間保持密切的關(guān)系,因?yàn)榕c另一個(gè)人交往。
然而,本文中涵蓋的大多數(shù)規(guī)則都有一些共同之處,這將使您的生活變得更容易:它們不僅限于網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目。事實(shí)上,如果您有一些設(shè)計(jì)經(jīng)驗(yàn)(我們打賭你做的),我們迄今為止所分享的大部分建議應(yīng)該非常熟悉 - 我們所做的就是擴(kuò)展他們與界面的關(guān)系。
總而言之,我們相信,考慮到這個(gè)建議,您將很樂(lè)意成為一名經(jīng)驗(yàn)豐富的界面設(shè)計(jì)師。
結(jié)論
界面設(shè)計(jì)雖然是一個(gè)令人畏懼的領(lǐng)域,但也可以為您提供好的機(jī)會(huì),因?yàn)樗械脑O(shè)計(jì)領(lǐng)域都需要您的游戲。
想想吧 您的界面需要易于使用,導(dǎo)覽簡(jiǎn)單,為觀眾使用正確的顏色,使用正確的字體,集成有用的反饋信息,并保持整體的一致性。如果你能忙里忙外,有許多因素,仍然產(chǎn)生一個(gè)有吸引力的設(shè)計(jì),或許是時(shí)候讓你教我們學(xué)網(wǎng)頁(yè)設(shè)計(jì)的一些規(guī)則。
新聞標(biāo)題:7條UI設(shè)計(jì)需要遵循網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目規(guī)則
網(wǎng)頁(yè)鏈接:http://jinyejixie.com/news/157519.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、云服務(wù)器、軟件開(kāi)發(fā)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、標(biāo)簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容