2014-10-25 分類: 網(wǎng)站建設(shè)
排版在網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常被忽略。事實(shí)上,這是非常愚蠢的,因?yàn)殛P(guān)注網(wǎng)頁(yè)排版能真正提高你的網(wǎng)頁(yè)設(shè)計(jì)水平和可讀性。接下來(lái),專業(yè)網(wǎng)站設(shè)計(jì)公司列出了10種非常有用的排版技巧,讓你的網(wǎng)站看起來(lái)更好。
1,修正線的高度
專業(yè)設(shè)計(jì)網(wǎng)站公司的網(wǎng)頁(yè)布局中最常見(jiàn)的錯(cuò)誤之一是不正確的行高的定義。行高被定義為文本行的高度,因此我們必須根據(jù)文本的字體大小設(shè)置行的高度。
一般來(lái)說(shuō),當(dāng)設(shè)置文本行的高度時(shí),我通常在字體大小上加上7個(gè)像素(對(duì)于12到17個(gè)像素字體)。
字體{字體大小:14px;行高:21px;}
2。更正標(biāo)題保證金值
專業(yè)設(shè)計(jì)網(wǎng)站公司另一個(gè)常見(jiàn)的錯(cuò)誤是標(biāo)題周圍錯(cuò)誤的邊距值。標(biāo)題實(shí)際上與下面的段落有關(guān),而不僅僅是兩段的分割。這就是為什么標(biāo)題的頁(yè)邊頂部比頁(yè)邊底部寬。
3。不要使用太多字體
為了確保可讀性和專業(yè)性,你不應(yīng)該在你的網(wǎng)頁(yè)上使用超過(guò)3個(gè)字體。使用過(guò)多的字體會(huì)干擾你的用戶,使你的網(wǎng)站看起來(lái)凌亂。相反,字體越少,你的網(wǎng)站看起來(lái)就越干凈和容易閱讀。你可以在頭上使用一個(gè)字體。NE,文本中的一個(gè)字體,以及最后一個(gè)徽標(biāo)或字幕中的另一個(gè)字體。
4,代碼部分使用相同的寬字體。
如果你是一個(gè)人(和大多數(shù)閱讀這個(gè)博客的人一樣),你可能想在你的博客上張貼一些代碼。如果是這樣的話,請(qǐng)使用相同的寬字體。那么,什么是等寬字體字母和字符占據(jù)相同的水平寬度。
那么,專業(yè)設(shè)計(jì)網(wǎng)站公司應(yīng)該在網(wǎng)站的代碼段使用什么字體到目前為止,快遞字體是最受歡迎的。嘗試一些最新的字體,比如康索拉或者摩納哥然后你必須看它。
5。注意對(duì)比
即使你的網(wǎng)站有一個(gè)好的排版,另一個(gè)需要注意的是對(duì)比度。如果你的頁(yè)面背景是中等灰度(999999),不要使用333333的文本,或者你的內(nèi)容是很難看到的,尤其是對(duì)于年紀(jì)大或視力差的人來(lái)說(shuō)。
總之,除非你的網(wǎng)站是關(guān)于黑客,黑帽子seo,或哥特式搖滾,你應(yīng)該使用淺色背景和暗字體,以確保明確的對(duì)比度,以提高您的網(wǎng)站可讀性。
6。僅在鏈接的文本中添加一行
在我的Internet訪問(wèn)12年中,默認(rèn)鏈接樣式中使用的瀏覽器一直是藍(lán)色文本和下劃線。雖然這種藍(lán)色經(jīng)常被更改為另一種顏色,但下劃線一直被認(rèn)為是鏈接的常規(guī)模式。這就是為什么不應(yīng)該將下劃線添加到其他顏色的原因。除了鏈接之外,否則這會(huì)給用戶造成很大的混亂。
7。創(chuàng)建樣式庫(kù)
讓專業(yè)設(shè)計(jì)網(wǎng)站公司的網(wǎng)站視覺(jué)震撼的一個(gè)簡(jiǎn)單而有效的方法是為特殊頁(yè)面創(chuàng)建特殊樣式。例如,創(chuàng)建一個(gè)CSS類。警告以向用戶顯示警告。
8。按等級(jí)排列標(biāo)題和文本
為了提高可讀性,重要的是為標(biāo)題、介紹和常規(guī)文本創(chuàng)建標(biāo)簽層次結(jié)構(gòu),這樣用戶就可以看到文章的結(jié)構(gòu)并快速找到他們感興趣的部分。
9,大膽保持白色
我認(rèn)為最重要的排版技術(shù)之一是大膽和空白。空白是指空白或沒(méi)有使用空間,它會(huì)使你的設(shè)計(jì)整潔而專業(yè)。很多人喜歡蘋果網(wǎng)站的原因是,雖然它簡(jiǎn)單而精致,卻有許多空白。
10。正確使用標(biāo)點(diǎn)符號(hào)
如果你想提高排版水平,你不能忽視標(biāo)點(diǎn)符號(hào)。例如,引號(hào)通常用雙手符號(hào)代替。我認(rèn)為作者的意思應(yīng)該是整體和半角之間的差異,就像漢語(yǔ)中的引號(hào)和英語(yǔ)中的引號(hào)不同。,注意雙手符號(hào)的區(qū)別,相同的文本,引用引文。
這樣比較好,不是嗎如果您是WordPress用戶,您可能會(huì)很高興知道您最喜歡的博客平臺(tái)自動(dòng)將雙引號(hào)轉(zhuǎn)換為智能報(bào)價(jià)。否則,您必須使用HTML字符代碼。
當(dāng)前文章:讓網(wǎng)站看起來(lái)更高端的10種排版技巧是什么?
標(biāo)題網(wǎng)址:http://m.newbst.com/news30/30680.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、網(wǎng)站策劃、面包屑導(dǎo)航、標(biāo)簽優(yōu)化、虛擬主機(jī)、營(yíng)銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容