網(wǎng)頁設(shè)計需要做的工作有很多，主要的目是為了滿足用戶的各種需求。下面由學(xué)習(xí)啦小編為大家整理的手機網(wǎng)站網(wǎng)頁設(shè)計，希望大家喜歡!

　　手機網(wǎng)站網(wǎng)頁設(shè)計

　　第一、’背景顏色

　　網(wǎng)站的背景顏色占據(jù)了網(wǎng)頁所有的空白之處，它是決定網(wǎng)站色彩搭配的主導(dǎo)色系。相要做好頁面的色彩搭配工作需要對色彩學(xué)有一定的了解，以搭配合諧，色彩統(tǒng)一，風(fēng)格統(tǒng)一為準(zhǔn)則。

　　1.整個網(wǎng)站最好選用同一種色彩為主色調(diào)，然后對選定的色彩進行透明度、飽和度和明暗我調(diào)整，這樣做的好處是：可以讓頁面看起來色彩整齊統(tǒng)一，有層次感。

　　2.如果必須選用兩種色彩，那一定要選擇同一色系的，然后選擇兩種對比色使用，這樣做會讓頁面看起來合諧美觀。

　　3.如果想用多種顏色，那么一定要選擇同一色系同色調(diào)的顏色，這樣做可以讓網(wǎng)站看起來風(fēng)格統(tǒng)一。(色調(diào)指的是如果選淡色那么就全部是淡色，如淡藍，淡黃，淡綠：)。

　　第二、頁面布局

　　頁面布局指的是整個頁面上所有內(nèi)容的分布情況，也是網(wǎng)頁上內(nèi)容的組織情況，頁面布局的作用，主要是引導(dǎo)用戶的視線，讓用戶第一時間看到最重要的信息。頁面布局涉及的主要元素有欄目標(biāo)簽、提示信息、菜單等。根據(jù)經(jīng)驗頁面布局為：品牌標(biāo)志和導(dǎo)航應(yīng)該放在頁面的頂部，這是用戶對網(wǎng)站的第一印象;在內(nèi)容結(jié)構(gòu)中，圖片更容易獲得關(guān)注用戶瀏覽完圖片后，下一個關(guān)注點便是標(biāo)題;用戶會大致的瀏覽文本，但是往往不會通讀。

　　第三、文字和圖片的選擇

　　手機網(wǎng)頁中文字和圖片的選擇要適應(yīng)手機的屏幕大小和人們的視覺習(xí)慣，這樣可以讓用戶更舒適的瀏覽頁面。文字和圖片是網(wǎng)頁排版時需要考慮的內(nèi)容。在進行網(wǎng)頁設(shè)計時可以按照下面的原則進行。

　　1、字間距不要太擠或太寬，

　　2、行距不要太小或太大，

　　3、段距不要太少或太多，

　　4、每行字數(shù)不要太多或太少。

　　手機網(wǎng)站網(wǎng)頁格式

　　1、靜態(tài)網(wǎng)頁

　　靜態(tài)網(wǎng)頁多數(shù)為單一的超文本標(biāo)記語言檔案?，F(xiàn)今不少網(wǎng)站建設(shè)皆傾向把動態(tài)網(wǎng)頁靜態(tài)化,從而令搜尋引擎最佳化。

　　2、動態(tài)網(wǎng)頁

　　動態(tài)網(wǎng)頁的內(nèi)容隨著用戶的輸入和互動而有所不同,或者隨著用戶、時間、數(shù)據(jù)修正等而改變。網(wǎng)頁上的內(nèi)容也可以由用戶通過使用客戶端描述語言(JavaScript、JScript、Actionscript)來改變。