首頁(yè)?>?知識(shí)?資訊?>?網(wǎng)站排版中還有需要注意的問(wèn)題?>?正文

網(wǎng)站排版中還有需要注意的問(wèn)題

2018/3/30 0:00:00 · 稿源:傳誠(chéng)信

網(wǎng)站排版中還有需要注意的問(wèn)題

  • 中英文之間需要加空格;

  • 中文與數(shù)字之間需要加空格;

  • 色彩和字體控制在三種或以內(nèi);

  • 留白與內(nèi)容的分布要平衡;

  • 考慮加大段前或段后的的距離(注意不是敲回車鍵),會(huì)讓閱讀顯得更加清晰;

  • 避免單行只出現(xiàn)一個(gè)字的情況。

文字型標(biāo)識(shí)排版

無(wú)論是中文還是西文,都要講究字體的平衡。

一個(gè)文字型 logo 的高品質(zhì)感,源于多方面因素:字體結(jié)構(gòu)、字體重心、字面與字懷的比例關(guān)系、字體間距的平衡、字重等等。

好的設(shè)計(jì)是讓你完全察覺(jué)不到的,它能夠自然而然的向你表達(dá)一種內(nèi)在的氣質(zhì),它不需要花里胡哨的刻意去點(diǎn)綴,自然而然的在那里。

下面的 Prada 標(biāo)識(shí),黑色是字面,紅色是字懷,藍(lán)色是字的留白。

藍(lán)色與紅色部分保持了高度的互補(bǔ)關(guān)系,所謂陰陽(yáng)平衡,整個(gè)標(biāo)志字體之間顯得非常平衡,達(dá)到了完美的分配。如果只是簡(jiǎn)單的把字體水平居中排列的話,就會(huì)讓整體變得不平衡,這時(shí)候千萬(wàn)不要相信電腦的對(duì)齊工具。

這種細(xì)微的變化需要有很強(qiáng)排版功力,需要練就設(shè)計(jì)的眼睛,但區(qū)別于互聯(lián)網(wǎng)人口中的「像素眼」。

以下左側(cè)為官方圖標(biāo),而右側(cè)則是使其水平居中分布后的。

網(wǎng)站排版中還有需要注意的問(wèn)題

由于漢字的復(fù)雜性,在設(shè)計(jì)時(shí)更要注意字面、字懷、留白的關(guān)系。 (紅色和藍(lán)色部分的平衡關(guān)系)

要注意字面、字懷、留白的關(guān)系

圖形的排版

在涉及到圖形的時(shí)候,不僅僅要考慮單獨(dú)元素,也要注意元素之間因差異性導(dǎo)致的不協(xié)調(diào),需要設(shè)計(jì)師根據(jù)視覺(jué)平衡來(lái)做相應(yīng)的調(diào)整。

不僅僅是字體的調(diào)整,要考慮字懷和字面所占面積的平衡,圖形的排版也需要講求平衡的關(guān)系。

舉一個(gè)例子:就我們平時(shí)多見(jiàn)的播放圖標(biāo),一般是三角形構(gòu)成,三角形的左半部分相對(duì)于右半部分而言,占據(jù)更多的空間,分量較重。如果按照電腦的居中方式對(duì)齊的話,會(huì)導(dǎo)致出現(xiàn)以下第一種展示效果,導(dǎo)致空間的失衡,這也是很多經(jīng)驗(yàn)少的設(shè)計(jì)師所犯的錯(cuò)誤。然而有時(shí)回過(guò)頭來(lái)看并不能準(zhǔn)確的發(fā)現(xiàn)這個(gè)問(wèn)題,因?yàn)殡娔X就是居中對(duì)齊了。

而有了一些經(jīng)驗(yàn)的設(shè)計(jì)師就會(huì)根據(jù)視覺(jué)平衡來(lái)做出調(diào)整,使得三角形左右空間達(dá)到視覺(jué)平衡。

還有另外一種情況,如下:右邊灰色正矩形和正圓形同樣是100X100 像素,且上邊和底邊是對(duì)齊的關(guān)系,但是在視覺(jué)上圓形比矩形顯得更小一些,對(duì)齊目標(biāo)相對(duì)矩形也更向內(nèi)一些,這樣就需要把它整體變大調(diào)整,來(lái)保證視覺(jué)上與矩形的統(tǒng)一。

圖形再深入延伸就是 LOGO 的設(shè)計(jì),這不僅僅要從美學(xué)角度思考也要考慮其深層含義。

從美學(xué)角度思考也要考慮其深層含義

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354