淺析網頁設計中留白的運用方式
設計中存在很多關于留白的知識,零零散散在網上也看過很多,總感覺比較零散,自己根據自己的感覺,重新把留白的原理和一些技巧系統的歸納整理了以下,也對自己的一個提升,分享給大家。
感知概念:歸結于網頁設計中的負空間,它將網頁設計中的圖形、文字、行列、圖片和其它元素合理的布局到整個頁面空間里,使其顯得優雅和諧并不破壞原有的空間結構,屬于一種空間關系。
網頁中留白的運用方式
1、保持導航和內容的清晰流暢。
留白不代表一定要用白色,而是預留出一些范圍來組織頁面空間中的元素,組織頁面中的細節:導航、頁眉頁腳、圖像、文字、列表、LOGO、圖片等
2、增強文字和圖片的可讀性。
研究用戶,設計師即使是創建一些簡單簡潔的設計,其過程也是非常復雜的。
3、建立平衡和諧的布局。
網格布局是貫穿整個網頁設計的,網格設計在美國視覺設計中是一門深入的學科,保持各種網格的輕重,平衡設計模塊。
如圖所示:彈窗與正文的網格平衡,網格系統的黃金比例的平衡
4、減少視覺疲勞。
充分利用色彩、光、影來適配人的視覺系統,減少疲勞,調配感官色。
5、能夠給元素的藝術表現提供可持續的空間。
倘若你孤單一人,站在一個2平米的石板上和站在一個10平米的石板上,在10平米的范圍內你的周圍可以放置音響,你可以跳舞(哈哈,抱歉,我就是熱于跳舞的才打這個比方),在2平米的石板上你可以拿個麥克風喊麥,可以玩倒立。留白也可以說能夠預留儲存空間,便于擴展和利用。
總之,我們分析留白的時候,需要引入原生的一些原理,會比較容易理解。比如美術中的透視,色彩關系,空間關系,比如網格設計理論,比如網頁設計中的中英文字體規范,分辨率,安全寬度,首屏高度規范。通過這些原生的原理,我們能更好的把握設計布局和設計細節。
-
2021/12/28
-
2021/12/23
-
2021/12/17

- 愛華仕斬獲“2021年度中國廚衛行業年度智能
- 回首2021,迎戰2022 彩虹線開啟新征程!
- 福臨板材|福滿2021,圓夢2022
- 美特照明:2022年照明新趨勢,經銷商如何做大
- 會自己“洗澡”的集成灶,帥康自動清洗集成灶
- 帶你設計一款功能多變,簡單實用的休閑露臺陽
- 世紀豪門吊頂:破防了!原來顏值+實力=H20
- 裝修木門選的好,噪音統統沒煩惱
- 寒潮來了,有淋浴房洗澡更保暖舒服
- 元旦特輯:歐意電器述說生活的點滴與美好
- “中國十大品牌”獲獎名單出爐,賽戈水漆榮耀
- 2021值得消費大賞 凱迪仕智能鎖榮摘兩項桂冠
- 益恩家居:新年新氣象,愛自己從好好睡覺開始
- 元旦伊始:健康新生活,從精格管道直飲水開始
- 喜迎元旦|新年新燈飾 箔晶智能照明讓酒店暖
- 吉美幫的2021 “專精特新” 深耕屋面防水體
- Aqara攜手京東成立燈光設計聯盟 打造燈飾照
- 年底廚房煥新顏,如何選擇廚電?好太太智能來
- 全鋁家具全屋莫蘭迪色系,這款美式輕奢范贏鄰
- 順趨勢·筑鳳巢·贏未來 鳳梧居門窗2021年會隆
