通過(guò)之前的文章,我們學(xué)習(xí)了如何使用尺寸和比例來(lái)使你的設(shè)計(jì)更加協(xié)調(diào)和清晰。本文中,我們將講述這些設(shè)計(jì)中的無(wú)形力量,我們將學(xué)習(xí)如何巧妙地利用空間,即通常所說(shuō)的“白色空間”或“負(fù)空間”,從而使您的設(shè)計(jì)能夠有效地進(jìn)行交流。這篇文章講的是網(wǎng)頁(yè)設(shè)計(jì)中的無(wú)形力量:空間和形狀。
您的數(shù)據(jù)比例。
EdwardTufte,信息設(shè)計(jì)大師,介紹了這個(gè)概念。在手機(jī)和網(wǎng)頁(yè)設(shè)計(jì)中,每一滴墨水都能傳遞出多少信息,每一個(gè)像素傳遞出多少信息。
左圖中的數(shù)據(jù)/油墨比右圖中的數(shù)據(jù)/油墨高。這張圖真的需要加“墨水”嗎?沒(méi)有,只是點(diǎn)和線(xiàn)而已。
用白色的空間來(lái)清潔布局。
尤其當(dāng)你設(shè)計(jì)小屏幕時(shí),你不想讓像素浪費(fèi)掉。設(shè)計(jì)師傾向于使用網(wǎng)格來(lái)組織布局中的信息。Grid可以幫助對(duì)齊元素,如文本行,然后創(chuàng)建相互關(guān)聯(lián)的信息區(qū)。
鄭州做網(wǎng)站公司它是網(wǎng)格中設(shè)計(jì)的基本布局。左側(cè)導(dǎo)航,較大的區(qū)域占據(jù)了主要內(nèi)容。這種布局很好,但是要注意,導(dǎo)航欄中的空白區(qū)域與主內(nèi)容區(qū)域中的文本欄中的空白區(qū)域是一樣的。在導(dǎo)航和主要內(nèi)容區(qū)域之間略微擴(kuò)大一些差距是有意義的。
這種布局具有和諧的規(guī)模關(guān)系,問(wèn)題在于,這些元素之間的負(fù)空間并未得到考慮。一般情況下,用眼睛來(lái)計(jì)算這個(gè)間隔。并不能準(zhǔn)確地告訴你到底有多少空格??紤]一下你是如何塑造你的白色空間布局的,你的設(shè)計(jì)會(huì)看起來(lái)更干凈、清晰,并且更實(shí)用。