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