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

2019-02-28    分類: 網(wǎng)站建設(shè)

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

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

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


由于漢字的復(fù)雜性,在設(shè)計時更要注意字面、字懷、留白的關(guān)系。 (紅色和藍(lá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é)角度思考也要考慮其深層含義。

當(dāng)前標(biāo)題:網(wǎng)站排版中還有需要注意的問題
轉(zhuǎn)載來于:http://www.bm7419.com/news26/79276.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、網(wǎng)站改版、手機網(wǎng)站建設(shè)、做網(wǎng)站軟件開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)