如何將網頁這座樓蓋的漂亮?以下就例舉一些在網頁設計上能起到事半功倍的構圖技巧。個人拙見,希望能夠拋磚引玉。
【一】堅實的地基-幾何圖形的力量。
幾何圖形在頁面中往往能起到大梁的作用,也是網頁內容最為常用的承載面板。這些圖形合理的搭配和有效的穿插,能使頁面除了信息傳達外,更具層次感和觀賞性。
此網站圓角矩形巧妙的結合信息模塊穿插在一起,除了營造了網站的主體富有節奏的形狀之外,更加強了頁面的層次感,不會顯得頁面枯燥和單調。
圓形和橢圓形的結合搭載了輪播廣告和重要信息,使得整個頁面既有亮點又不失簡潔。
同樣是圓角矩形的穿插結合, 色彩填充的圖形交集既能展示重要信息又勾勒出整個網站的風格形態。
豎著的大圓角矩形和線條勾勒出整個完整的畫面,各種信息鑲嵌于各個形狀只中,既不顯得亂又使其相得益彰。
更多類似的例子:
【二】鋼筋上的鉚釘—破格而出的素材
素材應用的好,往往能起到畫龍點睛的作用,而素材起點綴頁面和表達主題之外,還能作為構圖中的一種主要元素存在,這些素材通常破格而出作為連接頁面的紐帶,使頁面結構更加的穩固,故稱其為“鉚釘”。
素材看似隨機的擺放,其實是有意的將素材擺放于左上和右下兩個對角點,視覺上俗稱的暗線,左下角信息內容的圖片和右上角的登錄窗口組成了另外一條對角暗線, 兩者并組成了X結構,而四個素材起到到了固定和壓軸的作用,穩固而又美觀。
飛躍的人越于頁面之上,護目鏡掛于導航欄之上。這兩個素材的使用使整個頁面既貼切于主題又生動,而在構圖上人連接穿插了1、2兩個板塊,而護目鏡所在的2板塊鏈接了3、4板塊,視覺上的感官延續讓頁面脈絡清晰不脫節,切富有節奏感。
本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司!
本文名稱:網頁構圖的技巧
網頁URL:http://m.newbst.com/news6/324756.html
成都網站建設公司_創新互聯,為您提供虛擬主機、面包屑導航、企業建站、網站內鏈、網站維護、網站設計公司
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯