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