|
網站是經(jīng)過(guò)設計效果、切圖做成(chéng)網頁、開(kāi)發(fā)網站程序、添加數據等一系列過(guò)程將(jiāng)用戶的信息通過(guò)互聯網展示給所需要的用戶面(miàn)前。簡單來說(shuō)，網頁設計的目的就(jiù)是可以讓用戶在最方便的情況下了解到自己的更多公司信息。簡單的信息如文字、圖片、視頻和文檔，都(dōu)可以通過(guò)網頁讓用戶直接快捷的看到。
網站建設是一個統稱，包含了許多電腦相關知識。包含做圖、網頁、程序、和維護資料信息。不同行業的網頁設計，不同的排版格式給用戶感覺不同，而不同的客戶對(duì)見面(miàn)的風格要求也不同。今天我們就(jiù)介紹網頁設計中的網頁排版布局。
一、網頁分辨率
網頁的整體寬度可分爲三種(zhǒng)設置形式，百分比、像素、像素+百分比。一般在網頁設計中以象素形式最爲常用，行業網站也不列外。我們在設計網頁的時(shí)候必定會(huì)考慮到分辨率的問題，以前常用的是1024*768和800*600的分辨率，現在因爲顯示器越來越大，分辨率也越來越大，所以，現在通常用的寬度是1200*1080，網絡上很多以前的網頁會(huì)給人一種(zhǒng)很窄小，很小氣的感覺。而現在随著(zhe)移動端的流行，很多的網站更偏向(xiàng)于響應式的設計，就(jiù)是在不同大小的顯示器上，所顯示的百度比狀态是相同的，不會(huì)像固定寬那種(zhǒng)的，越大的顯示器留白越多。
當然，無論哪種(zhǒng)大小，讓客戶網站可以達到比較的視覺效果是最終目的。
二、網頁布局
1、頂部大圖Banner+簡單的栅格
無論顯示器分辨率有多大，這(zhè)種(zhǒng)布局都(dōu)能(néng)夠滿足用戶展示充足内容的需求，供用戶浏覽和探索。這(zhè)種(zhǒng)布局随著(zhe)屏幕大小不同、設備不同在效果上有所差異，但很多時(shí)候這(zhè)才能(néng)給用戶更自然真實的感覺。有的設計師會(huì)傾向(xiàng)于設計成(chéng)固定寬或者橫跨整個頁面(miàn)的布局，但是總體的模式都(dōu)大同小異。一般順序都(dōu)是導航欄、頂部大圖（圖片上疊有文字标題）、頁面(miàn)上有2-4個分欄，填充不同類别的信息、主要的内容區域、頁腳等，這(zhè)種(zhǒng)布局設計幹淨清爽，有足夠強的視覺表現力，并且常常采用的響應式設計，斷點也很好(hǎo)控制。頂部大面(miàn)積的輪播圖或者Banner也有許多插件或者應用來幫你實現。
2、單頁設計，單欄布局
單頁式（也稱爲廣告頁）設計這(zhè)幾年比較流行，它很适合于展現極簡的内容，或者專注展示一個主題。當網站的主題比較明确，内容也比較單一固定的時(shí)候，無需複雜的布局來實現，單頁單列式的布局足以應付搞定一切。導航、主要内容區域（文字+圖片爲主）、頁腳。采用這(zhè)種(zhǒng)布局模式的時(shí)，非常考驗設計師設計留白和排版能(néng)力。版塊之間的連接設計是需要設計師反複推敲的，如果空間控制不合理會(huì)給用戶一種(zhǒng)混亂的感覺，如果過(guò)于緊密則會(huì)産生局促感。和單頁設計結合最緊密的應該是動效設計和視差滾動，他們可以讓單頁式設計更加生動有趣，淡化單調的設計，賦予頁面(miàn)更強的生命力。
3、經(jīng)典的F式布局
研究表明，用戶在浏覽網頁的時(shí)候，習慣于沿著(zhe)F式的閱讀軌迹來浏覽信息，也就(jiù)是說(shuō)，用戶喜歡從左到右閱讀，然後(hòu)向(xiàng)下移動，再繼續從左到右閱讀。這(zhè)種(zhǒng)F式的閱讀模式對(duì)應的網頁布局就(jiù)是F式布局，最關鍵的信息靠左顯示，從上到下盡量保持在一條線上。頁頭和導航，靠左的一欄相對(duì)較寬，展示主要的内容；靠右常爲側邊欄，展示相關鏈接等内容；頁腳；研究也證實了人思考、行爲确實是模式化的。從左到右，自上而下，人們大多習慣了這(zhè)種(zhǒng)行爲模式。F式的布局模式擁有良好(hǎo)的适用性，便于用戶理解和交互。
三、合理廣告
在一些網站的廣告(彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等……)讓人覺得很煩瑣，根本就(jiù)不願意來看，有時(shí)連你這(zhè)個網站都(dōu)不上了，這(zhè)樣一來網站受到了嚴重的影響、廣告也沒(méi)達到廣告的目的。這(zhè)些問題都(dōu)是我們在設計網站之前需要考慮、需要規劃的内容之一。
浮動廣告有兩(liǎng)種(zhǒng)，第一種(zhǒng)是在網頁兩(liǎng)邊空餘的地方可以上下浮動的廣告，第二種(zhǒng)是滿屏幕到處随機移動的廣告。建議能(néng)使用第一種(zhǒng)的情況下盡量使用第一種(zhǒng)，不可避免第二種(zhǒng)情況時(shí)盡量在數量上控制最多一個就(jiù)好(hǎo)。如果數量過(guò)多會(huì)直接影響到用戶的心理、妨礙到用戶浏覽信息，适得其反。首頁廣告不宜過(guò)多适中即可。如在注冊或者某個購買步驟的頁面(miàn)上最好(hǎo)不要出現過(guò)多的其他無關的内容讓用戶分心，避免客戶流失等……
四、空間的合理利用
很多的網頁都(dōu)具有一個特點，用一個字來形容，那就(jiù)是"塞"，它將(jiāng)各種(zhǒng)各樣的信息如文字、圖片、動畫等不加考慮的塞到頁面(miàn)上，有多少擠多少，不加以規範，導緻浏覽時(shí)會(huì)遇到很多的不方便，主要就(jiù)是頁面(miàn)主次不分，喧賓奪主，要不就(jiù)是沒(méi)有重點，沒(méi)有很好(hǎo)的歸類，整體就(jiù)像個大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個"散"字來形容。
|
