網(wǎng)頁(yè)美工的工作主要是制作網(wǎng)頁(yè)前端，也就是把整個(gè)網(wǎng)頁(yè)設(shè)計(jì)漂亮，所以網(wǎng)頁(yè)美工要注意的東西主要有兩點(diǎn):1.色彩搭配；2.排版設(shè)計(jì)；因?yàn)樽⒅鼐W(wǎng)頁(yè)排版確實(shí)可以提高你的網(wǎng)頁(yè)設(shè)計(jì)水平和可讀性。下面，由廣州番禺新川教育的網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)老師為大家列出了10個(gè)非常有用的排版技巧，通過(guò)這些排版技巧的學(xué)習(xí)，可以讓你的網(wǎng)站看起來(lái)更漂亮，更具有可讀性。
網(wǎng)頁(yè)排版設(shè)計(jì)不可不讀的要點(diǎn):
網(wǎng)頁(yè)設(shè)計(jì)排版之一:糾正行高 最常見(jiàn)的網(wǎng)頁(yè)布局錯(cuò)誤之一是定義了不正確的行高。行高是定義一行文本的高度，所以我們必須按照文本字體大小來(lái)設(shè)定行高。一般來(lái)說(shuō)，在設(shè)置文本行高的時(shí)候，我經(jīng)常在字體大小的基礎(chǔ)上加上7個(gè)像素（對(duì)12-17像素的字體而言）body{font-:21px; } 網(wǎng)頁(yè)設(shè)計(jì)排版之二:糾正標(biāo)題margin值 另外一個(gè)常見(jiàn)的錯(cuò)誤是標(biāo)題周?chē)徽_的margin值。標(biāo)題其實(shí)是與它下面的段落是相關(guān)聯(lián)的，而不僅僅是兩個(gè)段落的分 割符。這就是為什么標(biāo)題的margin-top比margin-bottom要寬。 網(wǎng)頁(yè)設(shè)計(jì)排版之三:不要使用過(guò)多的字體 為了確?？勺x性和專(zhuān)業(yè)性，你的網(wǎng)頁(yè)上不應(yīng)該使用超過(guò)3種字體。使用過(guò)多的字體會(huì)干擾你的用戶(hù)而且讓你的網(wǎng)站看起 來(lái)很亂。相反，較少的字體讓你的網(wǎng)站顯得干凈易讀。你可以標(biāo)題使用一種字體，正文使用一種字體，*Logo或副標(biāo)題使用另外的字體。 網(wǎng)頁(yè)設(shè)計(jì)排版之四:代碼部分使用等寬字體 如果你是一位開(kāi)發(fā)者(就像大部分讀這篇博客的人)你可能想貼一些代碼在你的博客里。如果是這樣，請(qǐng)使用等寬字體。 那么，什么是等寬字體？它就是字母和字符占相同水平寬度的字體。那么在網(wǎng)站的代碼段你應(yīng)該使用哪種字體呢？ 到目前為止 Courier字體是*的，那么嘗試一下*的一些字體像 Consolas或 Monaco怎么樣呢？那你一定要看看這里咯。這里 網(wǎng)頁(yè)設(shè)計(jì)排版之五:關(guān)注對(duì)比 即使你的網(wǎng)站有很好的排版了，另一個(gè)需要注意的是對(duì)比。如果你的頁(yè)面背景是中灰色（#），那么不要使用深灰色（#）的文本，否則你的內(nèi)容很難看清，尤其是對(duì)一些年紀(jì)比較大的或視力差的人?？傊悄愕木W(wǎng)站是關(guān)于黑客、黑帽SEO或哥特?fù)u滾的，不然你應(yīng)該使用淺色背景和深色字體來(lái)保證清晰的對(duì)比度增加你網(wǎng)站的可讀性。 網(wǎng)頁(yè)設(shè)計(jì)排版之六:只給鏈接的文本加下劃線 在我上網(wǎng)的12年中，瀏覽器用在鏈接的默認(rèn)樣式一直是藍(lán)色文本加下劃線。雖然這個(gè)藍(lán)色經(jīng)常被改成另外的顏色，但下劃線一直被當(dāng)做是鏈接的常規(guī)樣式。這就是為什么除了鏈接你不要給其他的東西加上下劃線的原因。否則，這可能對(duì)你的用戶(hù)造成很大的困惑。 網(wǎng)頁(yè)設(shè)計(jì)排版之七:創(chuàng)建樣式庫(kù) 讓你的網(wǎng)站產(chǎn)生視覺(jué)震撼的一個(gè)簡(jiǎn)單高效的方法是給特殊的頁(yè)面創(chuàng)建特殊的樣式。例如，創(chuàng)建一個(gè).warning的CSS類(lèi)來(lái)向 你的用戶(hù)顯示“警告”網(wǎng)頁(yè)設(shè)計(jì)排版之八:按級(jí)別來(lái)排列標(biāo)題和文本為了增加可讀性，給標(biāo)題、介紹段落和常規(guī)文本創(chuàng)建標(biāo)簽層級(jí)是很重要的，這樣你的用戶(hù)可以看清你的文章結(jié)構(gòu)并能很 快的找到他們感興趣的部分。 網(wǎng)頁(yè)設(shè)計(jì)排版之九:大膽留白 我認(rèn)為最重要的排版技巧之一是“大膽留白”。留白是指空白區(qū)或沒(méi)有使用的空間，它會(huì)使你的設(shè)計(jì)整齊而專(zhuān)業(yè)。許多人 喜歡蘋(píng)果網(wǎng)站的原因是:它盡管簡(jiǎn)單但很精致，而且有很多留白。 網(wǎng)頁(yè)設(shè)計(jì)排版之十:正確使用標(biāo)點(diǎn)符號(hào) 如果你想提升你的排版水平不容忽視的一點(diǎn)是正確使用標(biāo)點(diǎn)符號(hào)。例如，引號(hào)經(jīng)常用雙撇符號(hào)代替（譯者注:我想作者要表達(dá)的意思應(yīng)該是全角符號(hào)和半角符號(hào)的區(qū)別，就像中文的引號(hào)和英文的引號(hào)不同一樣）。
注意區(qū)分雙撇符號(hào):
He said Hello.
同樣的文本，使用引號(hào):
He said “Hello”.
這樣更好，不是嗎？如果你是WordPress用戶(hù)，你可能很樂(lè)意知道你最喜歡的博客平臺(tái)自動(dòng)將雙撇號(hào)轉(zhuǎn)換為智能的引號(hào) 。否則，你得使用HTML字符編碼。如下所示:
He said &s;lduo;Hello”.
網(wǎng)站，同樣屬于廣告的一個(gè)方面，我們做網(wǎng)站的目的實(shí)際上只有一個(gè)，就是推廣我們的企業(yè)或者個(gè)人或者產(chǎn)品，所以，保持網(wǎng)站良好的可讀性是非常重要的，一個(gè)網(wǎng)站，如果瀏覽者進(jìn)來(lái)后沒(méi)有想要讀下去的欲望，那么你的網(wǎng)站從頭就失敗了。所以網(wǎng)頁(yè)設(shè)計(jì)中，排版設(shè)計(jì)是個(gè)非常重要的知識(shí)點(diǎn)，這里，廣州番禺新川教育的網(wǎng)頁(yè)設(shè)計(jì)老師提醒大家，請(qǐng)務(wù)必做好網(wǎng)頁(yè)設(shè)計(jì)中的排版設(shè)計(jì)。感謝大家對(duì)番禺遠(yuǎn)行教育的網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)業(yè)的關(guān)注，我們將繼續(xù)為大家上傳經(jīng)典的網(wǎng)頁(yè)設(shè)計(jì)教程,點(diǎn)擊查看番禺遠(yuǎn)行網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)業(yè)培訓(xùn)內(nèi)容簡(jiǎn)介。
歡迎感興趣的朋友來(lái)校咨詢(xún)，我們的網(wǎng)址:
也可關(guān)注我校公眾號(hào):pyyuanxing，也可以添加微信號(hào)yx-peixun。
地址:番禺區(qū)市橋街橋東路63號(hào)銀座中心7樓全層
廣州番禺新川教育簡(jiǎn)介:
廣州番禺新川教育（原廣州遠(yuǎn)行教育），國(guó)內(nèi)一流的網(wǎng)絡(luò)營(yíng)銷(xiāo)培訓(xùn)、SEO培訓(xùn)、淘寶電商培訓(xùn)、電腦設(shè)計(jì)培訓(xùn)機(jī)構(gòu)。我們沒(méi)有鋪天蓋地的廣告，但我們有國(guó)內(nèi)一流的師資及專(zhuān)業(yè)的教學(xué)方式和教學(xué)內(nèi)容，學(xué)校自2005年成立以來(lái)，得到*各地學(xué)員的如潮好評(píng)，我們靠的是質(zhì)量打天下，而不是靠用錢(qián)去砸出來(lái)的鋪天蓋地的廣告來(lái)吸引人。
本校開(kāi)設(shè)專(zhuān)業(yè)如下:
網(wǎng)絡(luò)營(yíng)銷(xiāo)； SEO優(yōu)化；
淘寶電商； 網(wǎng)頁(yè)設(shè)計(jì)；
平面設(shè)計(jì)； 室內(nèi)設(shè)計(jì)；
辦公軟件； 美術(shù)培訓(xùn)；
本校所有老師均為專(zhuān)職老師，最少十年以上工作經(jīng)驗(yàn)；
本校網(wǎng)址:
本校微信公眾號(hào):pyyuanxing
地址:番禺區(qū)市橋街橋東路63號(hào)七樓
