用靈魂感悟設計 · 用設計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當前位置:  設計中國    ⁄    網(wǎng)頁設計    ⁄ 資訊內容

淺析網(wǎng)頁設計中留白的運用方式

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時間: 2016/5/18 16:17:54     瀏覽:
網(wǎng)頁設計中的負空間,它將網(wǎng)頁設計中的圖形、文字、行列、圖片和其它元素合理的布局到整個頁面空間里,使其顯得優(yōu)雅和諧并不破壞原有的空間結構,屬于一種空間關系。

  設計中存在很多關于留白的知識,零零散散在網(wǎng)上也看過很多,總感覺比較零散,自己根據(jù)自己的感覺,重新把留白的原理和一些技巧系統(tǒng)的歸納整理了以下,也對自己的一個提升,分享給大家。

  感知概念:歸結于網(wǎng)頁設計中的負空間,它將網(wǎng)頁設計中的圖形、文字、行列、圖片和其它元素合理的布局到整個頁面空間里,使其顯得優(yōu)雅和諧并不破壞原有的空間結構,屬于一種空間關系。

  網(wǎng)頁中留白的運用方式

  1、保持導航和內容的清晰流暢。

  留白不代表一定要用白色,而是預留出一些范圍來組織頁面空間中的元素,組織頁面中的細節(jié):導航、頁眉頁腳、圖像、文字、列表、LOGO、圖片等

  2、增強文字和圖片的可讀性。

  研究用戶,設計師即使是創(chuàng)建一些簡單簡潔的設計,其過程也是非常復雜的。

  3、建立平衡和諧的布局。

  網(wǎng)格布局是貫穿整個網(wǎng)頁設計的,網(wǎng)格設計在美國視覺設計中是一門深入的學科,保持各種網(wǎng)格的輕重,平衡設計模塊。

  如圖所示:彈窗與正文的網(wǎng)格平衡,網(wǎng)格系統(tǒng)的黃金比例的平衡

  4、減少視覺疲勞。

  充分利用色彩、光、影來適配人的視覺系統(tǒng),減少疲勞,調配感官色。

  5、能夠給元素的藝術表現(xiàn)提供可持續(xù)的空間。

  倘若你孤單一人,站在一個2平米的石板上和站在一個10平米的石板上,在10平米的范圍內你的周圍可以放置音響,你可以跳舞(哈哈,抱歉,我就是熱于跳舞的才打這個比方),在2平米的石板上你可以拿個麥克風喊麥,可以玩倒立。留白也可以說能夠預留儲存空間,便于擴展和利用。

  總之,我們分析留白的時候,需要引入原生的一些原理,會比較容易理解。比如美術中的透視,色彩關系,空間關系,比如網(wǎng)格設計理論,比如網(wǎng)頁設計中的中英文字體規(guī)范,分辨率,安全寬度,首屏高度規(guī)范。通過這些原生的原理,我們能更好的把握設計布局和設計細節(jié)。