也許你在自己的工作中已經(jīng)用過親密性原則,不過可以做得還不夠充分
,還沒有最有效地發(fā)揮他的作用
。仔細(xì)看看你的那些頁面,看看頁面上的那些元素
,再看看那些元素應(yīng)當(dāng)分在哪一組。
設(shè)計(jì)這個(gè)小傳單的人在每個(gè)標(biāo)題和段落后邊都加了兩個(gè)回車,這樣一來,標(biāo)題與它上下的正文之間就有同樣的距離,所以看上去它們是孤立的、沒有任何關(guān)聯(lián)的項(xiàng)。你無法分清標(biāo)題屬于它上面的文本還是屬于下面的文本,原因就出在上下的距離都相等。
設(shè)計(jì)這個(gè)小傳單的人在每個(gè)標(biāo)題和段落后邊都加了兩個(gè)回車,這樣一來,標(biāo)題與它上下的正文之間就有同樣的距離,所以看上去它們是孤立的、沒有任何關(guān)聯(lián)的項(xiàng)。你無法分清標(biāo)題屬于它上面的文本還是屬于下面的文本,原因就出在上下的距離都相等。
這里有很多空白可以利用,不過這些空白都被打散了。另外有些空白放置不當(dāng),比如標(biāo)題與其相關(guān)正文之間的空白。如果像這樣“截留”空白,從視覺上看就會(huì)把元素分隔開。
將有關(guān)系的項(xiàng)歸為一組。如果頁面上有些區(qū)域的組織不太清晰,則要看看這些項(xiàng)是不是存在本不該有的親密性。使用這個(gè)簡單的設(shè)計(jì)原則來管理空間,不僅會(huì)使頁面更有條理,看上去也更美觀。
如果對(duì)這個(gè)傳單做一處修改,只需要把標(biāo)題移到其相關(guān)文本段更近的位置,這就會(huì)帶來很多變化:
1.條理更清楚
2.元素內(nèi)部不再截留空白
3.頁面看上去有更多的空間,使這個(gè)小傳單顯得不那么擁擠
2.元素內(nèi)部不再截留空白
3.頁面看上去有更多的空間,使這個(gè)小傳單顯得不那么擁擠
這里還把電話號(hào)碼和Email地址分行放置,不過它們歸為一組,與其他信息分開,這樣就能作為重要信息突出出來。
你可能還注意到
,我把居中對(duì)齊改為左對(duì)齊,這樣就留出了更多空間可以將圖片放大
。
網(wǎng)站動(dòng)態(tài)
- 三步走進(jìn)行合理科學(xué)的外鏈建設(shè)
- 企業(yè)網(wǎng)站如何在互聯(lián)網(wǎng)產(chǎn)生流量?
- 如何優(yōu)化網(wǎng)頁的URL結(jié)構(gòu)
- 關(guān)鍵詞不穩(wěn)定的主要原因
- 動(dòng)態(tài)網(wǎng)址與靜態(tài)網(wǎng)址的特點(diǎn)
- 從四個(gè)方面來提高網(wǎng)站的用戶體驗(yàn)
- 網(wǎng)頁設(shè)計(jì)使得css對(duì)搜索引擎的友善性...
- 怎樣提高站點(diǎn)訪問率
- 網(wǎng)站被降權(quán)的原因
- 網(wǎng)絡(luò)營銷服務(wù)的管理