網(wǎng)頁板式設(shè)計(jì)原理

1、網(wǎng)頁板式設(shè)計(jì)原理目錄目錄1234網(wǎng)頁視覺空間（點(diǎn)、線、面）合適的網(wǎng)頁板式設(shè)計(jì)網(wǎng)頁視覺設(shè)計(jì)流程、點(diǎn)、線、面點(diǎn)、線、面點(diǎn)、線、面是構(gòu)成頁面視覺空間的點(diǎn)、線、面是構(gòu)成頁面視覺空間的基本要素，它們之間的不同組合可以基本要素，它們之間的不同組合可以體現(xiàn)不同的感情訴求體現(xiàn)不同的感情訴求“點(diǎn)的變化點(diǎn)的變化形狀方向方向大小大小位置位置聚集聚集發(fā)散發(fā)散排列排列活躍、平衡、豐富、穩(wěn)定畫面活躍、平衡、豐富、穩(wěn)定畫面線的變化線的變化疏密方向方向錯(cuò)覺錯(cuò)覺虛實(shí)虛實(shí)粗細(xì)粗細(xì)運(yùn)動(dòng)運(yùn)動(dòng)平穩(wěn)、條理、圓潤平穩(wěn)、條理、圓潤面的變化面的變化幾何自然自然堆砌堆砌偶然偶然對(duì)比對(duì)比厚實(shí)、平穩(wěn)、理性、自由厚實(shí)、平穩(wěn)、理性、自由合適的網(wǎng)頁合適的

2、網(wǎng)頁板式設(shè)計(jì)板式設(shè)計(jì)網(wǎng)頁板式中統(tǒng)一與變化網(wǎng)頁板式中統(tǒng)一與變化最簡(jiǎn)單、最基本的形式美法則最簡(jiǎn)單、最基本的形式美法則板式、字體、設(shè)計(jì)風(fēng)格、均衡方式、色調(diào)明暗板式、字體、設(shè)計(jì)風(fēng)格、均衡方式、色調(diào)明暗一致性、規(guī)律性一致性、規(guī)律性網(wǎng)頁板式中對(duì)比與調(diào)和網(wǎng)頁板式中對(duì)比與調(diào)和差異明顯，相反或?qū)α⒉町惷黠@，相反或?qū)α①|(zhì)地、肌理、圖形、色彩、方向、虛實(shí)、變現(xiàn)手法質(zhì)地、肌理、圖形、色彩、方向、虛實(shí)、變現(xiàn)手法強(qiáng)烈視覺、活躍造型強(qiáng)烈視覺、活躍造型對(duì)比強(qiáng)調(diào)差異對(duì)比強(qiáng)調(diào)差異產(chǎn)生沖突產(chǎn)生沖突調(diào)和尋求共同調(diào)和尋求共同點(diǎn)，緩解矛盾點(diǎn)，緩解矛盾網(wǎng)頁板式中均衡與對(duì)稱網(wǎng)頁板式中均衡與對(duì)稱圍繞視覺中心的視覺因素大體圍繞視覺中心的視覺因素

3、大體等量關(guān)系等量關(guān)系色塊、形狀、造型色塊、形狀、造型-分量和體量分量和體量產(chǎn)生穩(wěn)定感產(chǎn)生穩(wěn)定感視覺重量視覺重量網(wǎng)頁板式中節(jié)奏與韻律網(wǎng)頁板式中節(jié)奏與韻律有頻率、并置或連續(xù)性出現(xiàn)有頻率、并置或連續(xù)性出現(xiàn)數(shù)量、比例、輕重、緩急、反復(fù)、漸次數(shù)量、比例、輕重、緩急、反復(fù)、漸次生動(dòng)、豐滿生動(dòng)、豐滿網(wǎng)頁板式單純與秩序網(wǎng)頁板式單純與秩序簡(jiǎn)練與板式結(jié)構(gòu)清晰，有組織簡(jiǎn)練與板式結(jié)構(gòu)清晰，有組織有規(guī)律的表現(xiàn)有規(guī)律的表現(xiàn)形狀、面積、排列、方向形狀、面積、排列、方向簡(jiǎn)潔、清晰簡(jiǎn)潔、清晰網(wǎng)頁板式空間留白網(wǎng)頁板式空間留白可視的、有形的可視的、有形的面積、大小面積、大小位置的處理，空間虛實(shí)的經(jīng)營位置的處理，空間虛實(shí)的經(jīng)營莊重和

4、空間感莊重和空間感網(wǎng)頁的布局結(jié)構(gòu)網(wǎng)頁的布局結(jié)構(gòu)“國國”字型字型圖片圖片頁腳頁腳文本文本頁頭頁頭網(wǎng)頁布局技巧的建議網(wǎng)頁布局技巧的建議 加強(qiáng)視覺效果加強(qiáng)視覺效果 加強(qiáng)問文案的可視性和可讀性加強(qiáng)問文案的可視性和可讀性 統(tǒng)一的視覺感受統(tǒng)一的視覺感受 新鮮和個(gè)性是布局的最高境界新鮮和個(gè)性是布局的最高境界封面型封面型標(biāo)題正文型標(biāo)題正文型左右框架型左右框架型上下框架上下框架拐角型拐角型綜合變化型綜合變化型、網(wǎng)頁視覺流程設(shè)計(jì)網(wǎng)頁視覺流程設(shè)計(jì)視線在觀賞物體上的視線在觀賞物體上的移動(dòng)過程移動(dòng)過程“視覺力場(chǎng)視覺力場(chǎng)版面率版面率視覺規(guī)律視覺規(guī)律引導(dǎo)引導(dǎo)視覺中心視覺中心什么是視覺力場(chǎng)？什么是視覺力場(chǎng)？在對(duì)網(wǎng)頁頁面合理編

5、排，在對(duì)網(wǎng)頁頁面合理編排，“迫使迫使”受眾根受眾根據(jù)設(shè)計(jì)原創(chuàng)的引導(dǎo)流程進(jìn)行有效的視覺交據(jù)設(shè)計(jì)原創(chuàng)的引導(dǎo)流程進(jìn)行有效的視覺交互，并使其在心理上產(chǎn)生的一種心理力場(chǎng)互，并使其在心理上產(chǎn)生的一種心理力場(chǎng)版面率與視覺傳達(dá)效果、頁面創(chuàng)意空間成反比版面率與視覺傳達(dá)效果、頁面創(chuàng)意空間成反比線型視覺流程線型視覺流程直線直線輸入文字輸入文字在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論直接的訴求，簡(jiǎn)潔而強(qiáng)烈直接的訴求，簡(jiǎn)潔

6、而強(qiáng)烈豎向、橫向、斜向豎向、橫向、斜向線型視覺流程線型視覺流程輸入文字輸入文字在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論流暢的美感，微妙而復(fù)雜流暢的美感，微妙而復(fù)雜C形，形，S形形曲線曲線焦點(diǎn)視覺流程焦點(diǎn)視覺流程輸入文字輸入文字在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分

7、析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論主題更為鮮明、強(qiáng)烈主題更為鮮明、強(qiáng)烈離心、向心離心、向心導(dǎo)向視覺流程導(dǎo)向視覺流程輸入文字輸入文字在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論通過語義直接表達(dá)通過語義直接表達(dá)“請(qǐng)按這里請(qǐng)按這里”、“直接進(jìn)入直接進(jìn)入”文字文字導(dǎo)向視覺流程導(dǎo)向視覺流程輸入文字輸入文字在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表

8、的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論通過圖形寓意表達(dá)通過圖形寓意表達(dá)“手勢(shì)手勢(shì)”、“眼睛視線眼睛視線”、“事物形象事物形象”形象形象散點(diǎn)視覺流程散點(diǎn)視覺流程輸入文字輸入文字在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論在此錄入上述圖表的綜合分析結(jié)論感性、自由性、隨機(jī)性感性、自由性、隨機(jī)性隨機(jī)、上下左右隨機(jī)、上下左右從業(yè)者的素質(zhì)要求從業(yè)者的素質(zhì)要求網(wǎng)頁代碼結(jié)構(gòu)網(wǎng)頁代碼結(jié)