網(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.bm7419.com/。網(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ì)中看不見的力量:間距和形狀
URL地址:http://www.bm7419.com/news26/40576.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站排名、關(guān)鍵詞優(yōu)化、網(wǎng)站導(dǎo)航、微信小程序、企業(yè)網(wǎng)站制作

廣告

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

成都做網(wǎng)站