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