企業(yè)建網(wǎng)站UI設(shè)計原則

發(fā)布：2019-03-03 14:20:14 瀏覽：4941

網(wǎng)頁界面是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑。設(shè)計之前首先要明確設(shè)計頁面的目的和用戶需求，從而規(guī)劃處切實可行的設(shè)計方案。成功的網(wǎng)頁設(shè)計應(yīng)該是根據(jù)消費者的需求、市場的狀況和企業(yè)自身的情況，以“消費者”為中心，而不是以“美術(shù)”為中心進行設(shè)計規(guī)劃。下面是網(wǎng)頁界面的設(shè)計原則。

1、視覺美觀

視覺美觀是網(wǎng)頁設(shè)計的基本原則。頁面設(shè)計首先需要引起瀏覽者的注意，由于網(wǎng)頁內(nèi)容的多樣化，傳統(tǒng)的普通網(wǎng)頁設(shè)計即將被淘汰，取而代之的是融合了動畫、交互設(shè)計和三維效果等多媒體形式的網(wǎng)頁設(shè)計。

設(shè)計網(wǎng)頁界面時，應(yīng)該靈活運用對比和調(diào)和、對稱與平衡、節(jié)奏與韻律及留白等技巧，通過空間、文字、圖形間的相互聯(lián)系，建立整體的均衡狀態(tài)，確保整個界面效果協(xié)調(diào)統(tǒng)一。巧妙運用點、線、面等基本元素，通過互相穿插、互相襯托和互相補充，構(gòu)成完美的頁面效果，充分表達完美的設(shè)計意境。

2、突出主題

網(wǎng)頁界面設(shè)計表達的是一定的意圖和要求。有些網(wǎng)頁界面只需要簡潔的文本信息即可，有些則需要采用多媒體表現(xiàn)手法。這就要求網(wǎng)頁設(shè)計不僅僅簡練、清晰和精確，還需要在凸顯藝術(shù)性的同時，通過視覺沖擊力來體現(xiàn)主題。

為了達到主題鮮明突出的效果，設(shè)計師應(yīng)該充分了解客戶的要求和用戶的具體需求，以簡單明確的語言和圖像，體現(xiàn)頁面的主題。

3、整體性

網(wǎng)頁的整體性包括內(nèi)容上和形式上兩方面。網(wǎng)頁的內(nèi)容主要是指Logo、文字、圖片和動畫等要素，形式則是指整體版式和不同內(nèi)容的布局方式，一款合格的網(wǎng)頁應(yīng)該是內(nèi)容和形式高度統(tǒng)一的。

為了實現(xiàn)網(wǎng)頁界面的整體性，需要做好以下兩方面的工作。

①、表現(xiàn)形式要符合主題的需要

一款頁面如果只是追求過于花哨的表現(xiàn)形式，過于強調(diào)創(chuàng)意而忽略主要內(nèi)容，或者只追求功能和內(nèi)容，卻采用平淡無奇的表現(xiàn)形式，都會使頁面變得蒼白無力。只有將二者有機地融合在一起，才能真正設(shè)計出獨具一格的頁面。

②、確保每個元素存在的必要性

設(shè)計頁面時，要確保每個元素都有其存在的意義，不要單純?yōu)榱苏故舅^的高水準(zhǔn)設(shè)計和新技術(shù)，添加一些毫無意義的元素，這會使用戶感到強烈的無所適從感。

4、為用戶考慮

為用戶考慮的原則實際上就是要求設(shè)計者要時刻站在瀏覽者的角度來考慮，主要體現(xiàn)在以下幾個方面。

①、使用者優(yōu)先概念

網(wǎng)站頁面設(shè)計出來的目的就是吸引瀏覽者使用，所以無論什么時候，都應(yīng)該謹記以用戶為中心的觀念。用戶需要什么，設(shè)計者就應(yīng)該去做什么。即使一款網(wǎng)頁界面設(shè)計得再具有藝術(shù)感，若非用戶所需，那也是失敗的

②、簡化操作流程

依靠美觀的界面，可以吸引瀏覽者，對于是否能夠留住瀏覽者，靠的是網(wǎng)站中的各種功能以及操作流程。此處需要遵循3次單擊原則，任何操作不應(yīng)該超過3次單擊，如果違背則會導(dǎo)致瀏覽者失去耐心。

③、考慮用戶的寬帶

制作網(wǎng)頁時需要考慮用戶的寬帶。對于當(dāng)前網(wǎng)絡(luò)高度發(fā)達的時代，可以考慮在網(wǎng)頁中加入一些動畫、音頻、視頻和插件等多媒體元素，借此塑造立體豐富的網(wǎng)頁效果。

④、考慮用戶瀏覽器

如果想要讓所有瀏覽者都可以暢通無阻地瀏覽頁面內(nèi)容，那么最好不要使用只有部分瀏覽器才支持的技術(shù)和文件，而是采用支持性較好的技術(shù)，例如文字和圖像。

⑤、快速加載

快速加載也是網(wǎng)頁設(shè)計中需要考慮的一條準(zhǔn)則。就現(xiàn)在網(wǎng)頁的發(fā)展趨勢而言，比重最大的當(dāng)屬圖片元素，為了加快網(wǎng)頁的加載速度，需要從頁面切圖和優(yōu)化存儲圖片下手，能夠通過代碼實現(xiàn)的部分，盡量不要切圖，能用1像素平鋪出來的就不切成2像素，能用32色存儲的就不用64色。