網(wǎng)頁設計是什么意思

      網(wǎng)頁設計是什么意思？網(wǎng)站設計是許多人的夢想，畢竟現(xiàn)在人都想著在網(wǎng)上給自己安一個家，這樣就能被更多的人看見自己的個性。網(wǎng)頁設計是什么意思?有哪些技巧?下面就來學習一下。

      網(wǎng)頁設計是什么

      網(wǎng)頁設計也被稱為 Web Design、網(wǎng)站設計、Website design、WUI 等。它的本質就是網(wǎng)站的圖形界面設計。雖然現(xiàn)在我們常使用移動端上的 APP 來獲取資訊，但是顯然基于個人電腦平臺的網(wǎng)站上網(wǎng)方式陪伴我們的歷史要比手機久很多：從1987年錢天白教授向德國發(fā)出第一封電子郵件到2000年搜狐、新浪、網(wǎng)易在美國納斯達克掛牌上市，再到現(xiàn)在網(wǎng)站遍地;中國的網(wǎng)站高速發(fā)展了近三十年。我是在小學開始去網(wǎng)吧「上網(wǎng)沖浪」的，那時的電腦屏幕非常小，分辨率只有800×600像素(對比一下，iPhone8的分辨率是750x1334px)，網(wǎng)速也很慢，經(jīng)常掉線或者加載失敗。那時的網(wǎng)站性能和體驗都不好，而現(xiàn)在網(wǎng)站設計和過去已經(jīng)有了巨大的變化：注重用戶體驗、注重頁面動效、富媒體等設計讓如今的網(wǎng)站體驗并不比軟件和手機 APP 差。加上個人電腦的普及，網(wǎng)站仍然是人機交互中非常重要的平臺之一。那么作為 UI設計師我們就必須掌握網(wǎng)站設計的規(guī)范和理解網(wǎng)站運行的原理，才能更好地駕馭這個平臺。今天就向您好好說道一下網(wǎng)站必須懂得的那些事兒。

      字體間距舒適范圍

      相鄰兩個文字的間距，其實不需要太過介意，除了特殊的需求之外，都可以使用默認數(shù)值的間距。

      1、行間距，推薦以字體大小的1.5-2倍作為參考;

      2、段間距，推薦以字體大小的2-2.5倍作為參考。

      3、當選用14px字體時，行間距：21-28px; 段間距：8px-35px

      字體顏色設計技巧

      1、主文字的顏色，建議使用公司品牌的VI顏色，可提高公司網(wǎng)站與公司VI之間的關聯(lián)，增加可辨識性和記憶性。

      2、正文字體顏色，保險起見，選用易讀性的深灰色，建議選用#333到#666之前的顏色。

      3、輔助性的，注釋類的文字，則可以選用#999999之類的比較淺的顏色。

      如果，你對顏色駕馭能力比較強，你也可以選擇偏公司VI顏色的深色，作為正文字體顏色或者輔助性文字的顏色。

      例如公司的品牌是藍色，那么正文就可以選用偏藍色的深色。這樣處理之后，文字就有了環(huán)境色，網(wǎng)站整體將更加和諧。

      網(wǎng)頁實際注意事項

      做網(wǎng)頁設計時，你還要特別注意網(wǎng)頁的首屏內(nèi)容，在構圖和內(nèi)容呈現(xiàn)上，首屏模塊的設計至關重要。

      1、除去任務欄，瀏覽器菜單欄以及狀態(tài)欄的高度，剩下的是首屏高度。

      2、Window XP 的首屏高度平均值為580px, window 7 的首屏高度平均值是710px。

      3、綜合考慮到 Window XP 已經(jīng)退出市場，在實際操作時，我們以710px作為依據(jù)。

      如下圖，黃色區(qū)域是我們設計時要著重考慮的首屏范圍

      另外，是關于圖片尺寸問題。需要全屏顯示的圖片，寬度尺寸嚴格設計為1920px。但是值得注意的是，圖片內(nèi)容的有效范圍不能超過網(wǎng)頁內(nèi)容的有效范圍，控制在1200px以內(nèi)，以免遇到小屏設備時顯示不全，而造成信息遺漏。

      說到這里，網(wǎng)站設計規(guī)范部分的內(nèi)容就算是講完了，當然上面的所有規(guī)范也只是規(guī)范，不要因為這些規(guī)范去限制自己的想法，規(guī)范是用來打破的，設計最重要的還是設計得美觀，設計的時候具體要給多大的數(shù)值，取決于設計師，規(guī)范是用來參考的。

      Ps:如果想做一個好的UI設計師，一定要從規(guī)范入手。很多都是細節(jié)的東西，在于積累。

      注：尊重原創(chuàng)文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-32601.html 違者必究！部分文章來源于網(wǎng)絡由培訓無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們，了解更多相關資訊請關注網(wǎng)頁制作頻道查看更多，了解相關專業(yè)課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050