更新時間：2016-10-10網(wǎng)頁設計需要做的工作有很多，主要的目是為了滿足用戶的各種需求。網(wǎng)頁設計所涉及的元素如下：顏色、字體、圖片、樣式等內(nèi)容進行頁面性的設計和美化，這些操作要做到在頁面功能限定的情況下，盡最大的努力為用戶提供完美的視覺體驗
這些要求適用于手機網(wǎng)頁設計，但是手機網(wǎng)站建設對于網(wǎng)頁設計的要求與PC端的網(wǎng)頁設計要求有所不同，首先我們需要明確的是手機的界面要比電腦小很多，所以在進行手機網(wǎng)頁設計時要對網(wǎng)頁的尺寸進行限定。其次就是手機網(wǎng)站的運營情況，盡量避免無法顯示的網(wǎng)頁出現(xiàn)。
因為手機的顯示屏與電腦是不同的，不僅存在色差問題還比電腦屏幕清晰很多，所以手機網(wǎng)頁設計時更注重網(wǎng)頁的背景顏色、頁面布局，文字和圖片的選擇等等，這也是本文所說的手機網(wǎng)頁設計三劍客。接下來成都網(wǎng)站建設公司創(chuàng)新就從這三大類內(nèi)容為大家進行介紹。
第一、背景顏色
網(wǎng)站的背景顏色占據(jù)了網(wǎng)頁所有的空白之處，它是決定網(wǎng)站色彩搭配的主導色系。相要做好頁面的色彩搭配工作需要對色彩學有一定的了解，以搭配合諧，色彩統(tǒng)一，風格統(tǒng)一為準則。
1．整個網(wǎng)站最好選用同一種色彩為主色調(diào)，然后對選定的色彩進行透明度、飽和度和明暗我調(diào)整，這樣做的好處是：可以讓頁面看起來色彩整齊統(tǒng)一，有層次感。
2．如果必須選用兩種色彩，那一定要選擇同一色系的，然后選擇兩種對比色使用，這樣做會讓頁面看起來合諧美觀。
3．如果想用多種顏色，那么一定要選擇同一色系同色調(diào)的顏色，這樣做可以讓網(wǎng)站看起來風格統(tǒng)一。
第二、頁面布局
頁面布局指的是整個頁面上所有內(nèi)容的分布情況，也是網(wǎng)頁上內(nèi)容的組織情況，頁面布局的作用，主要是引導用戶的視線，讓用戶第一時間看到最重要的信息。頁面布局涉及的主要元素有欄目標簽、提示信息、菜單等。根據(jù)經(jīng)驗頁面布局為：品牌標志和導航應該放在頁面的頂部，這是用戶對網(wǎng)站的第一印象；在內(nèi)容結構中，圖片更容易獲得關注用戶瀏覽完圖片后，下一個關注點便是標題；用戶會大致的瀏覽文本，但是往往不會通讀。
隨著網(wǎng)頁設的發(fā)展和用戶對于網(wǎng)頁設計要求的提高，頁面布局的形式也越來越多，PC端要吧使用的頁面布局同樣也適用于手機移動端，下面就與大家分享幾類主流的布局型式，
1、F式頁面布局
F式頁面布局是頁面布局中較為經(jīng)典的一種，這類網(wǎng)頁中內(nèi)容的重要性是從左向右、從上到下的，這符合一般人的閱讀習慣。左上方是logot和導航欄，然后是檣標簽，讓用戶知道如何轉(zhuǎn)至不同的頁面。
優(yōu)點：在于于F式布局符合大多數(shù)用戶的瀏覽習慣，符合“從上到下，從左到右”的閱讀方式。
缺點：必須將最有價值的內(nèi)容放置在頁面頂部了，沒有任何新意，文本內(nèi)容無法有效的引起用戶注意。
2、“國”字型頁面布局
“國”字型頁面布局也可以稱為“同”字型，是一些綜合類的大型網(wǎng)站常用的類型。這種類型的頁面最上面是網(wǎng)站的標題以及橫幅廣告條，下面緊跟的就是網(wǎng)站的主要內(nèi)容，左右分列一些內(nèi)容，最中間的部分是主要，一直到頁面底部。頁面最下方是網(wǎng)站的一些基本信息、聯(lián)系方式、版權聲明等。
優(yōu)點：“國”字型頁面布局中的重占內(nèi)容集中在頂部和中間位置，分區(qū)排布，這樣的頁面方便瀏覽者查找想要的信息。
缺點：頁面的信息分布過于集中，無法讓用戶明確哪一種是重要的哪一種是次要的，所以秀容易讓用戶因找不以想要的信息而跳出。
3、“T”字型頁面布局
“T”字型頁面布局是將網(wǎng)頁上邊和左邊欄相結合的頁面布局，頁面頂部為橫條網(wǎng)站標志和廣告條，左下方為主菜單，右面顯示內(nèi)容，這種布局類型是網(wǎng)頁設計中用得的最廣泛的一種布局方式。
優(yōu)點：符合人的注意力游動情況，能夠讓用戶以最大可能性方便的獲取信息，頁面結構清晰，主次分明、易于使用。
缺點：規(guī)矩呆板，如果細節(jié)色彩上不注意，很容易讓人“看之無味”。
4、POP型頁面布局
POP源自廣告術語，這種類型指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心。常用于時尚類網(wǎng)站。
優(yōu)點：頁面漂亮，引人入勝。
缺點：由于頁面上運用的大幅圖片較多，導致頁面的打開速度變慢。
第三，文字和圖片的選擇
手機網(wǎng)頁中文字和圖片的選擇要適應手機的屏幕大小和人們的視覺習慣，這樣可以讓用戶更舒適的瀏覽頁面。文字和圖片是網(wǎng)頁排版時需要考慮的內(nèi)容。在進行手機網(wǎng)頁設計時可以按照下面的原則進行。
1、字間距不要太擠或太寬，
2、行距不要太小或太大，
3、段距不要太少或太多，
4、每行字數(shù)不要太多或太少。
