網(wǎng)頁(yè)設(shè)計(jì)的原則
網(wǎng)頁(yè)設(shè)計(jì)是有原則的，遵循一定規(guī)則的網(wǎng)頁(yè)才會(huì)給人好的觀感，下面是小編收集整理的網(wǎng)頁(yè)設(shè)計(jì)的原則，僅供參考，大家一起來(lái)看看吧。
網(wǎng)頁(yè)設(shè)計(jì)的原則
無(wú)論使用何種手法對(duì)畫面中的元素進(jìn)行組合，都一定要遵循五個(gè)大的原則:統(tǒng)一、連貫、分割、對(duì)比及和諧。
統(tǒng)一，是指設(shè)計(jì)作品的整體性，一致性。設(shè)計(jì)作品的整體效果是至關(guān)重要的，在設(shè)計(jì)中切勿將各組成部分孤立分散，那樣會(huì)使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。
連貫，是指要注意頁(yè)面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng)，并注意整個(gè)頁(yè)面設(shè)計(jì)風(fēng)格的一致性，實(shí)現(xiàn)視覺(jué)上和心理上的連貫，使整個(gè)頁(yè)面設(shè)計(jì)的各個(gè)部分極為融洽，猶如一氣呵成。
分割，是指將頁(yè)面分成若干小塊，小塊之間有視覺(jué)上的不同，這樣可以使觀者一目了然。在信息量很多時(shí)為使觀者能夠看清楚，就要注意到將畫面進(jìn)行有效的分割。分割不僅是表現(xiàn)形式的需要。換個(gè)角度來(lái)講，分割也可以被視為對(duì)于頁(yè)面內(nèi)容的一種分類歸納。
對(duì)比就是通過(guò)矛盾和沖突，使設(shè)計(jì)更加富有生氣。對(duì)比手法很多，例如:多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在使用對(duì)比的時(shí)候應(yīng)慎重，對(duì)比過(guò)強(qiáng)容易破壞美感，影響統(tǒng)一。
和諧是指整個(gè)頁(yè)面符合美的法則，渾然一體。如果一件設(shè)計(jì)作品僅僅是色彩、形狀、線條等的隨意混合，那么作品將不但沒(méi)有“生命感”，而且也根本無(wú)法實(shí)現(xiàn)視覺(jué)設(shè)計(jì)的傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式，而且要看作品所形成的視覺(jué)效果能否與人的視覺(jué)感受形成一種溝通，產(chǎn)生心靈的共鳴。這是設(shè)計(jì)能否成功的關(guān)鍵。
網(wǎng)頁(yè)設(shè)計(jì)時(shí)注意的幾點(diǎn)問(wèn)題
盡管三原色的相互搭配創(chuàng)造出了無(wú)數(shù)顏色，不是所有的顏色都適用于網(wǎng)頁(yè)設(shè)計(jì),不同的顏色在搭配上也有著其中的學(xué)問(wèn)。
在網(wǎng)頁(yè)設(shè)計(jì)中對(duì)于色彩的使用特別忌諱臟、純、跳、花、粉這幾種情形。
忌臟是指背景與文字內(nèi)容對(duì)比不強(qiáng)烈，灰暗的背景令人沮喪。
忌純是指艷麗的純色對(duì)人的刺激太強(qiáng)烈抗議，缺乏內(nèi)涵。
忌跳是指再好看的顏色，也不能脫離整體。
忌花是指要有一種主色貫穿其中，主色并不是面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領(lǐng)導(dǎo)者一樣，雖然在人數(shù)上居少數(shù)，但起決定作用。
忌粉是指顏色淺固然顯的干凈，但如果對(duì)比過(guò)弱，顯得蒼白無(wú)力。
另外，藍(lán)色忌純，綠色忌黃，紅色忌艷。
網(wǎng)頁(yè)設(shè)計(jì)中色彩搭配的原則與技巧
色彩鮮明：網(wǎng)頁(yè)的色彩鮮明，就容易引起瀏覽者的注意，也更能吸引瀏覽者。一個(gè)網(wǎng)站的色彩搭配一定要有自己的獨(dú)特風(fēng)格，這樣才能讓網(wǎng)站顯得個(gè)性十足，給用戶留下深刻的印象。
色彩搭配要具有藝術(shù)性：網(wǎng)站設(shè)計(jì)不僅是一種藝術(shù)活動(dòng)，也是一種創(chuàng)新活動(dòng)。因此它就要遵循一定的藝術(shù)創(chuàng)作規(guī)律。在考慮網(wǎng)站本身的特點(diǎn)后，可以大膽地進(jìn)行藝術(shù)創(chuàng)新，設(shè)計(jì)出既符合內(nèi)容形式，又具備藝術(shù)特色的網(wǎng)站。不同的色彩搭配會(huì)使人產(chǎn)生不同的聯(lián)想，選擇色彩時(shí)，一定要和網(wǎng)站的主題及內(nèi)涵協(xié)調(diào)一致，如圖5.1所示的色彩搭配就很具有藝術(shù)性。
色彩搭配要獨(dú)特：色彩搭配要有自己的風(fēng)格，要做到特色鮮明，這樣才能給網(wǎng)站瀏覽者留下深刻的印象。
色彩搭配要合理：網(wǎng)站的頁(yè)面設(shè)計(jì)雖然同樣屬于平面設(shè)計(jì)，但是它與別的平面設(shè)計(jì)作品不同。它不僅要遵循一定的藝術(shù)規(guī)律，還要考慮到人的視覺(jué)感應(yīng)能力。色彩搭配一定要合理，要給人一種愉快、輕松的感覺(jué)。應(yīng)盡量避免采用單一色調(diào)，因?yàn)槟菢訒?huì)使人感到很沉悶。
網(wǎng)頁(yè)色彩搭配技巧網(wǎng)站到底采用什么樣的色彩搭配方式才更好看呢？下面就是一些網(wǎng)站色彩搭配的技巧。
在色彩搭配時(shí)，盡量避免使用單一色彩。因?yàn)槟菢訒?huì)使作品顯得很沉悶，但是通過(guò)調(diào)整色彩的飽和度和透明度，使其產(chǎn)生變化，亦可產(chǎn)生靈活多變的效果。
鄰近色，就是在色帶上鄰近的顏色。例如紅色和黃色，綠色和藍(lán)色就互為鄰近色。使用鄰近色設(shè)計(jì)網(wǎng)站頁(yè)面，可以避免色彩雜亂，容易實(shí)現(xiàn)頁(yè)面的統(tǒng)一。
使用對(duì)比色調(diào)，能夠突出重點(diǎn)，產(chǎn)生的視覺(jué)效果也格外強(qiáng)烈。合理使用對(duì)比色來(lái)設(shè)計(jì)網(wǎng)站的頁(yè)面，可以使其重點(diǎn)突出，特色鮮明。在設(shè)計(jì)時(shí)一般要確立一種主色調(diào)，將對(duì)比色調(diào)作為點(diǎn)綴，這樣可以起到畫龍點(diǎn)睛的作用。紅、綠、藍(lán)是顏色的基本元素，處于色環(huán)的最前端，能夠表現(xiàn)最強(qiáng)烈的色相氣質(zhì)。它們之間的對(duì)比是最強(qiáng)烈的對(duì)比，會(huì)讓人感受到一種強(qiáng)烈的色彩沖突，更具有精神特征。
使用黑色增加特殊效果。黑色在顏色里面屬于特殊顏色，如果使用合理，設(shè)計(jì)恰當(dāng)，往往能夠產(chǎn)生強(qiáng)烈的藝術(shù)效果。這種顏色一般用于背景色，可與其他單色調(diào)顏色搭配使用。
背景色一般使用淡雅清新的色彩，一定避免使用色彩濃重的圖片作為背景圖，也不要使用純度較高的色彩作為背景色，而且背景色與文字的色彩對(duì)比應(yīng)強(qiáng)烈一些，這樣才能讓文字顯得更清晰。
要注意色彩的數(shù)量。初學(xué)者在設(shè)計(jì)網(wǎng)頁(yè)時(shí)常常喜歡使用多種顏色，這樣會(huì)使網(wǎng)頁(yè)變得很“花”，給人的感覺(jué)是缺乏協(xié)調(diào)和統(tǒng)一。事實(shí)上，網(wǎng)站的色彩搭配并不是越多越好，一般控制在三種色彩以內(nèi)就可以了，可以通過(guò)調(diào)整色彩的各種應(yīng)用屬性來(lái)實(shí)現(xiàn)不同的效果。
網(wǎng)頁(yè)設(shè)計(jì)基本原則
1. 以用戶為中心
以用戶為中心的原則實(shí)際是要求設(shè)計(jì)師要站在用戶的角度進(jìn)行思考，主要體現(xiàn)在下面幾點(diǎn)。
1)用戶優(yōu)先
網(wǎng)頁(yè)UI設(shè)計(jì)的目的是吸引用戶瀏覽使用，無(wú)論何時(shí)都應(yīng)該以用戶優(yōu)先。用戶需求什么，設(shè)計(jì)師設(shè)計(jì)什么。即使網(wǎng)頁(yè)UI設(shè)計(jì)再具藝術(shù)設(shè)計(jì)美感，如果不是用戶所需，也是失敗的設(shè)計(jì)。
2)考慮用戶帶寬
設(shè)計(jì)網(wǎng)頁(yè)時(shí)需要考慮用戶的帶寬。針對(duì)當(dāng)前網(wǎng)絡(luò)高度發(fā)達(dá)的時(shí)代，可以考慮在網(wǎng)頁(yè)中添加動(dòng)畫、音頻、視頻等多媒體元素，借此塑造立體豐富的網(wǎng)頁(yè)效果。
2.視覺(jué)美觀
視覺(jué)美觀是網(wǎng)頁(yè)UI設(shè)計(jì)最基本的原則。網(wǎng)頁(yè)UI設(shè)計(jì)中內(nèi)容的主次與輕重、結(jié)構(gòu)的虛實(shí)與繁簡(jiǎn)、形體的大小以及配色等都是造成視覺(jué)美觀的重要因素。還可以結(jié)合動(dòng)畫等多媒體形式使網(wǎng)頁(yè)的視覺(jué)沖擊力表現(xiàn)得更有力度，最終呈現(xiàn)給用戶一個(gè)視覺(jué)美觀、操作方便的網(wǎng)頁(yè)界面。
3.主題明確
網(wǎng)頁(yè)UI設(shè)計(jì)要表達(dá)出一定的意圖和要求，有明確的主題，并按照視覺(jué)心理規(guī)律和形式將主題傳達(dá)給用戶，使主題在適當(dāng)?shù)沫h(huán)境里被用戶理解和接受，從而滿足其需求。這就要求網(wǎng)頁(yè)UI設(shè)計(jì)不僅要單純、簡(jiǎn)練、清晰和精準(zhǔn)，還需要在凸顯藝術(shù)性的同時(shí)通過(guò)視覺(jué)沖擊力來(lái)體現(xiàn)主題。
4.內(nèi)容與形式統(tǒng)一
任何設(shè)計(jì)都有一定的內(nèi)容和形式。設(shè)計(jì)的內(nèi)容是指主題、形象、題材等要素的總和，形式是結(jié)構(gòu)、風(fēng)格設(shè)計(jì)的表現(xiàn)方式。一個(gè)優(yōu)秀的設(shè)計(jì)是形式對(duì)內(nèi)容的完美體現(xiàn)。網(wǎng)頁(yè)界面設(shè)計(jì)所追求的形式美必須適合主題需要。
5.整體性
網(wǎng)頁(yè)UI設(shè)計(jì)的整體性包括內(nèi)容上和形式上兩方面，網(wǎng)頁(yè)的內(nèi)容主要是指Logo、文字、圖像和動(dòng)畫等，形式是指整體版式和不同內(nèi)容的布局方式。在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，強(qiáng)調(diào)頁(yè)面各組成部分的共性因素是形成整體性的常用方法。強(qiáng)調(diào)整體性更有利于用戶全面了解，并給人整體統(tǒng)一的美感。
【網(wǎng)頁(yè)設(shè)計(jì)的原則】相關(guān)文章：
簡(jiǎn)潔的網(wǎng)頁(yè)設(shè)計(jì)原則04-23
網(wǎng)頁(yè)設(shè)計(jì)黃金配色的原則01-18
移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)原則06-14
網(wǎng)頁(yè)設(shè)計(jì)黃金配色原則08-07
網(wǎng)頁(yè)設(shè)計(jì)的原則是什么11-28
報(bào)紙排版風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)原則02-28
5個(gè)有效網(wǎng)頁(yè)設(shè)計(jì)的原則03-18
網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配原則05-29