版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
課外學(xué)習(xí):網(wǎng)頁(yè)版式構(gòu)成的類型與導(dǎo)航結(jié)構(gòu)6.關(guān)鍵知識(shí)點(diǎn)六:網(wǎng)頁(yè)版式構(gòu)成的類型根據(jù)視覺流程的類型及網(wǎng)頁(yè)版式,總結(jié)出以下版式構(gòu)成的類型:水平分割、垂直分割、水平-垂直交叉分割等。其中,水平分割、垂直分割、水平-垂直交叉分割常用到水平線、垂直線、矩形等,這些形式在網(wǎng)頁(yè)制作時(shí)容易實(shí)現(xiàn),且頁(yè)面能容納較多的信息含量,因而是網(wǎng)頁(yè)界面中使用相當(dāng)廣泛的構(gòu)成類型下面簡(jiǎn)單介紹一下這幾種分割形勢(shì)。1)水平分割頁(yè)面中的水平分割與排列,強(qiáng)調(diào)了水平線的作用,使頁(yè)面具有安定、平靜的感覺,觀眾的視線在左右移動(dòng)中捕捉視覺信息,符合人們的視覺習(xí)慣。(1)水平均勻分割將頁(yè)面分割成上下相等的兩部分。圖4-11,圖4-12,上半部用作視覺表現(xiàn),引發(fā)情感,下半部用來(lái)解釋說(shuō)明,上半部多為主體形象。圖4-11水平均勻分割(一)圖4-12水平均勻分割(二)(2)水平不均勻分割將頁(yè)面分割成上下不相等的兩部分。一般地說(shuō),如果在上半部安置標(biāo)題或?qū)Ш?,則面積較?。▓D4-13),如果在上半部安置圖片或主體形象,則面積適當(dāng)加大(圖4-14)。圖4-13水平不均勻分割(一)圖4-14水平不均勻分割(二)(3)水平多次分割頁(yè)面沿水平分割成大小不等的幾個(gè)部分。圖4-15,多層分割有助于不同信息的歸類。(4)水平變化分割在水平分割的基礎(chǔ)上進(jìn)行變化。如圖4-16,水平分割與斜線、弧線相結(jié)合,打破了頁(yè)面的安定,產(chǎn)生運(yùn)動(dòng)和速度感。圖4-15水平多次分割1圖4-16水平變化分割22)垂直分割頁(yè)面中的垂直分割與排列,則強(qiáng)調(diào)垂直線的作用,具有堅(jiān)硬、理智、冷靜和秩序的感覺。(1)垂直均勻分割把頁(yè)面分割為左右相等的兩部分,在視覺習(xí)慣上,當(dāng)左右兩部分形成強(qiáng)弱對(duì)比時(shí),會(huì)造成視覺心理的不平衡。這時(shí),可將分割線作部分或全部的弱化處理,或在分割處加入其它元素,使左右部分的過(guò)渡自然而和諧。如圖4-17所示,左右兩部分在色彩上的對(duì)比由于視覺中心的圖文而減弱,左上角的標(biāo)志減輕左半部的重量感,使頁(yè)面更為融合。(2)垂直不均勻分割把頁(yè)面分割為左右不相等的兩部分。左邊的視覺注意度較高,因而放置標(biāo)志、導(dǎo)航信息、主體形象等,如圖4-18所示。圖4-17垂直均勻分割圖4-18垂直不均勻分割(3)垂直多次分割頁(yè)面沿垂直方向分割成大小不等的幾部分。圖4-19所示,頁(yè)面具有很強(qiáng)的層次性,左邊為主欄目導(dǎo)航,右邊為次級(jí)欄目導(dǎo)航,中間為相應(yīng)的內(nèi)容,中間和右邊由色彩來(lái)統(tǒng)一,而左邊用形態(tài)的滲入來(lái)加強(qiáng)它與中間部分的銜接。(4)垂直變化分割將垂直分割進(jìn)行特異性處理,容易取得耳目一新的效果。如圖4-20所示,將垂直分割應(yīng)用于音樂網(wǎng)站的設(shè)計(jì),分割手法靈活多變,營(yíng)造出音樂的律動(dòng)感。圖4-25網(wǎng)頁(yè)左側(cè)導(dǎo)航布局頁(yè)面圖4-26網(wǎng)頁(yè)右側(cè)導(dǎo)航布局頁(yè)面5)底部導(dǎo)航底部導(dǎo)航是指網(wǎng)站導(dǎo)航位于頁(yè)面底部的網(wǎng)頁(yè)布局結(jié)構(gòu),在適合標(biāo)準(zhǔn)顯示器分辯率、無(wú)法調(diào)整網(wǎng)頁(yè)布局上下寬的情況下,必須使用框架結(jié)構(gòu),這是因?yàn)橄胍S時(shí)向使用者展現(xiàn)網(wǎng)站導(dǎo)航的話,就必須考慮到使用者在不使用滾動(dòng)條的情況下也能利用網(wǎng)站導(dǎo)航。不過(guò),即使使用框架,還存在一些必須解決的問題(比如:打開速度,更新無(wú)法記憶),還有很多人比較忌諱使用框架,因此旨在提供信息類型的網(wǎng)站幾乎都不采用底部導(dǎo)航結(jié)構(gòu)。但是,底部導(dǎo)航機(jī)構(gòu)對(duì)上面區(qū)域的限制因素比其他網(wǎng)頁(yè)布局結(jié)構(gòu)都要少,網(wǎng)頁(yè)設(shè)計(jì)師可以按照自己
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 二零二五年度丙方維護(hù)服務(wù)合同2篇
- 2024年中國(guó)景泰藍(lán)鋼筆市場(chǎng)調(diào)查研究報(bào)告
- 2024年收音機(jī)電筒項(xiàng)目可行性研究報(bào)告
- 2024年搓泥刀盤項(xiàng)目可行性研究報(bào)告
- 2024年網(wǎng)絡(luò)安全防護(hù)與維護(hù)合同協(xié)議
- 2025年河北省建筑安全員考試題庫(kù)附答案
- 2024年美容SPA加盟店合同合同
- 2024版房屋維修安全協(xié)議書
- 2025年度火車站建筑工程施工監(jiān)理合同3篇
- 2025年度企業(yè)安全生產(chǎn)標(biāo)準(zhǔn)化體系創(chuàng)建合同3篇
- 心衰患者的容量管理中國(guó)專家共識(shí)-共識(shí)解讀
- 山東省濟(jì)南市2023-2024學(xué)年高一上學(xué)期1月期末考試數(shù)學(xué)試題(解析版)
- 文字學(xué)概要完整版本
- 手術(shù)室搶救工作制度
- ce自我聲明模板
- 鋼閘門監(jiān)理評(píng)估報(bào)告
- 高檔養(yǎng)老社區(qū)項(xiàng)目計(jì)劃書
- 蛇年銷售年會(huì)發(fā)言稿范文
- 國(guó)管局住房制度改革相關(guān)政策解答
- 無(wú)縫鋼管服務(wù)方案
- 排澇泵站養(yǎng)護(hù)方案范本
評(píng)論
0/150
提交評(píng)論