資訊動(dòng)態(tài)
主頁(yè)及頁(yè)面界面布局設(shè)計(jì)
發(fā)布：2021-05-20 12:45:04 瀏覽：3555
主頁(yè)及頁(yè)面界面布局設(shè)計(jì)。網(wǎng)站的主頁(yè)是人們?cè)L問(wèn)網(wǎng)站看到的第一個(gè)頁(yè)面，是網(wǎng)站的身份和標(biāo)志，它的訪問(wèn)量是其他子頁(yè)面的上千倍，因此他必須提供一個(gè)符合用戶(hù)期待的體驗(yàn)，吸引用戶(hù)繼續(xù)往下瀏覽。為此精心對(duì)頁(yè)面的空間進(jìn)行分割的設(shè)計(jì)，包括對(duì)導(dǎo)航、按鈕、圖片、文字等內(nèi)容的位置進(jìn)行設(shè)計(jì)。這一階段需注重藝術(shù)性和交互體驗(yàn)、信息瀏覽體驗(yàn)的結(jié)合，以藝術(shù)平面設(shè)計(jì)手段為輔，提高交互、信息體驗(yàn)為主。
從藝術(shù)性來(lái)說(shuō)，應(yīng)運(yùn)用美學(xué)構(gòu)圖中的形式，比如對(duì)稱(chēng)、平衡、黃金分割、對(duì)比、多樣統(tǒng)一、變化，結(jié)合光影、色彩、影調(diào)等輔助手段, 對(duì)網(wǎng)頁(yè)設(shè)計(jì)元素及內(nèi)容進(jìn)行合理布局, 使網(wǎng)頁(yè)形式富有節(jié)奏感并且圖文并茂。從內(nèi)容主次的突出性來(lái)說(shuō)，應(yīng)根據(jù)視覺(jué)流程原理，采用容易掃視的方法安排整體版面，把重要內(nèi)容和功能放在醒目位置。比如根據(jù)國(guó)內(nèi)用戶(hù)從上往下、從左向右的視覺(jué)瀏覽習(xí)慣，網(wǎng)站的一些關(guān)鍵要素如全局導(dǎo)航、輔助導(dǎo)航以及一些常用輔助功能的快捷方式應(yīng)放在頁(yè)面頂部。像淘寶網(wǎng)一樣由于商品過(guò)多，就需要將其清晰分類(lèi)，安排在頁(yè)面左邊，方便用戶(hù)查找。
頁(yè)面的版式布局有好多種形式，表格式、左邊欄式、兩邊欄式等等，但是不論哪一種形式，都要保證視覺(jué)的協(xié)調(diào)。由于電子商務(wù)型網(wǎng)站是為了把自己的商品展現(xiàn)給用戶(hù)，因此頁(yè)面的布局不能變化太多、太有個(gè)性，也就是說(shuō)布局不能太過(guò)花哨而使用戶(hù)的視線沒(méi)有全部關(guān)注于商品；使用戶(hù)有清晰的第一印象，盡量把重要信息放在第一屏，整個(gè)頁(yè)面不能超過(guò)3屏，否則會(huì)過(guò)于漫長(zhǎng)而沒(méi)有新鮮感。所以電子商務(wù)型網(wǎng)站的頁(yè)面要簡(jiǎn)潔大方，以突出商品為宗旨。
>>> 查看《主頁(yè)及頁(yè)面界面布局設(shè)計(jì)》更多相關(guān)資訊 <<<
本文地址：http://scmenchuang.cn/news/html/26039.html
上一個(gè)：DIV CSS布局方式
下一個(gè)：虛擬化技術(shù)介紹
