- 中文版Photoshop淘寶網(wǎng)店設(shè)計入門與提高
- 周嘉
- 727字
- 2019-12-05 11:35:18
1.9 網(wǎng)店網(wǎng)頁的版式布局
設(shè)計網(wǎng)店時,為了提高銷售業(yè)績,需要制作美觀并適合商品的頁面。通過利用圖片或者文字說明等組合元素,對網(wǎng)頁進(jìn)行布局,以吸引人的眼球,由此提升顧客的購買率,這就是以達(dá)到吸引顧客為目的設(shè)計的版式布局。
1.9.1 對稱與均衡
對稱與均衡是統(tǒng)一的,都是讓顧客在瀏覽店鋪信息的過程中求得心理上的穩(wěn)定感。對稱與均衡是指畫面中心兩邊或四周的視覺元素具有相同的數(shù)量而形成畫面均衡感。在對稱與均衡中,采用等形不等量或等量不等形的手法組織畫面內(nèi)容,會使畫面更加耐人尋味,增強(qiáng)細(xì)節(jié)上的趣味性,如圖1-39所示。
1.9.2 對比與調(diào)和
對比與調(diào)和看似一對矛盾的綜合體,實(shí)質(zhì)上是相輔相成的統(tǒng)一體。其實(shí)在很多網(wǎng)站的頁面設(shè)計中,畫面中的各種設(shè)計元素都存在著相互對比的關(guān)系,為了尋求視覺和心理上的平衡,設(shè)計師往往會在對比中尋求能夠相互協(xié)調(diào)的元素,也就是說在對比中尋求調(diào)和,讓畫面在富有變化的同時,又有和諧的審美情趣。
圖1-39
對比是差異性的強(qiáng)調(diào),對比的因素存在于相同或者相異性質(zhì)之間,也就是把具有對比性的兩個設(shè)計元素相比較,產(chǎn)生大小、明暗和粗細(xì)等對比關(guān)系。
調(diào)和是指強(qiáng)調(diào)版面內(nèi)容與形式上的近似性,在各個設(shè)計元素之間尋求共同點(diǎn),緩和各元素之間的矛盾沖突,使畫面呈現(xiàn)出舒適、柔和的效果,如圖1-40所示。
1.9.3 虛實(shí)與留白
虛實(shí)與留白是版式設(shè)計中重要的視覺傳達(dá)手段之一,采用對比與襯托的方式將畫面的主體部分烘托出來,使版面層次更加清晰,同時也能使版面更具有層次感,畫面主次分明。而為了強(qiáng)調(diào)主體,可將主體以外的部分進(jìn)行虛化處理,用模糊的背景將主體突出,使主體更加明確。但是在網(wǎng)店設(shè)計中,通常會采用降低不透明度的方式來進(jìn)行創(chuàng)作。所謂留白,是指在畫面中巧妙留出空白區(qū)域,賦予畫面更多的空間感,令人產(chǎn)生豐富的想象,如圖1-41所示。
圖1-40
圖1-41
- ModelSim電子系統(tǒng)分析及仿真(第3版)
- Spring Security 3
- 中文版Illustrator 2021完全自學(xué)教程
- InDesign平面設(shè)計案例教程:從設(shè)計到印刷
- 斯科特·凱爾比的零基礎(chǔ)攝影后期課 Lightroom數(shù)碼照片調(diào)修技法
- 中文版3ds Max 2016實(shí)用教程
- JBoss RichFaces 3.3
- Python Testing Cookbook
- Inkscape Starter (Microcontent)
- UG NX 11中文版從入門到精通
- Maya腳本應(yīng)用手冊:表達(dá)式與MEL語言
- 手把手教你學(xué)成Excel高手
- 中文版SolidWorks 2016完全實(shí)戰(zhàn)技術(shù)手冊
- Adobe創(chuàng)意大學(xué)視頻編輯師 After Effects CS5 + Premiere Pro CS5 標(biāo)準(zhǔn)實(shí)訓(xùn)教材
- Excel 2016數(shù)據(jù)處理與分析(微課版)