我們常見的手機網站指的是用WML（無線標記語言）編(bian)寫(xie)的(de)專(zhuan)門(men)用(yong)於(yu)手(shou)機(ji)瀏(liu)覽(lan)的(de)網(wang)站(zhan)，通(tong)常(chang)以(yi)文(wen)字(zi)信(xin)息(xi)和(he)簡(jian)單(dan)的(de)圖(tu)片(pian)信(xin)息(xi)為(wei)主(zhu)。網(wang)站(zhan)要(yao)適(shi)應(ying)手(shou)機(ji)的(de)瀏(liu)覽(lan)是(shi)手(shou)機(ji)網(wang)站(zhan)網(wang)頁(ye)設(she)計(ji)的(de)主(zhu)旨(zhi)。手(shou)機(ji)網(wang)站(zhan)的(de)建(jian)設(she)主(zhu)要(yao)是(shi)為(wei)了(le)在(zai)手(shou)機(ji)上(shang)進(jin)行(xing)企(qi)業(ye)宣(xuan)傳(chuan)，產(chan)品(pin)展(zhan)示(shi)和(he)為(wei)客(ke)戶(hu)提(ti)供(gong)服(fu)務(wu)。企(qi)業(ye)在(zai)進(jin)行(xing)手(shou)機(ji)網(wang)站(zhan)建(jian)設(she)時(shi)一(yi)定(ding)要(yao)做(zuo)好(hao)這(zhe)些(xie)前(qian)期(qi)的(de)準(zhun)備(bei)工(gong)作(zuo)，因(yin)為(wei)隻(zhi)有(you)這(zhe)樣(yang)才(cai)能(neng)更(geng)好(hao)的(de)完(wan)成(cheng)手(shou)機(ji)網站建設。
網頁設計需要做的工作有很多，主要的目是為了滿足用戶的各種需求。網頁設計所涉及的元素如下：顏色、字體、圖片、樣(yang)式(shi)等(deng)內(nei)容(rong)進(jin)行(xing)頁(ye)麵(mian)性(xing)的(de)設(she)計(ji)和(he)美(mei)化(hua)，這(zhe)些(xie)操(cao)作(zuo)要(yao)做(zuo)到(dao)在(zai)頁(ye)麵(mian)功(gong)能(neng)限(xian)定(ding)的(de)情(qing)況(kuang)下(xia)，盡(jin)最(zui)大(da)的(de)努(nu)力(li)為(wei)用(yong)戶(hu)提(ti)供(gong)完(wan)美(mei)的(de)視(shi)覺(jiao)體(ti)驗(yan)。這(zhe)些(xie)要(yao)求(qiu)朵(duo)適(shi)用(yong)於(yu)手(shou)機(ji)網(wang)頁(ye)設(she)計(ji)，但(dan)是(shi)手(shou)機(ji)網(wang)站(zhan)建(jian)設(she)時(shi)對(dui)於(yu)網(wang)頁(ye)設(she)計(ji)的(de)要(yao)求(qiu)與(yu)PCduandewangyeshejiyaoqiuyousuobutong，shouxianwomenxuyaomingquedeshishoujidejiemianyaobidiannaoxiaohenduo，suoyizaijinxingshoujiwangyeshejishiyaoduiwangyedechicunjinxingxianding。qicijiushishoujiwangzhandeyunyingqingkuang，jinliangbimianwufaxianshidewangyechuxian。
因為手機的顯示屏與電腦是不同的，不僅存在色差問題還比電腦屏幕清晰很多，所以手機網頁設計時更注重網頁的背景顏色、頁麵布局，文字和圖片的選擇等等，這也是本文所說的手機網頁設計三劍客。接下來分形小編就從這三大類內容為大家進行介紹。
第一。背景顏色
wangzhandebeijingyansezhanjulewangyesuoyoudekongbaizhichu，tashijuedingwangzhansecaidapeidezhudaosexi。xiangyaozuohaoyemiandesecaidapeigongzuoxuyaoduisecaixueyouyidingdelejie，yidapeihexie，secaitongyi，fenggetongyiweizhunze。
1．整個網站最好選用同一種色彩為主色調，然後對選定的色彩進行透明度、飽和度和明暗我調整，這樣做的好處是：可以讓頁麵看起來色彩整齊統一，有層次感。
2．如果必須選用兩種色彩，那一定要選擇同一色係的，然後選擇兩種對比色使用，這樣做會讓頁麵看起來合諧美觀。
3．如果想用多種顏色，那麼一定要選擇同一色係同色調的顏色，這樣做可以讓網站看起來風格統一。（色調指的是如果選淡色那麼就全部是淡色，如淡藍，淡黃，淡綠：）。
Ps：不要在一個網頁中將所有顏色都用到，盡量控製在3到5種色彩以內，背景和前文的對比要大(不要用花紋繁複的圖案作背景)，這樣不利於突出主要文字內容。
第二，頁麵布局
頁ye麵mian布bu局ju指zhi的de是shi整zheng個ge頁ye麵mian上shang所suo有you內nei容rong的de分fen布bu情qing況kuang，也ye是shi網wang頁ye上shang內nei容rong的de組zu織zhi情qing況kuang，頁ye麵mian布bu局ju的de作zuo用yong，主zhu要yao是shi引yin導dao用yong戶hu的de視shi線xian，讓rang用yong戶hu第di一yi時shi間jian看kan到dao最zui重zhong要yao的de信xin息xi。頁ye麵mian布bu局ju涉she及ji的de主zhu要yao元yuan素su有you欄lan目mu標biao簽qian、提示信息、菜單等。根據經驗頁麵布局為：品牌標誌和導航應該放在頁麵的頂部，這是用戶對網站的第一印象；在內容結構中，圖片更容易獲得關注用戶瀏覽完圖片後，下一個關注點便是標題；用戶會大致的瀏覽文本，但是往往不會通讀。
隨著網頁設的發展和用戶對於網頁設計要求的提高，頁麵布局的形式也越來越多，PC端要吧使用的頁麵布局同樣也適用於手機移動端，下麵就與大家分享幾類主流的布局型式，
1、F式頁麵布局
F式頁麵布局是頁麵布局中較為經典的一種，這類網頁中內容的重要性是從左向右、從上到下的，這符合一般人的閱讀習慣。左上方是logot和導航欄，然後是檣標簽，讓用戶知道如何轉至不同的頁麵。
優點：在於於F式布局符合大多數用戶的瀏覽習慣，符合“從上到下，從左到右”的閱讀方式。
缺點：必須將最有價值的內容放置在頁麵頂部了，沒有任何新意，文本內容無法有效的引起用戶注意。
建議：將肉戴姆勒內容呈遞相關排列。比如將和網站主題相關的鏈接、廣告，相關閱讀推薦等內容放在告前的位置。在頁麵上設置一些內容檢索工具，如過標簽、文章檢索、最熱文章等。
2、“國”字型頁麵布局
“國”字型頁麵布局也可以稱為“同”字zi型xing，是shi一yi些xie綜zong合he類lei的de大da型xing網wang站zhan常chang用yong的de類lei型xing。這zhe種zhong類lei型xing的de頁ye麵mian最zui上shang麵mian是shi網wang站zhan的de標biao題ti以yi及ji橫heng幅fu廣guang告gao條tiao，下xia麵mian緊jin跟gen的de就jiu是shi網wang站zhan的de主zhu要yao內nei容rong，左zuo右you分fen列lie一yi些xie內nei容rong，最zui中zhong間jian的de部bu分fen是shi主zhu要yao，一yi直zhi到dao頁ye麵mian底di部bu。頁ye麵mian最zui下xia方fang是shi網wang站zhan的de一yi些xie基ji本ben信xin息xi、聯係方式、版權聲明等。
優點：“國”字型頁麵布局中的重占內容集中在頂部和中間位置，分區排布，這樣的頁麵方便瀏覽者查找想要的信息。
缺點：頁麵的信息分布過於集中，無法讓用戶明確哪一種是重要的哪一種是次要的，所以秀容易讓用戶因找不以想要的信息而跳出。
建議：在用“國”字型頁麵布局時，應該將重要的內容用特別的顏色或是字體標出方更用戶查找。
3、“T”字型頁麵布局
“T”zixingyemianbujushijiangwangyeshangbianhezuobianlanxiangjiehedeyemianbuju，yemiandingbuweihengtiaowangzhanbiaozhiheguanggaotiao，zuoxiafangweizhucaidan，youmianxianshineirong，zhezhongbujuleixingshiwangyeshejizhongyongdedezuiguangfandeyizhongbujufangshi。
優點：符合人的注意力遊動情況，能夠讓用戶以最大可能性方便的獲取信息，頁麵結構清晰，主次分明、易於使用。
缺點：規矩呆板，如果細節色彩上不注意，很容易讓人“看之無味”。
建議：在頁麵的色彩運用上一定要突破頁麵規矩的格局，進行合理而大膽的用色，以此來吸引用戶。
4、POP型頁麵布局
POP源自廣告術語，這種類型指頁麵布局像一張宣傳海報，以一張精美圖片作為頁麵的設計中心。常用於時尚類網站。
優點：頁麵漂亮，引人入勝。
缺點：由於頁麵上運用的大幅圖片較多，導致頁麵的打開速度變慢。
建議：在頁麵色彩和圖片的選擇上可以盡量簡少顏色的種類，最好選擇同色係的，這樣可以加快頁麵的讀取速度。
第三，文字和圖片的選擇
shoujiwangyezhongwenzihetupiandexuanzeyaoshiyingshoujidepingmudaxiaoherenmendeshijiaoxiguan，zheyangkeyirangyonghugengshushideliulanyemian。wenzihetupianshiwangyepaibanshixuyaokaolvdeneirong。zaijinxingwangyeshejishikeyianzhaoxiamiandeyuanzejinxing。
1、字間距不要太擠或太寬，
2、行距不要太小或太大，
3、段距不要太少或太多，
4、每行字數不要太多或太少。
總結：網頁在進行文字和圖片的選擇和排布時，需要把握一個適度的問題，控製好這個度，就可以讓頁麵給你一種賞心悅目的感覺。
>> 猜你喜歡：
