隨著互聯(lián)網(wǎng)技術(shù)的進(jìn)一步發(fā)展與普及,網(wǎng)站界面更注重審美的要求和個(gè)性化的視覺(jué)表達(dá),對(duì)網(wǎng)站設(shè)計(jì)師也提出了更高層次的要求。一般來(lái)說(shuō),平面設(shè)計(jì)中的審美觀點(diǎn)都可以套用到網(wǎng)站UI設(shè)計(jì)上來(lái),并利用各種色彩的搭配營(yíng)造出不同的氛圍、不同形式的美。
一.網(wǎng)站設(shè)計(jì)與網(wǎng)站技術(shù)的結(jié)合
在這里,我們所說(shuō)的網(wǎng)站設(shè)計(jì)并不僅僅是網(wǎng)站界面表現(xiàn)上的一些裝飾,而是需要將企業(yè)形象、文化內(nèi)涵等元素都體現(xiàn)在網(wǎng)站界面設(shè)計(jì)中。網(wǎng)站界面是整個(gè)網(wǎng)站的“臉”,網(wǎng)站能否吸引消費(fèi)者,是否能夠引起消費(fèi)者的興趣,是否還能夠吸引消費(fèi)者再次光臨,其網(wǎng)站界面設(shè)計(jì)是至關(guān)重要的。
人們?cè)诮邮芡饨缧畔r(shí),視覺(jué)占絕大部分,而聽(tīng)覺(jué)只占很少一部分,也可以說(shuō)網(wǎng)站界面的UI設(shè)計(jì)是否新穎、是否獨(dú)特,決定了大多數(shù)瀏覽者對(duì)該網(wǎng)站內(nèi)容和信息的關(guān)注,在該基礎(chǔ)上,網(wǎng)站才能夠更好地為企業(yè)服務(wù),將產(chǎn)品、服務(wù)等推銷給瀏覽者。
1.鮮明的網(wǎng)站建設(shè)主題
不同的網(wǎng)站所針對(duì)的消費(fèi)群體或者服務(wù)對(duì)象也不相同,所以就需要采用不同的形式。有些網(wǎng)站只提供簡(jiǎn)潔的文本信息;有些采用多媒體的表現(xiàn)手法,使用華麗的圖像、歡樂(lè)的動(dòng)畫(huà),甚至是精彩的視頻和動(dòng)人的聲音。好的網(wǎng)站把圖形表現(xiàn)手法和有效的布局與通信結(jié)合起來(lái)。為了做到網(wǎng)站主題鮮明突出、要點(diǎn)明確,青島網(wǎng)站設(shè)計(jì)者需要按照客戶的要求,以簡(jiǎn)單明確的畫(huà)面來(lái)體現(xiàn)出網(wǎng)站的主題,使用一切方法和技巧充分表現(xiàn)出網(wǎng)站的個(gè)性,從而使網(wǎng)站主題鮮明、特點(diǎn)突出。如知名化妝品CHANEL的官方網(wǎng)站的網(wǎng)站建設(shè)界面,采用了極其簡(jiǎn)約的設(shè)計(jì)風(fēng)格,只突出了兩個(gè)元素:一是品牌,二是主打產(chǎn)品。
2.明確的網(wǎng)站建設(shè)目標(biāo)
網(wǎng)站界面設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑,因此必須明確設(shè)計(jì)網(wǎng)站的目的和用戶需求,從而做出切實(shí)可行的網(wǎng)站UI設(shè)計(jì)計(jì)劃。要根據(jù)受眾群體的需求、市場(chǎng)的狀況、企業(yè)自身的情況等進(jìn)行綜合分析,明確企業(yè)整體視覺(jué)形象,以用戶為中心、藝術(shù)設(shè)計(jì)為輔進(jìn)行設(shè)計(jì)規(guī)劃。在網(wǎng)站設(shè)計(jì)規(guī)劃時(shí),需要考慮:設(shè)計(jì)網(wǎng)站界面的目的是什么?受眾群體是哪些?該網(wǎng)站所屬網(wǎng)站用戶有哪些特點(diǎn)?該網(wǎng)站提供什么樣的服務(wù)和產(chǎn)品?產(chǎn)品和服務(wù)適合什么樣的風(fēng)格?等等,從而做出符合網(wǎng)站整體形象的UI規(guī)劃。如上海通用旗下不同品牌汽車官方網(wǎng)站的網(wǎng)站建設(shè)設(shè)計(jì),根據(jù)所針對(duì)的用戶群體的不同和汽車定位的不同,在網(wǎng)站UI設(shè)計(jì)風(fēng)格上也稍有差別,但都是使用黑、白、灰3種顏色為主色調(diào),秉承了企業(yè)的品牌形象,并且在每個(gè)網(wǎng)站中都可以明確感受到企業(yè)高品質(zhì)工業(yè)化目標(biāo)及對(duì)用戶精益求精的服務(wù)。
3.精彩的版式設(shè)計(jì)網(wǎng)站UI設(shè)計(jì)作為一種視覺(jué)語(yǔ)言,特別講究排版和布局,雖然網(wǎng)站的設(shè)計(jì)不等于平面設(shè)計(jì),但它們有許多共通之處。版式設(shè)計(jì)通過(guò)文字和圖形的結(jié)合,表達(dá)出了和諧之美。網(wǎng)站界面的版式設(shè)計(jì)要把青島網(wǎng)站建設(shè)中各頁(yè)面之間的有機(jī)聯(lián)系反映出來(lái),特別要處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺(jué)表現(xiàn)效果,設(shè)計(jì)者需要反復(fù)嘗試各種不同的頁(yè)面排版和布局,找到最佳的方案,給瀏覽者帶來(lái)一個(gè)流暢、輕松的視覺(jué)體驗(yàn)。如必勝客中國(guó)官方山東網(wǎng)站建設(shè)頁(yè)面,運(yùn)用不規(guī)則的頁(yè)面布局展現(xiàn)網(wǎng)站內(nèi)容,給人眼前一亮的感覺(jué)。運(yùn)用不規(guī)則、大小不等的小方塊來(lái)展現(xiàn)產(chǎn)品,操作方便、直觀,并且突破了傳統(tǒng)的網(wǎng)站布局形式,給人留下了深刻的印象。
4.合理的配色
色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)站UI設(shè)計(jì)中,網(wǎng)站設(shè)計(jì)師根據(jù)和諧、均衡和突出重點(diǎn)的原則,將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美麗的界面。根據(jù)色彩對(duì)人們心理的影響,合理地加以運(yùn)用,或者也可以根據(jù)企業(yè)VI(企業(yè)視覺(jué)識(shí)別系統(tǒng))來(lái)選用標(biāo)準(zhǔn)色,使企業(yè)整體形象統(tǒng)一。如百事可樂(lè)活動(dòng)網(wǎng)站頁(yè)面,運(yùn)用該品牌視覺(jué)形象中的藍(lán)色和紅色進(jìn)行網(wǎng)站界面的配色處理,既體現(xiàn)了品牌形象的統(tǒng)一性,又可以加深消費(fèi)者對(duì)該品牌的認(rèn)知度。
5.內(nèi)容與形式的完美統(tǒng)一
為了將豐富的內(nèi)容和多樣化的形式統(tǒng)一在頁(yè)面結(jié)構(gòu)中,形式語(yǔ)言必須符合頁(yè)面的內(nèi)容,體現(xiàn)內(nèi)容的豐富含義。靈活運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡及留白等方法,通過(guò)空間、文字、圖形之間的相互關(guān)系,建立整體的均衡狀態(tài),產(chǎn)生和諧的美感。例如,在界面設(shè)計(jì)中應(yīng)用對(duì)稱原則時(shí),太過(guò)均衡有時(shí)會(huì)使頁(yè)面顯得呆板,但如果加入一些富有動(dòng)感的文字、圖形,或采用夸張的手法來(lái)表現(xiàn)內(nèi)容,往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺(jué)語(yǔ)言中的基本元素,巧妙地互相穿插、互相襯托,構(gòu)成最佳的網(wǎng)站頁(yè)面效果,充分表達(dá)完美的設(shè)計(jì)意境。如一家茶品網(wǎng)站的網(wǎng)站建設(shè)界面,因?yàn)榫W(wǎng)站建設(shè)中的內(nèi)容并不多,所以整個(gè)網(wǎng)站運(yùn)用Flash動(dòng)畫(huà)的形式,將精美的茶品廣告畫(huà)面作為背景,配合半透明的底色和文字內(nèi)容介紹,使得整個(gè)網(wǎng)站給人一種舒適、靜心的感覺(jué),達(dá)到了內(nèi)容與形式的完美統(tǒng)一。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號(hào)-3