網(wǎng)頁ui設計注意事項

第頁網(wǎng)頁ui設計注意事項優(yōu)秀的網(wǎng)頁UI制定一定是在網(wǎng)站的諸多細節(jié)之處達到了完美平衡，不僅色調和諧、布局規(guī)整、圖文搭配條理清楚，而且在空間上帶給用戶最大的舒適感。

作為網(wǎng)頁UI制定師，在創(chuàng)作的過程中，一定要注意字體、色彩、空白與內(nèi)容間的完美融合，這樣才可以構成一個美觀度高且歡迎度高的制定作品。

本文，我們討論幾個〔網(wǎng)頁制定〕師在UI制定過程中的注意事項。

1.確保網(wǎng)頁有足夠的留白

所謂的留白，就是制定師在網(wǎng)頁制定時，要適當?shù)亓舫隹瞻?，給用戶呼吸的空間。一個布滿最多信息、密密麻麻一片內(nèi)容的網(wǎng)頁UI制定，一定不是最好的制定。用戶雖然在瀏覽網(wǎng)頁的時候，可以了解到最多的信息，但體驗度一定是最差的。不利于網(wǎng)站人脈的積存。

2.在恰當?shù)牡胤绞褂们‘數(shù)淖煮w

網(wǎng)頁UI制定，使用大膽和醒目的字體雖然很重要，但并不是所有的細節(jié)都合適。也并非字體越多，制定越獨特。而是要在恰當?shù)牡胤绞褂们‘數(shù)淖煮w，最正確的方式是，一個網(wǎng)頁選擇1種基本字體，再配合2-3種其他字體即可。相信，哪個制定師都不希望自己辛勞做出的作品，最后被扣上四不像，或者很突兀的印象。

3.顏色運用不易過多

顏色運用過多的網(wǎng)頁UI制定，會在一定程度上破壞頁面的層次，看不出制定師究竟想表達什么，畫面也很容易帶給用戶臟亂差的感覺。盡量堅持背景1種顏色，內(nèi)容1種顏色，鏈接一種顏色，頁頭1種顏色，圖案和頁腳各1種顏色。也可以選擇一種亮色調，再配以幾種反相色調，這也不失為一種好的處理方式。

4.要區(qū)分內(nèi)容層次

這與上文提到的字體有些相反，一個好的網(wǎng)頁UI制定，字體過多容易造成視覺的混亂，而內(nèi)容層次不顯然、過少，卻容易造成內(nèi)容主次不分。因此，字體要盡量減少，內(nèi)容層次卻要盡量增加。盡量用戶在剛進入網(wǎng)頁時，便知道哪個模塊是主要的，哪個模塊承載的功能是什么。

5.網(wǎng)頁整體堅持一致

這是網(wǎng)頁UI制定最基礎遵循的原則，也是最關鍵的注意事項。這里講的不是某一個頁面的一致性，而是整個網(wǎng)頁在制定上要堅持高度的一致。比如，顏色，所有的網(wǎng)頁只采納一種基礎色，其他的細節(jié)處可以用其他顏色;字體方面，標題和內(nèi)容的字體大小，也要堅持統(tǒng)一。如果網(wǎng)頁UI制定整體不一致的話，用戶在同一個網(wǎng)站看到不同風格的制定，相信，其再次光顧這個網(wǎng)站的幾率也是極低的。

2網(wǎng)站中UI界面制定的注意事項

第一、對特定文化背景下的專業(yè)術語要慎用。因為在一定的文化下的語言對用戶來說是很難理解的，在很多情景下，這些專業(yè)術語不能很好地融入到用戶的生活中。因此，用戶在瀏覽UI界面的時候，對這樣的制定并不會產(chǎn)生好感。

第二、界面中的內(nèi)容要簡短。制定UI界面的時候，尤其是內(nèi)容的建設部分，要將大段的內(nèi)容精簡，變成更準確的文字，這樣的內(nèi)容對用戶的引導作用特別顯然，而且很容易就理解到。

第三、在內(nèi)容的表達上不要絕對化。用戶在瀏覽頁面的時候，對那些絕對化的內(nèi)容是非常反感的，而且很容易產(chǎn)生不適感。

第四、如果界面中有英文字母的出現(xiàn)，不要全部都是大寫1字母。雖然字母全部大寫看起來非常整齊，不過在辨認度上卻不沒有小寫字母清楚。全部是大寫字母的，嚴重影響用戶的閱讀速度和體驗。所以，在網(wǎng)站建設UI界面的時候要避免這種狀況的出現(xiàn)。

第五、形容數(shù)量的時候更多地使用阿拉伯數(shù)字。這在UI界面制定過程中是比較常見的一個問題，而用戶對數(shù)字是非常敏感的，所以在碰到是數(shù)量的時候，盡量使用數(shù)字，而不是文字。例如，三條魚和3條魚，數(shù)字的更加直觀。

第六、不要使用有很多細節(jié)內(nèi)容的長句。在很多情景中，其實并不必須要將全部細節(jié)都描述出來的。用戶在瀏覽的過程中，可以一步步將他們想要的內(nèi)容慢慢展示出來，而不是一股腦地塞進用戶的腦海中。

第七、盡量不要使用俗語以及專業(yè)術語。一些不是常用的俗語以及術語，在瀏覽的時候用戶在理解的時候會有一定的難度，因為這些詞語在不同的地方意義是不一樣的。應該更多地使用易于理解的語句。

3UI制定注意事項

第一、布局要簡潔

這點和網(wǎng)頁制定的理念比較接近，無論是合計到用戶的瀏覽體驗還是操作體驗，都應當盡量將整體的布局制定簡單化，讓用戶可以一目了然。

以左樹右表的結構布局而言，左側的操作區(qū)域功能名稱要準確，層級不應太繁瑣，功能點要方便于用戶操作;右邊的信息展示區(qū)域更應當盡量將內(nèi)容充分展示，盡量避免層級過深，如果應特別必須求必須要用戶做出跳進跳出的操作，那么應當合計給予一些友情提示，別把用戶弄暈。

這里要強調一個地方，那就是頂部制定，盡可能的把高度縮小，不宜使用falsh動畫或其他特效，就靜態(tài)展示即可，這樣不影響系統(tǒng)的運行速度而且相對整體布局更加清爽。

第二、色彩運用

網(wǎng)頁UI的色彩運用傾向于少而精，少代表了整體頁面的顏色使用，千萬不要做得花里胡哨;精代表了在配色的時候盡可能的協(xié)調，當然了，前提也是盡量用色越少越好。

這和網(wǎng)頁制定理念差不多，依據(jù)客戶LOGO或確定的主色調，再搭配一種、最多兩種色彩即可，一定要讓整體頁面看起來舒適。

第三、圖片的使用

網(wǎng)頁UI中少用素材圖片，在某些信息展示中不得不用到實物圖那另當別論，就制定而言，不能說圖片越美麗就用得越多，這點和網(wǎng)頁制定不同，網(wǎng)頁UI不必須要大氣精美的banner。

但是整體制定也不能缺少圖片，這里最好使用一些小圖標，配在功能區(qū)的文字前面，或者是一些提示性信息的前面進行點綴，可以有效的提升頁面的生動感。

第四、注意有用性

系統(tǒng)畢竟更多的是給人用的、是給人看到準確信息的，所以制定師在制定的時候一定要注重制定的有用性，這里筆者不建議將頁面作個性化處理，當然了，也要依據(jù)實際必須求或面向的市場而定，但是大部分的時候盡量做到中規(guī)中矩、清楚明了就行了。

比如網(wǎng)頁中涉及到的一些比較好看的JS特效，那么在UI制定中就要推斷一下是否合適使用，如果該特效與信息展示之間產(chǎn)生了，則優(yōu)先合計信息展示，寧可舍棄那些無謂的特效。

還有一點，提升頁面美觀的flash動畫就不要放了吧，因為關于系統(tǒng)來說一點用都沒有。

BS架構的系統(tǒng)最大優(yōu)勢就是用戶可以通過網(wǎng)絡并且不必須要安裝任何客戶端文件即可訪問使用，因此這關于制定師來說就要掌握不一樣的制定理念，操作性強、頁面制定簡易、信息展示清楚這是基本原則。

4UI制定必須注意的一些細節(jié)

首先是確定風格，比如你是做那種風給決定你是那種色調，那種調性決定你是那種顏色，那種顏色會產(chǎn)生那種心里，最終反應就是用戶的閱讀量/關注量等。比如淘寶，顏色就比較喜慶;美團，食物類，所以必須要暖色，才會有食欲等。

頁面的分布，大家都是知道，圖文，點線面，那么在一張界面如何才干把畫面做好看，出了要符合產(chǎn)品的功能，我們還必須體現(xiàn)我們制定的功能，比如圖片的大小，字號，段落。

統(tǒng)一，統(tǒng)一尺寸，統(tǒng)一大小，統(tǒng)一顏色，這里的大小，包涵字體大小，間距大小，每個元素之間的大小都應該是恒定的，這樣后面的程序才會盡可能按照原圖浮現(xiàn)。

表達方式，數(shù)據(jù)，列表，豆腐塊都必須要有一定研究，運動類那么數(shù)據(jù)如何才干更加直觀的體現(xiàn)是制定師必須要注意的問題。

最終就是感情化的合計，也就是交互，大多數(shù)公司，這都是制定師來一起完成，在制定的時候就必須要合計到應用時的交