本節簡介:講解了網頁設計中如何使用“分割法”劃分網頁區塊,以及響應式頁面的概念
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
黃金分割比例數值1:0.618 根據目前主流的顯示器,通常網頁設計主要內容控制在1200px以內。淘寶首頁采用1200像素,一般門戶類會參考塊狀黃金分割法
用分割法在設計網頁的時候,遵循排版的網格設計思路,以黃金分割線作為分割網頁的依據,但這只是一種參考,所謂的響應式頁面就是頁面會隨著瀏覽器窗口的大小做相應的調整,API.NET
為了適應現在主流的顯示器,網頁的尺寸大致應該為1200px以下
把1000寬度的網頁劃分成10塊,或者按照黃金比例劃分之后進行布局設計
黃金分割比例。頁面分割,類似柵格化。100px或者50px為參考值。網易1000px,淘寶1190+50側邊欄
網頁寬度設定1000px或者1200px,以100px(或50px 更細致)進行等分,根據等分參考線畫區塊格子,先保證格子為100(或者50)的整數倍,然后在區塊內通過一方內縮產生區塊間距。
分割法: 先確定網頁寬度,然后把網頁等分,分得越詳細越好,根據等分的參考線來畫區塊和內容。黃金比例:1:0.67.