7條UI設(shè)計(jì)需要遵循網(wǎng)頁設(shè)計(jì)項(xiàng)目規(guī)則

現(xiàn)在很容易找到愿意在任何項(xiàng)目上工作的設(shè)計(jì)師。然而，在UI設(shè)計(jì)方面尋找一個(gè)熟悉好實(shí)踐的專業(yè)人士仍然是一場艱苦的戰(zhàn)斗。如果您希望將自己置于這些職位的爭奪之中，您需要保持最新的技術(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ù)語是錯(cuò)誤的，而重要的是要明白，雖然UI確實(shí)在UX中起著重要的作用，但是第二個(gè)學(xué)科的范圍要大得多。

這并不是說UI不重要，因?yàn)槲覀兌贾?，它可以使得或破壞一個(gè)網(wǎng)站或應(yīng)用程序。然而，UX設(shè)計(jì)師（或“交互設(shè)計(jì)師”）需要考慮到諸如交互設(shè)計(jì)和架構(gòu)，創(chuàng)建明確的分類法，寫作，與設(shè)計(jì)師和程序員的協(xié)調(diào)等多種因素。這是整個(gè)設(shè)計(jì)的整體體驗(yàn)（如首字母縮略詞所暗示的），從上到下。

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

2、了解您的觀眾

對(duì)于如何設(shè)計(jì)一個(gè)夢(mèng)幻界面的最重要的見解應(yīng)該從你的用戶那里得到，這并不奇怪。如果您正在開展網(wǎng)站的規(guī)劃過程中，您必須已經(jīng)了解到未來的觀眾將會(huì)想要什么，但是布局細(xì)節(jié)是一個(gè)完全不同的游戲。

您需要清楚地了解您的網(wǎng)站需要什么樣的需求，以及如何提供將進(jìn)一步吸引他們的設(shè)計(jì)。如果您在這個(gè)時(shí)刻有點(diǎn)迷失，那么看競賽可能是啟動(dòng)創(chuàng)作過程的好方法。哪些網(wǎng)站在您的項(xiàng)目領(lǐng)域的頂端？他們使用類似的布局還是顏色？他們是否堅(jiān)持類似的風(fēng)格，或者似乎在視覺上符合相同的人群特征？

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

一旦你確定了你的觀眾，你可以測試你的設(shè)計(jì)如何發(fā)揮出來，并考慮到他們的反饋。來自所需目標(biāo)受眾的可反饋的反饋是非常有價(jià)值的，所以得到它并使用它！

3、保持簡單和一致

一個(gè)偉大的界面的標(biāo)志是簡單。這樣，我們并不是簡單的在這里和那里貼上一兩個(gè)按鈕，因?yàn)樗囊恍﹦?dòng)畫被拋在腦后 我們的意思是很容易理解和互動(dòng)。您的用戶不應(yīng)該需要一個(gè)地圖才能瀏覽您的應(yīng)用程序或網(wǎng)站，并且它是作為界面設(shè)計(jì)師的工作的一部分，以巧妙地引導(dǎo)他們從何處到他們需要去的地方。

為了做到這一點(diǎn)，您可以利用多種元素，如顏色，排版，反饋信息和視覺層次結(jié)構(gòu)，我們將在稍后逐一介紹。

接口在整個(gè)設(shè)計(jì)中也必須保持一致。這意味著不要在項(xiàng)目的每個(gè)部分重新創(chuàng)建輪子，并且在每個(gè)輪次上加強(qiáng)設(shè)計(jì)的最重要方面。當(dāng)他們?yōu)g覽您的設(shè)計(jì)時(shí)，用戶應(yīng)逐漸放松，并且由于刺激的風(fēng)格選擇，他們的沉浸不應(yīng)該被打破。

4、實(shí)現(xiàn)視覺層次

應(yīng)突出顯示界面中最重要的元素，以使用戶關(guān)注它們，而且設(shè)計(jì)提供了幾乎無數(shù)的方法來實(shí)現(xiàn)這一效果。

想到這個(gè)技巧的最簡單的例子就是使一個(gè)元素更大，以便把它變成一個(gè)焦點(diǎn)（這是偶然的，同樣的原因，沒有人忽略哥斯拉）。

或者，只需將一個(gè)意想不到的元素以雅致的方式引入您的設(shè)計(jì)中即可發(fā)揮奇跡。如前所述，界面的一致性是至關(guān)重要的，直到它可以重復(fù)地界定。當(dāng)某些東西打破視覺模式時(shí)，您的用戶將會(huì)坐下來注意。

5、善用排版

建立視覺層次結(jié)構(gòu)的另一個(gè)優(yōu)雅方式是通過使用排版。

對(duì)于初學(xué)者來說，每種字體都有個(gè)性，可以說，你的選擇應(yīng)該受到觀眾的影響。

例如，這種字體“漫畫字體”。

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

您也可以使用反向類型來使文本脫穎而出，我們的意思是使用對(duì)比背景來使文本彈出。在菜單中使用對(duì)比文本來突出顯示當(dāng)前正在查看的頁面（這有助于簡化用戶的導(dǎo)航過程）。

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

為任何給定的設(shè)計(jì)選擇正確的顏色是一種本身的科學(xué)。如果你正在閱讀這篇文章，你可能已經(jīng)不是很熟悉顏色的心理學(xué)了，所以我們現(xiàn)在不會(huì)再花時(shí)間去看這個(gè)領(lǐng)域了。

相反，我們將談?wù)撌褂妙伾珌沓浞职l(fā)揮其設(shè)計(jì)一個(gè)令人驚嘆的界面。顏色可用于傳達(dá)視覺層次結(jié)構(gòu)，建立元素之間的關(guān)系，并通常提升您的設(shè)計(jì)并吸引用戶的注意力。

當(dāng)在界面上工作時(shí)，您需要保持一致的一致性，您將使用哪些顏色來傳達(dá)視覺線索，并將您的配色方案保持在相對(duì)最小（更多的顏色總是一件好事）。

也就是說，對(duì)比顏色可以用于很大的效果，以吸引用戶的注意力，正如我們?cè)谟懻摲聪蝾愋蜁r(shí)在規(guī)則五中提到的。

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

選擇在界面中使用哪種顏色的一個(gè)很好的經(jīng)驗(yàn)法則是，較暗的顏色往往會(huì)帶有更多的視覺重量，而這些元素需要用較淺的顏色進(jìn)行平衡。

7、考慮反饋消息

接口是要使用的 - 這是您在設(shè)計(jì)過程中不可忽視的事情。Web項(xiàng)目的大優(yōu)點(diǎn)之一是，您可以設(shè)計(jì)反饋消息，以便在執(zhí)行操作時(shí)向用戶傳達(dá)關(guān)鍵信息。

有加載嗎？為什么不使用簡單的動(dòng)畫作為反饋消息來通知您的用戶數(shù)字正在背景中被束縛？有人填寫不正確的字段嗎？設(shè)計(jì)一個(gè)消息，立即通知他們，以便他們知道錯(cuò)誤。

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

此外，您需要在用戶體驗(yàn)設(shè)計(jì)和界面設(shè)計(jì)之間保持密切的關(guān)系，因?yàn)榕c另一個(gè)人交往。

然而，本文中涵蓋的大多數(shù)規(guī)則都有一些共同之處，這將使您的生活變得更容易：它們不僅限于網(wǎng)頁設(shè)計(jì)項(xiàng)目。事實(shí)上，如果您有一些設(shè)計(jì)經(jīng)驗(yàn)（我們打賭你做的），我們迄今為止所分享的大部分建議應(yīng)該非常熟悉 - 我們所做的就是擴(kuò)展他們與界面的關(guān)系。

總而言之，我們相信，考慮到這個(gè)建議，您將很樂意成為一名經(jīng)驗(yàn)豐富的界面設(shè)計(jì)師。

結(jié)論

界面設(shè)計(jì)雖然是一個(gè)令人畏懼的領(lǐng)域，但也可以為您提供好的機(jī)會(huì)，因?yàn)樗械脑O(shè)計(jì)領(lǐng)域都需要您的游戲。

想想吧 您的界面需要易于使用，導(dǎo)覽簡單，為觀眾使用正確的顏色，使用正確的字體，集成有用的反饋信息，并保持整體的一致性。如果你能忙里忙外，有許多因素，仍然產(chǎn)生一個(gè)有吸引力的設(shè)計(jì)，或許是時(shí)候讓你教我們學(xué)網(wǎng)頁設(shè)計(jì)的一些規(guī)則。

網(wǎng)頁題目：7條UI設(shè)計(jì)需要遵循網(wǎng)頁設(shè)計(jì)項(xiàng)目規(guī)則
文章出自：http://www.bm7419.com/news19/157519.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站排名、移動(dòng)網(wǎng)站建設(shè)、建站公司、關(guān)鍵詞優(yōu)化、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)