企業(yè)建網(wǎng)站UI設(shè)計(jì)原則
日期 : 2019-03-03 14:20:14
網(wǎng)頁界面是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑。設(shè)計(jì)之前首先要明確設(shè)計(jì)頁面的目的和用戶需求,從而規(guī)劃處切實(shí)可行的設(shè)計(jì)方案。成功的網(wǎng)頁設(shè)計(jì)應(yīng)該是根據(jù)消費(fèi)者的需求、市場的狀況和企業(yè)自身的情況,以“消費(fèi)者”為中心,而不是以“美術(shù)”為中心進(jìn)行設(shè)計(jì)規(guī)劃。下面是網(wǎng)頁界面的設(shè)計(jì)原則。
1、視覺美觀
視覺美觀是網(wǎng)頁設(shè)計(jì)的基本原則。頁面設(shè)計(jì)首先需要引起瀏覽者的注意,由于網(wǎng)頁內(nèi)容的多樣化,傳統(tǒng)的普通網(wǎng)頁設(shè)計(jì)即將被淘汰,取而代之的是融合了動(dòng)畫、交互設(shè)計(jì)和三維效果等多媒體形式的網(wǎng)頁設(shè)計(jì)。
設(shè)計(jì)網(wǎng)頁界面時(shí),應(yīng)該靈活運(yùn)用對(duì)比和調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律及留白等技巧,通過空間、文字、圖形間的相互聯(lián)系,建立整體的均衡狀態(tài),確保整個(gè)界面效果協(xié)調(diào)統(tǒng)一。巧妙運(yùn)用點(diǎn)、線、面等基本元素,通過互相穿插、互相襯托和互相補(bǔ)充,構(gòu)成完美的頁面效果,充分表達(dá)完美的設(shè)計(jì)意境。
2、突出主題
網(wǎng)頁界面設(shè)計(jì)表達(dá)的是一定的意圖和要求。有些網(wǎng)頁界面只需要簡潔的文本信息即可,有些則需要采用多媒體表現(xiàn)手法。這就要求網(wǎng)頁設(shè)計(jì)不僅僅簡練、清晰和精確,還需要在凸顯藝術(shù)性的同時(shí),通過視覺沖擊力來體現(xiàn)主題。
為了達(dá)到主題鮮明突出的效果,設(shè)計(jì)師應(yīng)該充分了解客戶的要求和用戶的具體需求,以簡單明確的語言和圖像,體現(xiàn)頁面的主題。
3、整體性
網(wǎng)頁的整體性包括內(nèi)容上和形式上兩方面。網(wǎng)頁的內(nèi)容主要是指Logo、文字、圖片和動(dòng)畫等要素,形式則是指整體版式和不同內(nèi)容的布局方式,一款合格的網(wǎng)頁應(yīng)該是內(nèi)容和形式高度統(tǒng)一的。
為了實(shí)現(xiàn)網(wǎng)頁界面的整體性,需要做好以下兩方面的工作。
①、表現(xiàn)形式要符合主題的需要
一款頁面如果只是追求過于花哨的表現(xiàn)形式,過于強(qiáng)調(diào)創(chuàng)意而忽略主要內(nèi)容,或者只追求功能和內(nèi)容,卻采用平淡無奇的表現(xiàn)形式,都會(huì)使頁面變得蒼白無力。只有將二者有機(jī)地融合在一起,才能真正設(shè)計(jì)出獨(dú)具一格的頁面。
②、確保每個(gè)元素存在的必要性
設(shè)計(jì)頁面時(shí),要確保每個(gè)元素都有其存在的意義,不要單純?yōu)榱苏故舅^的高水準(zhǔn)設(shè)計(jì)和新技術(shù),添加一些毫無意義的元素,這會(huì)使用戶感到強(qiáng)烈的無所適從感。
4、為用戶考慮
為用戶考慮的原則實(shí)際上就是要求設(shè)計(jì)者要時(shí)刻站在瀏覽者的角度來考慮,主要體現(xiàn)在以下幾個(gè)方面。
①、使用者優(yōu)先概念
網(wǎng)站頁面設(shè)計(jì)出來的目的就是吸引瀏覽者使用,所以無論什么時(shí)候,都應(yīng)該謹(jǐn)記以用戶為中心的觀念。用戶需要什么,設(shè)計(jì)者就應(yīng)該去做什么。即使一款網(wǎng)頁界面設(shè)計(jì)得再具有藝術(shù)感,若非用戶所需,那也是失敗的
②、簡化操作流程
依靠美觀的界面,可以吸引瀏覽者,對(duì)于是否能夠留住瀏覽者,靠的是網(wǎng)站中的各種功能以及操作流程。此處需要遵循3次單擊原則,任何操作不應(yīng)該超過3次單擊,如果違背則會(huì)導(dǎo)致瀏覽者失去耐心。
③、考慮用戶的寬帶
制作網(wǎng)頁時(shí)需要考慮用戶的寬帶。對(duì)于當(dāng)前網(wǎng)絡(luò)高度發(fā)達(dá)的時(shí)代,可以考慮在網(wǎng)頁中加入一些動(dòng)畫、音頻、視頻和插件等多媒體元素,借此塑造立體豐富的網(wǎng)頁效果。
④、考慮用戶瀏覽器
如果想要讓所有瀏覽者都可以暢通無阻地瀏覽頁面內(nèi)容,那么最好不要使用只有部分瀏覽器才支持的技術(shù)和文件,而是采用支持性較好的技術(shù),例如文字和圖像。
⑤、快速加載
快速加載也是網(wǎng)頁設(shè)計(jì)中需要考慮的一條準(zhǔn)則。就現(xiàn)在網(wǎng)頁的發(fā)展趨勢而言,比重最大的當(dāng)屬圖片元素,為了加快網(wǎng)頁的加載速度,需要從頁面切圖和優(yōu)化存儲(chǔ)圖片下手,能夠通過代碼實(shí)現(xiàn)的部分,盡量不要切圖,能用1像素平鋪出來的就不切成2像素,能用32色存儲(chǔ)的就不用64色。