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

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

2018/3/30 0:00:00 · 稿源:傳誠信

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

圖形的排版

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

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

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

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

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

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

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

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

010-62199213

24小時咨詢熱線

139-1050-5354