網站設計的版面布局。
1.2網站設計的版面布局
在談版面布局之前首先讓我們來介紹一下首頁設計的步驟:
首頁,從根本上說就是全站內容的目錄,是一個索引。但只是羅列目錄顯然是不夠的,如何設計好一個首頁呢?一般的步驟是:
1.2.1設計確定首頁的功能模塊
首頁的內容模塊是指我們需要在首頁上實現的主要內容和功能。一般的站點都需要這樣一些模塊:
網站名稱(logo),廣告條(banner),主菜單(menu),
新聞(what's new),搜索(search),友情鏈接(links),
郵件列表(maillist),計數器(count),版權(copyright)。
選擇哪些模塊,實現哪些功能,是否需要添加其他模塊都是首頁設計首先需要確定的。
1.2.2設計首頁的版面
在功能模塊確定后,開始設計首頁的版面。就象搭積木,每個模塊是一個單位積木,如何拼搭出一座漂亮的房子,這就靠創(chuàng)意和想象力了。設計版面的最好方法是:找一張白紙,一支筆,先將理想中的草圖勾勒出來,然后再用網頁制作軟件實現。天津市友聯機電設備有限公司主營工控設備和系列機柜,因此版面主要突出產品目錄,頁面設計簡潔明快,使訪問者能快速瀏覽到所有產品,是整個網站的設計核心。
1.2.3處理技術上的細節(jié)
設計版面布局.版面指的是瀏覽器看到的完整的一個頁面(可以包含框架和層)。因為每個人的顯示器分辨率不同,所以同一個頁面的大小可能出現640*480像素,800*600像素,1024*768像素等不同尺寸。我設計的網站建議使用IE4.0以上瀏覽器軟件及 1024*768 分辨率訪問本網站布局,就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。
1.2.4版面布局的一般步驟
1、草案(這屬于創(chuàng)造階段,不講究細膩工整,不必考慮細節(jié)功能,只以粗陋的線條勾畫出創(chuàng)意的輪廓即可。盡可能多畫幾張,最后選定一個滿意的作為繼續(xù)創(chuàng)作的腳本。)
2、粗略布局(在草案的基礎上,將確定需要放置的功能模塊安排到頁面上。這里我們必須遵循突出重點、平衡諧調的原則,將網站標志,主菜單等最重要的模塊放在最顯眼,最突出的位置,然后在考慮次要模塊的排放。)
3、定案(將粗略布局精細化,具體化。)
1.2.5布局過程遵循的原則
1、正常平衡:亦稱"勻稱"。多指左右、上下對照形式,主要強調秩序,能達到安定誠實、信賴的效果。
2、異常平衡:即非對照形式,但也要平衡和韻律,當然都是不均整的,此種布局能達到強調性、不安性、高注目性的效果。
3、對比:所謂對比,不僅利用色彩、色調等技巧來做表現,在內容上也可涉及古與今、新與舊、貧與富等對比。
4、凝視:所謂凝視是利用頁面中人物視線,使瀏覽者仿照跟隨的心理,以達到注視頁面的效果,一般多用明星凝視狀。
5、空白:空白有兩種作用,一方面對其他網站表示突出卓越,另一方面也表示網頁品位的優(yōu)越感,這種表現方法對體顯網頁的格調十分有效。
6、盡量用圖片解說:此法對不能用語言說服、或用語言無法表達的情感,特別有效。圖片解說的內容,可以傳達給瀏覽者的更多的心理因素。
1.2.6常用的版面布局形式
1、“T”結構布局。所謂“T”結構。就是指頁面頂部為橫條網站標志+廣告條,下方左面為主菜單,右面顯示內容的布局,因為菜單條背景較深,整體效果類似英文字母“T”,所以我們稱之為“T”形布局。這是網頁設計中用的最廣泛的一種布局方式。這種布局的優(yōu)點是頁面結構清晰,主次分明。是最容易上手的布局方法。缺點是規(guī)矩呆板,如果細節(jié)色彩上不注意,很容易讓人“看之無味”。
2、“口”型布局。這是一個象形的說法,就是頁面一般上下各有一個廣告條,左面是主菜單,右面放友情連接等,中間是主要內容。這種布局的優(yōu)點是充分利用版面,信息量大。缺點是頁面擁擠,不夠靈活。同時也有將四邊空出,只用中間的窗口型進行設計的。
3、“三”型布局。這種布局多用于國外站點,國內用的不多。特點是頁面上橫向兩條色塊,將頁面整體分割為四部分,色塊中大多放廣告條。
4、對稱對比布局。顧名思義,采取左右或者上下對稱的布局,一半深色,一半淺色,一般用于設計型站點。優(yōu)點是視覺沖擊力強,缺點是將兩部分有機的結合比較困難。
5、POP布局。POP引自廣告術語,就是指頁面布局象一張宣傳海報,以一張精美圖片作為頁面的設計中心。常用于時尚類站點,比如ELLE.com。優(yōu)點顯而易見:漂亮吸引人。缺點就是速度慢。作為版面布局還是值得借鑒的。
以上總結了目前網絡上常見的布局,其實還有許許多多別具一格的布局,關鍵在于創(chuàng)意和設計了。
1.2.7網站設計版面布局的技巧
加強視覺效果
1、強文案的可視度和可讀性
2、統一感的視覺
3、新鮮和個性是布局的最高境界
選擇北京網站建設公司-北京信,優(yōu)質服務,絕對不容錯過 !
1. 優(yōu)秀的網絡資源,穩(wěn)定的網站和速度保證
(配送雙線獨立ip空間,國際A級BGP機房,99.5% 的主機在線時間)
2. 7年北京網站建設經驗,優(yōu)秀的技術和設計水平,更放心
3. 全程省心服務,不必擔心自己不懂網絡,更省心。
-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:
免費網絡營銷顧問:我們?yōu)槟峁┟赓M的網絡營銷顧問服務,您需要了解關于如何開展網絡營銷,電子商務,網站設計等的事宜,歡迎隨時聯系我們。
seo友好的網站管理系統:除了優(yōu)質的網站空間,網站管理系統,和網站設計外,我們的網站管理系統更是seo友好的,包括:自定義欄目名,Google Sitemap自動生成,靜態(tài)頁面生成等等,讓您的網站。
免費網絡營銷培訓:如何更好的投放網絡廣告,如何提高網絡廣告的投資回報,如何發(fā)帖子,
如何優(yōu)化網站,我們有豐富的經驗開放給您!祝君成功!
聯系我們:010-62199213 62122723-808 400-697-8610 徐小姐
北京網站建設公司-北京信網站:http://keekorok-lodge.com/ 點擊查看經典網站案例!
- 1手機版網站建設的原則。
- 2北京網站建設設-9個月狂攬保險費622億 互聯網保險魔力大爆發(fā)
- 3網站域名如何轉移服務商?
- 4政府企務公開網站建設的解決方案!
- 5列出大量相關關鍵詞
- 6網站設計是一種宣傳手段。
- 7北京網站建設設-計算機字體維權“放水養(yǎng)魚” 淘寶店主頻繁中槍
- 8設計網站的色彩鮮艷容易引人注目。
- 9北京網站建設設-2014年雙十一網購研究報告出爐:網購心態(tài)理性化
- 10手機網站制作-手機應用開發(fā)
- 11如何加快網站建設的進度?
- 12什么樣的網站策劃最適合你?
- 13關于基金公司網站建設的建議!
- 14北京網站建設設-雙十一前刷信譽 淘寶賣家與快遞炮制“空快遞”
- 15北京網站建設設-東莞手機代工廠高管自殺背后:被手機價格戰(zhàn)摧垮
- 16北京網站建設設-騰訊宣布QQ旋風云播放因業(yè)務升級調整暫停服務
- 17北京網站建設設-電商市場報告:中國網上零售業(yè)年均增速達25%
- 18網站設計的技術!
- 19北京網站建設設-天貓雙十一農村消費占比10%:交易額約57億
- 20注冊網站域名需要注意什么?
- 21幼兒園數字化網站綜合服務平臺方案。
- 22目錄頁、內容頁注意要點
- 23北京網站建設設-垃圾短信治理新規(guī)12月出臺 違反者最高罰3萬
- 24北京網站建設設-微信勢如破竹 為什么QQ的參與感卻越來越差?
- 25QQ空間進行網站優(yōu)化案例分析
- 26這樣的攝影在網站設計中有啟發(fā)嗎!
- 27CSS+DIV網站建設的優(yōu)勢!
- 28判斷企業(yè)網站是否真的被懲罰
- 29建設網站的推廣性。
- 30網頁設計字體大小會影響客戶瀏覽行為。
成都公司:成都市成華區(qū)建設南路160號1層9號
重慶公司:重慶市江北區(qū)紅旗河溝華創(chuàng)商務大廈18樓