現(xian)在，越來越多(duo)的人想要建立自己的網站。這無疑(yi)是(shi)一(yi)件好事，但是(shi)，很多(duo)設計(ji)(ji)師，尤其(qi)是(shi)新手設計(ji)(ji)師或者(zhe)壓根兒就(jiu)不(bu)是(shi)設計(ji)(ji)師的小白(bai)，都(dou)在網頁設計(ji)(ji)上(shang)走過(guo)不(bu)少彎路。

 

　　網(wang)頁(ye)制作(zuo)中網(wang)頁(ye)布局相當重(zhong)要，先布局，后細節，只有(you)(you)在(zai)(zai)選擇了合(he)適的(de)網(wang)站(zhan)布局以(yi)后，才可(ke)以(yi)順(shun)利的(de)進(jin)行(xing)接下來的(de)工作(zuo)。版面設計是在(zai)(zai)有(you)(you)限的(de)屏幕空間界(jie)面對所有(you)(you)多(duo)媒體(ti)元素進(jin)行(xing)有(you)(you)機整合(he)，使整體(ti)頁(ye)面布局合(he)理(li)得(de)到，感官效果好，便于受眾接受。今天我們來談(tan)談(tan)游戲游戲網(wang)站(zhan)頁(ye)面布局關鍵有(you)(you)哪些。

 

　　1.網(wang)(wang)頁(ye)(ye)結(jie)構越簡單，用(yong)(yong)戶使(shi)用(yong)(yong)越容易在(zai)(zai)網(wang)(wang)站中(zhong)，每(mei)個(ge)(ge)(ge)模塊都要(yao)有(you)(you)個(ge)(ge)(ge)故事(shi)(shi)，要(yao)給(gei)用(yong)(yong)戶一個(ge)(ge)(ge)瀏覽的(de)理由和最終的(de)結(jie)果。而設(she)計的(de)作用(yong)(yong)就是強調(diao)這(zhe)個(ge)(ge)(ge)故事(shi)(shi)中(zhong)最重要(yao)的(de)那部分(fen)。在(zai)(zai)現(xian)實設(she)計中(zhong)，主頁(ye)(ye)面不能將所有(you)(you)的(de)信息都顯示出來，所以你(ni)(ni)必須在(zai)(zai)主頁(ye)(ye)先告訴用(yong)(yong)戶“進(jin)了這(zhe)個(ge)(ge)(ge)網(wang)(wang)站你(ni)(ni)能做什么(me)”。

 

 

 

 

　　發(fa)揮你的聰明才智思考(kao)一下(xia)你能想到的極簡頁面，有最簡單的目標和必(bi)要的構件。最后你會發(fa)現，原來(lai)保持(chi)簡單這么困難。

 

　　2.網站具有(you)清(qing)晰的(de)導航

 

　　根據網(wang)站(zhan)的(de)(de)導(dao)航去制定需求。一個清晰明了的(de)(de)用戶導(dao)航可以(yi)讓游客在網(wang)站(zhan)中自由的(de)(de)訪問，并且(qie)根據需要(yao)選(xuan)擇合(he)適(shi)的(de)(de)內容，而(er)網(wang)站(zhan)導(dao)航的(de)(de)加入也可以(yi)加大網(wang)友的(de)(de)訪問深度。

 

　　3.同(tong)(tong)(tong)類別的信息盡量放在同(tong)(tong)(tong)一區(qu)域。如(ru)，交易功能(neng)(neng)界(jie)(jie)(jie)面金(jin)錢數(shu)在右上，就不要在拍賣功能(neng)(neng)界(jie)(jie)(jie)面金(jin)錢數(shu)放在左下了。同(tong)(tong)(tong)樣(yang)的，比如(ru)商店界(jie)(jie)(jie)面，充值界(jie)(jie)(jie)面選擇，那么這兩個界(jie)(jie)(jie)面，就可以同(tong)(tong)(tong)時進行(xing)布局。如(ru)在商店購(gou)買界(jie)(jie)(jie)面顯(xian)示充值入口，購(gou)買時金(jin)錢數(shu)不足，直接彈(dan)出充值窗口等。

 

　　4.使用分屏布(bu)局，這種布(bu)局可以同(tong)時展示(shi)兩個同(tong)等(deng)重要(yao)的(de)內(nei)容信息。此外(wai)，設計師將兩種信息相互(hu)對立，創造出(chu)完美(mei)的(de)對比(bi)，以吸引更(geng)多訪客的(de)目光(guang)。分屏布(bu)局，再加上(shang)呼應(ying)的(de)動畫，該網站創建出(chu)更(geng)加精致的(de)體驗(yan)。

 

 

　　如果(guo)(guo)(guo)你的網站需要(yao)提供(gong)兩種(zhong)截然不同(tong)的用(yong)戶旅程變體(ti)，那么使用(yong)拆(chai)(chai)分(fen)(fen)屏(ping)幕的布局(ju)吧。但(dan)是要(yao)避免在拆(chai)(chai)分(fen)(fen)部分(fen)(fen)添(tian)加太多內容(rong)。如果(guo)(guo)(guo)內容(rong)過長過多，分(fen)(fen)屏(ping)設計不能很好地擴展，會影響體(ti)驗。因此，如果(guo)(guo)(guo)你需要(yao)在拆(chai)(chai)分(fen)(fen)部分(fen)(fen)提供(gong)大(da)量文本或視覺信息(xi)，則不適合(he)這種(zhong)布局(ju)。

 

　　5.使用(yong)一個固定的側(ce)邊欄導航(hang)來顯示整(zheng)個布(bu)局(ju)。導航(hang)無(wu)疑是任(ren)何網站(zhan)的關鍵部(bu)分，主菜單是大多數(shu)用(yong)戶在(zai)導航(hang)時(shi)首先要查找的內容(rong)。除了頂部(bu)水平導航(hang)外(wai)，你還可(ke)以(yi)通過將菜單選(xuan)項(xiang)放在(zai)固定的側(ce)邊欄中(zhong)來布(bu)局(ju)。側(ce)邊欄應該選(xuan)擇頁(ye)面左側(ce)或右側(ce)的垂直(zhi)列。對于(yu)此(ci)布(bu)局(ju)，側(ce)邊欄保(bao)持靜止并始終(zhong)保(bao)持可(ke)見，而(er)其余頁(ye)面隨著用(yong)戶向(xiang)下滾動頁(ye)面而(er)更(geng)改。還要確保(bao)這種導航(hang)具有可(ke)訪問性。

 

　　此布局適(shi)用于導航選(xuan)項(xiang)數量相對有限的網(wang)站。當用戶進入頁(ye)面(mian)時，所(suo)有選(xuan)項(xiang)最好都在視線(xian)范(fan)圍內(nei)。側邊欄還可以包含菜單(dan)以外的內(nei)容(rong)，例如社(she)交媒(mei)體鏈接，聯(lian)系信息或(huo)你希望訪問者(zhe)輕松查找的任(ren)何內(nei)容(rong)。

 

　　在版(ban)面的視覺處理上(shang)，需要(yao)把(ba)握好主題與(yu)素(su)材、整體與(yu)個體之(zhi)間的關(guan)系，在統一之(zhi)中(zhong)尋(xun)求變化(hua)，在不對(dui)稱中(zhong)尋(xun)找均衡點，促成頁(ye)面整體的和(he)諧效果。