網(wǎng)頁(yè)ui的設(shè)計(jì)原則

網(wǎng)頁(yè)ui的設(shè)計(jì)原則：遵循自然規(guī)律的設(shè)計(jì)總是因?yàn)橘N近萬(wàn)物本源而受到更多人的寵愛(ài)，因此，當(dāng)你舉棋不定的時(shí)候，你可以選擇將設(shè)計(jì)代入大自然定律中，讓自然為你做出最好的決定。下面介紹網(wǎng)頁(yè)ui的設(shè)計(jì)原則，希望對(duì)您有幫助。

1.脫離色彩誘惑，能真正看清布局設(shè)計(jì)

色彩對(duì)人類(lèi)視覺(jué)的沖擊力能產(chǎn)生最大的效果;一個(gè)網(wǎng)頁(yè)的用戶(hù)體驗(yàn)是否合格，從色彩和布局上就能看出一二。但在色彩的“陪同”下，布局的好壞與否似乎就此被“矮化”。為了讓設(shè)計(jì)師在設(shè)計(jì)時(shí)能更加清楚的審視網(wǎng)頁(yè)布局，去色或是“灰度模式”的使用也許更有利于新手的布局設(shè)計(jì)工作。

2.糾結(jié)的時(shí)候，讓自然為你做決定

遵循自然規(guī)律的設(shè)計(jì)總是因?yàn)橘N近萬(wàn)物本源而受到更多人的寵愛(ài)，因此，當(dāng)你舉棋不定的時(shí)候，你可以選擇將設(shè)計(jì)代入大自然定律中，讓自然為你做出最好的決定。比如，現(xiàn)實(shí)和自然告訴我們，光源來(lái)自天空，在人們也已經(jīng)習(xí)慣了這種由上至下光線(xiàn)來(lái)源的時(shí)候，設(shè)計(jì)師需要做的應(yīng)該是能順應(yīng)用戶(hù)視線(xiàn)的光線(xiàn)設(shè)計(jì)。

3.試試把文字直接放在圖片上

這種設(shè)計(jì)手法看起來(lái)很簡(jiǎn)單是不是?但要用這種方法設(shè)計(jì)出一鳴驚人的網(wǎng)站就有一定難度了。在應(yīng)用過(guò)程中，為了不破壞網(wǎng)站的用戶(hù)體驗(yàn)，有幾點(diǎn)可以特別關(guān)注。

文字的顏色盡量使用白色，讓網(wǎng)頁(yè)看起來(lái)更大氣;因此，網(wǎng)頁(yè)背景圖的色系選擇以暗色為主;更細(xì)致的話(huà)可以再不同的分辨率下進(jìn)行調(diào)試，保證在所有的情況下文字或主要內(nèi)容都是易于辨識(shí)的。

4.設(shè)計(jì)感是“留”出來(lái)的

大膽留白是設(shè)計(jì)概念中常常會(huì)提到的理論，但真正能根據(jù)理論具體落實(shí)的設(shè)計(jì)師卻為數(shù)不多�？赡苁且�?yàn)樵O(shè)計(jì)師膽兒不夠大(PS：怕被客戶(hù)噴死- -，“你是不是偷懶啊!怎么內(nèi)容那么少!你到底有沒(méi)有認(rèn)真做設(shè)計(jì)啊!@#￥%......*!”)，另一種可能是沒(méi)有在實(shí)際中領(lǐng)會(huì)到留白的美妙。

網(wǎng)頁(yè)設(shè)計(jì)中的留白是為了在有限的容量中預(yù)留一些讓其中元素呼吸的負(fù)空間，并不是一種所謂的“偷懶”行為。大片留白在國(guó)內(nèi)市場(chǎng)中極有可能面對(duì)各種不滿(mǎn)，但小范圍的留白卻能很有效的提高整個(gè)網(wǎng)頁(yè)的檔次。比如網(wǎng)頁(yè)中圖片與字句之間的間距，只要留出兩倍及以上的間隙，整體都會(huì)展現(xiàn)出令人眼前一亮的簡(jiǎn)潔感。

5..只有強(qiáng)弱并存才會(huì)獲得對(duì)比

用強(qiáng)弱的對(duì)比展現(xiàn)重點(diǎn)突出是設(shè)計(jì)中強(qiáng)調(diào)內(nèi)容最自然的方式。比如背景圖的弱化，加上清晰的文字或圖案，網(wǎng)頁(yè)會(huì)因此營(yíng)造出以后總別致的唯美效果。如果圖片比較單調(diào)，也可以在背景和文字的中間添加一些透明度較高的線(xiàn)性幾何成分，讓頁(yè)面豐富充實(shí)起來(lái)，也讓整體不再單薄。

6.關(guān)于字體，適合比新穎更重要

“堅(jiān)定求新”是很多設(shè)計(jì)師的職業(yè)病，其實(shí)，在任何事件中，適合，比什么都重要!

在網(wǎng)頁(yè)字體的應(yīng)用中，形形色色的字體樣式會(huì)讓設(shè)計(jì)師不知如何是好，設(shè)計(jì)師也許會(huì)因此挑花了眼，也許會(huì)始終在常用的幾種字體中互相轉(zhuǎn)換。而關(guān)于字體的選擇，設(shè)計(jì)師應(yīng)該根據(jù)圖片中的某些元素作為靈感，以此在網(wǎng)頁(yè)中自然地形成隱形線(xiàn)索。

7.你需要一雙善于發(fā)現(xiàn)的眼睛

身邊的一切都可能隨時(shí)為你帶來(lái)靈感，千萬(wàn)別吝嗇你的眼睛!

每一個(gè)細(xì)小的部分都有資格成為你的設(shè)計(jì)元素，你應(yīng)該讓它們產(chǎn)生一些小改變，它們就會(huì)讓你的設(shè)計(jì)大提升。濾鏡?幾何?每一種效果都需要你的嘗試。

8.導(dǎo)航是網(wǎng)頁(yè)中最重要的設(shè)計(jì)

導(dǎo)航可以說(shuō)是整個(gè)網(wǎng)站中最重要的設(shè)計(jì)，用戶(hù)體驗(yàn)舒適與否很大的決定權(quán)源自于此。對(duì)導(dǎo)航設(shè)計(jì)的最佳評(píng)價(jià)應(yīng)該是“召之即來(lái)，揮之即去”。幽靈按鈕、漢堡圖標(biāo)和無(wú)線(xiàn)框純文字設(shè)計(jì)都是好導(dǎo)航的常用設(shè)計(jì)手法。

不需要的時(shí)候，導(dǎo)航只是個(gè)小小的圖標(biāo)。

展開(kāi)之后，它是這樣的：

也可以根據(jù)你的意愿讓它隨時(shí)消失

又或者展開(kāi)前是如此低調(diào)的存在。

打開(kāi)后以色塊的形式呈現(xiàn)，讓近視患者也能清楚的分辨：

9.減去頁(yè)面之間的相同存在

相同的部分在網(wǎng)頁(yè)設(shè)計(jì)中顯得毫無(wú)意義，不僅讓網(wǎng)頁(yè)邏輯變得繁雜瑣碎，更會(huì)讓用戶(hù)覺(jué)得反感。尤其在布局一致的情況下，內(nèi)容的差異化尤為重要。這些差異化可以從很多方面表現(xiàn)出來(lái)，比如色彩、文字、風(fēng)格等等。

最后再為大家總結(jié)下網(wǎng)頁(yè)ui設(shè)計(jì)的相關(guān)原則：脫離色彩誘惑，能真正看清布局設(shè)計(jì);糾結(jié)的時(shí)候，讓自然為你做決定;試試把文字直接放在圖片上;設(shè)計(jì)感是“留”出來(lái)的;只有強(qiáng)弱并存才會(huì)獲得對(duì)比;關(guān)于字體，適合比新穎更重要;你需要一雙善于發(fā)現(xiàn)的眼睛;導(dǎo)航是網(wǎng)頁(yè)中最重要的設(shè)計(jì);減去頁(yè)面之間的相同存在。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.dedgn.cn/news-id-73575.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂(yōu)網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁(yè)制作頻道查看更多，了解相關(guān)專(zhuān)業(yè)課程信息您可在線(xiàn)咨詢(xún)也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050