不是所有的網(wǎng)頁設計都會那么給力，在開始動手之前一定要看好，網(wǎng)頁設計要符合基本的規(guī)則才能在此基礎上做到創(chuàng)新，好的網(wǎng)頁設計基本的設計規(guī)則不能亂，比如說，網(wǎng)頁設計中自己排版設計就很重要，今天針對這一塊，蒙特給大家分享一些個人設計經(jīng)驗，有需要的歡迎關(guān)注!
網(wǎng)頁設計規(guī)范是每個網(wǎng)頁設計師從業(yè)時必須要遵守的行為準則，具體如下：
1、字體的選擇
對于大多數(shù)中國人來說，見過最多的字體應該就是黑體和宋體了，這兩種字體是設計的基礎字體，應用在生活的各個場景中。
宋體：源于書法體，主要特點是橫細豎粗，筆畫末端帶有三角狀裝飾，字形端莊有力，常運用在文章正文當中。
黑體：字的主要特點是橫豎均勻，筆畫相對宋體較為粗壯，常用作文章標題，突出而醒目。
那么，我們會發(fā)現(xiàn)，很多時候網(wǎng)頁設計師會選擇微軟雅黑體來代替宋體呢?原因是宋體是一款襯線字體，受到Windows平臺字體渲染技術(shù)的限制，在小字號字體渲染方面表現(xiàn)略差，部分字號在顯示時會產(chǎn)生鋸齒、模糊等效果。而微軟雅黑這款非襯線字體，筆畫豐滿、簡潔，常用字號的顯示效果相比宋體更為優(yōu)秀，同時識別度更高。因此，從Vista時代起，微軟雅黑體就作為Windows的系統(tǒng)默認字體沿用至今。
在網(wǎng)頁設計中，為了保證有較好的顯示效果，主要標題的字體建議使用微軟雅黑體，次要標題可選用宋體。
文章的正文可選用宋體，也可使用微軟雅黑體。
此外，如果網(wǎng)頁設計中遇到需要展示英文字符的情況，建議選擇Arial、Verdana和Tahoma這幾種系統(tǒng)默認字體。
說了這么多，有些網(wǎng)頁設計的朋友可能聽糊涂了，不過不要緊，具體可以關(guān)注杭州蒙特，詳細進行相關(guān)案例的了解，一目了然。有網(wǎng)頁設計需求也可以和設計大咖一對一溝通。
2、字號使用規(guī)范
在網(wǎng)頁設計中，一般選擇使用雙數(shù)字號，字號的大小并沒有明確規(guī)定，但為了確保正常的閱讀效果，可以參考以下參數(shù)：
在網(wǎng)頁設計中最小的字號一般為12像素;正文常見字號有12像素、14像素和16像素;標題常見字號有18像素、20像素、26像素和30像素。
這里需要注意的是，由于顯示器分辨率的不斷提高，12像素的字號在大分辨率顯示器中會顯得較小，對用戶閱讀造成一定的困難。因此，在目前的網(wǎng)頁設計中很少使用12像素的字號，網(wǎng)站常規(guī)正文字號普遍使用的是14像素或16像素。
一般宋體和微軟雅黑字體均可以作為網(wǎng)頁設計的常用字體。但在目前的網(wǎng)頁設計中我們會發(fā)現(xiàn)，網(wǎng)頁中基本都以微軟雅黑字體為主，而宋體已不多見。具體來說，微軟雅黑體相比宋體而言，少了一些裝飾性，同樣字號，微軟雅黑體在視覺上更顯粗壯有力，且辨識度更高，尤其是小字號的顯示效果，微軟雅黑體的視覺感會更為清晰與明朗。
那么，在網(wǎng)頁設計中，網(wǎng)頁內(nèi)容的各個標題等如何選擇字體和字號呢，實際上直觀的效果可以參考蒙特多行業(yè)網(wǎng)頁設計案例，這方面成功的案例非常多，有需要不妨進一步了解。
3、段落、行間距規(guī)范
在網(wǎng)頁設計中，文字排版的要點分為兩個方面，即段落和行間距。段落中“行長”與“對齊方式”的設置。
行長：通常情況下，行越長，行間距越大，否則用戶在閱讀時很容易串行。在網(wǎng)頁正文中，漢字一般以每行顯示30~40個字為宜，英文一般以每行顯示40~70個字母為宜。
段落：對齊方式主要有4種，包括左對齊、右對齊、居中對齊和兩端對齊。
段落對齊方式：在國內(nèi)，大段文字的設計，多數(shù)設計師會根據(jù)中國用戶的閱讀習慣，將對齊方式設置為左對齊。
行間距作為段落中的留白，讓字與字之間有了可呼吸的空間。過小的行間距會使頁面變得擁擠不堪，增加用戶錯讀的可能性。而過大的行間距則會占用大量的頁面空間，缺乏美感。選擇適當?shù)男虚g距不僅可以提升文字的易讀性，也可以最大限度地利用好頁面空間。
傳統(tǒng)中文文檔默認行間距一般為1.5倍，在現(xiàn)階段的網(wǎng)頁設計中，漢字一般使用1.8~2倍的行間距。英文段落一般選擇1.5倍行間距。具體也可以參考蒙特這方面的相關(guān)案例，做的也很多，具體歡迎關(guān)注蒙特了解。
4、網(wǎng)頁設計的標注規(guī)范
在設計的日常工作中，設計師與前端開發(fā)人員的對接關(guān)系往往非常緊密，而設計圖的標準化標注可以提高前端開發(fā)人員的工作效率。
效果圖的標注一般包括以下3個部分：
1)頁面中控件的顏色、尺寸、交互效果(如按鈕、表單等)。
2)字體顏色、字號。
3)頁面中各個模塊的尺寸和間距。
在效果圖標注中，應特別注意以下4個問題：
1)文字清晰易讀。
2)使用的顏色應與背景色區(qū)分。
3)盡量在空白區(qū)域，不要對原圖造成視覺干擾。
4)信息應條理清楚，同一模塊的標注應擺放在同一位置，適當留有間隙，方便開發(fā)人員閱讀。
對于網(wǎng)頁設計來說，實際上很多時候只要我們注意好這些網(wǎng)頁設計基礎知識，再加上當下網(wǎng)站設計流行趨勢以及設計師個人的創(chuàng)新和見解，網(wǎng)站設計一定會做的非常優(yōu)秀，這里推薦幾個行業(yè)網(wǎng)頁設計經(jīng)典案例，有需要的朋友關(guān)注蒙特，歡迎來撩!
不是所有的網(wǎng)頁設計都會那么給力，在開始動手之前一定要看好，網(wǎng)頁設計要符合基本的規(guī)則才能在此基礎上做到創(chuàng)新，好的網(wǎng)頁設計基本的設計規(guī)則不能亂，比如說，網(wǎng)頁設計中自己排版設計就很重要，今天針對這一塊，蒙特給大家分享一些個人設計經(jīng)驗，有需要的歡迎關(guān)注!
網(wǎng)頁設計規(guī)范是每個網(wǎng)頁設計師從業(yè)時必須要遵守的行為準則，具體如下：
1、字體的選擇
對于大多數(shù)中國人來說，見過最多的字體應該就是黑體和宋體了，這兩種字體是設計的基礎字體，應用在生活的各個場景中。
宋體：源于書法體，主要特點是橫細豎粗，筆畫末端帶有三角狀裝飾，字形端莊有力，常運用在文章正文當中。
黑體：字的主要特點是橫豎均勻，筆畫相對宋體較為粗壯，常用作文章標題，突出而醒目。
那么，我們會發(fā)現(xiàn)，很多時候網(wǎng)頁設計師會選擇微軟雅黑體來代替宋體呢?原因是宋體是一款襯線字體，受到Windows平臺字體渲染技術(shù)的限制，在小字號字體渲染方面表現(xiàn)略差，部分字號在顯示時會產(chǎn)生鋸齒、模糊等效果。而微軟雅黑這款非襯線字體，筆畫豐滿、簡潔，常用字號的顯示效果相比宋體更為優(yōu)秀，同時識別度更高。因此，從Vista時代起，微軟雅黑體就作為Windows的系統(tǒng)默認字體沿用至今。
在網(wǎng)頁設計中，為了保證有較好的顯示效果，主要標題的字體建議使用微軟雅黑體，次要標題可選用宋體。
文章的正文可選用宋體，也可使用微軟雅黑體。
此外，如果網(wǎng)頁設計中遇到需要展示英文字符的情況，建議選擇Arial、Verdana和Tahoma這幾種系統(tǒng)默認字體。
說了這么多，有些網(wǎng)頁設計的朋友可能聽糊涂了，不過不要緊，具體可以關(guān)注杭州蒙特，詳細進行相關(guān)案例的了解，一目了然。有網(wǎng)頁設計需求也可以和設計大咖一對一溝通。
2、字號使用規(guī)范
在網(wǎng)頁設計中，一般選擇使用雙數(shù)字號，字號的大小并沒有明確規(guī)定，但為了確保正常的閱讀效果，可以參考以下參數(shù)：
在網(wǎng)頁設計中最小的字號一般為12像素;正文常見字號有12像素、14像素和16像素;標題常見字號有18像素、20像素、26像素和30像素。
這里需要注意的是，由于顯示器分辨率的不斷提高，12像素的字號在大分辨率顯示器中會顯得較小，對用戶閱讀造成一定的困難。因此，在目前的網(wǎng)頁設計中很少使用12像素的字號，網(wǎng)站常規(guī)正文字號普遍使用的是14像素或16像素。
一般宋體和微軟雅黑字體均可以作為網(wǎng)頁設計的常用字體。但在目前的網(wǎng)頁設計中我們會發(fā)現(xiàn)，網(wǎng)頁中基本都以微軟雅黑字體為主，而宋體已不多見。具體來說，微軟雅黑體相比宋體而言，少了一些裝飾性，同樣字號，微軟雅黑體在視覺上更顯粗壯有力，且辨識度更高，尤其是小字號的顯示效果，微軟雅黑體的視覺感會更為清晰與明朗。
那么，在網(wǎng)頁設計中，網(wǎng)頁內(nèi)容的各個標題等如何選擇字體和字號呢，實際上直觀的效果可以參考蒙特多行業(yè)網(wǎng)頁設計案例，這方面成功的案例非常多，有需要不妨進一步了解。
3、段落、行間距規(guī)范
在網(wǎng)頁設計中，文字排版的要點分為兩個方面，即段落和行間距。段落中“行長”與“對齊方式”的設置。
行長：通常情況下，行越長，行間距越大，否則用戶在閱讀時很容易串行。在網(wǎng)頁正文中，漢字一般以每行顯示30~40個字為宜，英文一般以每行顯示40~70個字母為宜。
段落：對齊方式主要有4種，包括左對齊、右對齊、居中對齊和兩端對齊。
段落對齊方式：在國內(nèi)，大段文字的設計，多數(shù)設計師會根據(jù)中國用戶的閱讀習慣，將對齊方式設置為左對齊。
行間距作為段落中的留白，讓字與字之間有了可呼吸的空間。過小的行間距會使頁面變得擁擠不堪，增加用戶錯讀的可能性。而過大的行間距則會占用大量的頁面空間，缺乏美感。選擇適當?shù)男虚g距不僅可以提升文字的易讀性，也可以最大限度地利用好頁面空間。
傳統(tǒng)中文文檔默認行間距一般為1.5倍，在現(xiàn)階段的網(wǎng)頁設計中，漢字一般使用1.8~2倍的行間距。英文段落一般選擇1.5倍行間距。具體也可以參考蒙特這方面的相關(guān)案例，做的也很多，具體歡迎關(guān)注蒙特了解。
4、網(wǎng)頁設計的標注規(guī)范
在設計的日常工作中，設計師與前端開發(fā)人員的對接關(guān)系往往非常緊密，而設計圖的標準化標注可以提高前端開發(fā)人員的工作效率。
效果圖的標注一般包括以下3個部分：
1)頁面中控件的顏色、尺寸、交互效果(如按鈕、表單等)。
2)字體顏色、字號。
3)頁面中各個模塊的尺寸和間距。
在效果圖標注中，應特別注意以下4個問題：
1)文字清晰易讀。
2)使用的顏色應與背景色區(qū)分。
3)盡量在空白區(qū)域，不要對原圖造成視覺干擾。
4)信息應條理清楚，同一模塊的標注應擺放在同一位置，適當留有間隙，方便開發(fā)人員閱讀。
對于網(wǎng)頁設計來說，實際上很多時候只要我們注意好這些網(wǎng)頁設計基礎知識，再加上當下網(wǎng)站設計流行趨勢以及設計師個人的創(chuàng)新和見解，網(wǎng)站設計一定會做的非常優(yōu)秀，這里推薦幾個行業(yè)網(wǎng)頁設計經(jīng)典案例，有需要的朋友關(guān)注蒙特，歡迎來撩!
