網(wǎng)頁設(shè)計(jì)中看不見的力量：間距和形狀

2016-08-13 分類：網(wǎng)站建設(shè)

在前面的文章中，我們了解到如何使用大小和縮放，使您的設(shè)計(jì)和諧和清晰。在這篇文章中，我們講講這些在設(shè)計(jì)中無形的力量，我們將了解如何微妙的使用間距，通常被稱為“白色空間”或“負(fù)空間”，它們可以用來使你的設(shè)計(jì)有效地溝通。本文說說網(wǎng)頁設(shè)計(jì)中看不見的力量：間距和形狀。

你的數(shù)據(jù)比例

這是由信息的設(shè)計(jì)大師Edward Tufte引入的一個(gè)概念。每一滴墨水傳達(dá)多少信息，或在移動(dòng)和網(wǎng)頁設(shè)計(jì)的情況下，每一個(gè)像素傳達(dá)多少信息。

在左邊的圖表有一個(gè)更高的數(shù)據(jù)/墨水比右邊的圖表。這個(gè)圖形真的需要用“墨水”填充嗎？不，它只是點(diǎn)和線。

使用白色空間清潔布局

特別是當(dāng)你設(shè)計(jì)的小屏幕，你不希望像素去浪費(fèi)任何一個(gè)像素。設(shè)計(jì)者傾向于使用網(wǎng)格來幫助組織布局中的信息。專業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷等產(chǎn)品服務(wù)請(qǐng)看這里http://www.rwnh.cn/。網(wǎng)格有助于對(duì)齊元素，例如文本行，然后創(chuàng)建相互關(guān)聯(lián)的信息區(qū)域。

這是一個(gè)網(wǎng)格上設(shè)計(jì)的基本布局。左邊是你的導(dǎo)航，較大的區(qū)域占有主要內(nèi)容。這個(gè)布局是好的，但請(qǐng)注意，導(dǎo)航之間的空白和在主內(nèi)容區(qū)域內(nèi)的文本列之間的空白是相同的。稍微加寬導(dǎo)航和主要內(nèi)容區(qū)域之間的溝是很有意義的。

這樣的布局有一個(gè)和諧的大小關(guān)系，問題是，這些元素之間的負(fù)空間沒有被考慮。一般來說，你會(huì)用你的眼球來計(jì)算這個(gè)間距。沒有數(shù)學(xué)的方法來告訴你到底有多少間距。通過思考你如何塑造你的白色空間布局，你的設(shè)計(jì)將看起來更清潔，更清晰，可用性更高。

網(wǎng)頁名稱：網(wǎng)頁設(shè)計(jì)中看不見的力量：間距和形狀
轉(zhuǎn)載注明：http://www.rwnh.cn/news/40576.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、網(wǎng)站營銷、網(wǎng)站內(nèi)鏈、服務(wù)器托管、品牌網(wǎng)站建設(shè)、微信小程序

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

猜你還喜歡下面的內(nèi)容

SEO優(yōu)化常識(shí)-不要忽略圖片的alt屬性 2016-06-21
網(wǎng)站網(wǎng)頁快照被刪除了如何解決？ 2016-05-28
小企業(yè)網(wǎng)站無銷售額？這7個(gè)錯(cuò)誤是主要原因 2016-05-27
戴爾展示了新的標(biāo)志 2016-05-27
作為初學(xué)者，網(wǎng)頁設(shè)計(jì)中有哪些設(shè)計(jì)原則 2016-08-13
開通電商平臺(tái)的會(huì)員有什么利弊 2016-05-27

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)頁設(shè)計(jì)中看不見的力量：間距和形狀