1.保持導航和內(nèi)容的清晰流暢。

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

如圖所示：拿google首頁和google產(chǎn)品做一個對比，同一個空間下的logo、導航、文字的清晰元素布局

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

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

如圖所示：這是國內(nèi)外最知名的專注寫作的社區(qū)，標題與摘要，側邊欄與正文區(qū)的區(qū)隔

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

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

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

4. 減少視覺疲勞。

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

如圖所示：使用設計師網(wǎng)站和谷歌音樂做一個對比，寬屏下的視覺效果和作品hover時的文字按鈕間距大小差異, 谷歌音樂內(nèi)容和純色底色，頭部底部的距離差異

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

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

如圖所示：人的活動空間，文字的表達空間

尾聲：

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

網(wǎng)頁題目：如何更好的把握設計布局和細節(jié)
本文網(wǎng)址：http://chinadenli.net/news/106494.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、標簽優(yōu)化、外貿(mào)網(wǎng)站建設、外貿(mào)建站、企業(yè)網(wǎng)站制作、網(wǎng)站設計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)