規劃标準，關(guān)于剛入行的新人，可(kě)能覺得是一件很巨大上又很讓人頭疼的工作。本文(wén)從新人的視點動(dòng)身，總結一些規劃标準要點，算是一次溫故總結的共享。
我自身是一名UI規劃師(shī)，所以我站(zhàn)在規劃師(shī)的視點去把自己所學所了解的東西通(tōng)知咱們。可(kě)能公司不同，咱們規劃習氣不盡相同，可(kě)是畢竟仍是能有些協助。依舊聲明：這兒寫的僅僅我個(gè)人的運用習氣，僅僅一種工作辦法，咱們在詳細工作中(zhōng)，一定要靈活運用。另外，技能的更新是非常快的，我寫的這些可(kě)能某些東西和(hé)你(nǐ)們的工程師(shī)夥伴所用的辦法不一樣了，所以，仍是要靈活運用。
首先帶領咱們先了解一下(xià)本文(wén)大緻分為哪幾個(gè)模塊：網頁規劃尺度、常用字體、字體距離(lí)舒适規模、字體色彩規劃技巧、其他留意事項。
一、網頁規劃尺度
制作網頁時咱們選用的分辨率是72像素/英寸，運用的畫布尺度1920px*1080px。但并不代表咱們能夠在整個(gè)畫布上作圖。
網頁的布局主要有兩種：左右型布局和(hé)居中(zhōng)型布局。布局的不一緻，使可(kě)規劃的空間也不相同。
左右結構型
1、左右布局，靈活性強，UI的約束小；
2、左面通(tōng)欄為導航欄，寬度沒有詳細的限時，能夠根據實際情況進行調整；
3、右側為内容闆塊規模，是網站(zhàn)内容展現區域。
居中(zhōng)型
4、居中(zhōng)布局，中(zhōng)間的黃色部分為有用的顯現區域，用于網站(zhàn)内容的展現。
5、換句話說，兩邊均為留白，沒有實際用處，僅僅為了适配而存在。
6、内容限時區域在好控制在1000px-1200px。
二、常用字體
現在網頁的布局咱們現已了解了，那麼接下(xià)來就是網頁中(zhōng)常用到的字體。
字體規劃的總原則是：可(kě)辨識性和(hé)易讀性。
中(zhōng)文(wén)主張運用微軟雅黑字體，英文(wén)則主張運用arial字體。常用的字體大小号有以下(xià)幾種：
1、12px是用于網頁的最小字體，适用于傑出性的日期，版權等注釋性内容。
2、14px則适用于非傑出性的一般正文(wén)内容。
3、16px或18px适用于傑出性的标題内容。
4、網站(zhàn)的字體大小并沒有硬性規定詳細的字号，根據實際情況能夠酌情考慮，可(kě)是要有限适用偶數字号。
5、字體标準也不需求太多，最好适用三種混搭。假如(rú)需求更多
6、層次的區别，能夠改動(dòng)字體色彩或加粗來表現。
三、字體距離(lí)舒适規模
相鄰兩個(gè)文(wén)字的距離(lí)，其實不需求太過介懷，除了特别的需求之外，都能夠運用默許數值的距離(lí)。
1、行距離(lí)，引薦以字體大小的1.5-2倍作為參閱；
2、段距離(lí)，引薦以字體大小的2-2.5倍作為參閱。
3、當選用14px字體時，行距離(lí)：21-28px;段距離(lí)：8px-35px
四、字體色彩規劃技巧
1、主文(wén)字的色彩，主張運用公司品牌的VI色彩，可(kě)進步公司網站(zhàn)與公司VI之間的相關(guān)，添加可(kě)辨識性和(hé)記憶性。
2、正文(wén)字體色彩，穩妥起見，選用易讀性的深灰色，主張選用#333到#666之前的色彩。
3、輔助性的，注釋類的文(wén)字，則能夠選用#999999之類的比較淺的色彩。
假如(rú)，你(nǐ)對色彩駕馭能力比較強，你(nǐ)也能夠選擇偏公司VI色彩的深色，作為正文(wén)字體色彩或許輔助性文(wén)字的色彩。
例如(rú)公司的品牌是藍色，那麼正文(wén)就能夠選用偏藍色的深色。這樣處理之後，文(wén)字就有了環境色，網站(zhàn)全體将更加調和(hé)。
深灰色偏藍色
五、其他需求留意的事項
做網頁規劃時，你(nǐ)還要特别留意網頁的首屏内容，在構圖和(hé)内容出現上，首屏模塊的規劃至關(guān)重要。
1、除掉任務欄，浏覽器(qì)菜單欄以及狀态欄的高度，剩餘的是首屏高度。
2、WindowXP的首屏高度平均值為580px,window7的首屏高度平均值是710px。
3、歸納考慮到WindowXP現已退出商(shāng)場，在實際操作時，咱們以710px作為根據。
如(rú)下(xià)圖，黃色區域是咱們規劃時要着重考慮的首屏規模
另外，是關(guān)于圖片尺度問(wèn)題。需求全屏顯現的圖片，寬度尺度嚴厲規劃為1920px。可(kě)是值得留意的是，圖片内容的有用規模不能超過網頁内容的有用規模，控制在1200px以内，以免遇到小屏設備時顯現不全，而形成信息遺失。
提到這兒，網站(zhàn)規劃标準部分的内容就算是講完了，當然上面的一切标準也僅僅标準，不要由于這些标準去約束自己的主意，标準是用來打破的，規劃最重要的仍是規劃得漂亮(liàng)，規劃的時候詳細要給多大的數值，取決于規劃師(shī)，标準是用來參閱的。
