網(wǎng)站設(shè)計是許多人的夢想，畢竟現(xiàn)在人都想著在網(wǎng)上給自己安一個家，這樣就能被更多的人看見自己的個性。網(wǎng)頁設(shè)計是什么意思?有哪些技巧?下面就來學(xué)習(xí)一下。網(wǎng)頁設(shè)計是什么 網(wǎng)頁設(shè)計也被稱為 Web Design、網(wǎng)站設(shè)計、Website design、WUI 等。它的本質(zhì)就是網(wǎng)站的圖形界面設(shè)計。雖然現(xiàn)在我們常使用移動端上的 APP 來獲取資訊，但是顯然基于個人電腦平臺的網(wǎng)站上網(wǎng)方式陪伴我們的歷史要比手機久很
網(wǎng)站設(shè)計是許多人的夢想，畢竟現(xiàn)在人都想著在網(wǎng)上給自己安一個家，這樣就能被更多的人看見自己的個性。網(wǎng)頁設(shè)計是什么意思?有哪些技巧?下面就來學(xué)習(xí)一下。
網(wǎng)頁設(shè)計是什么
網(wǎng)頁設(shè)計也被稱為 Web Design、網(wǎng)站設(shè)計、Website design、WUI 等。它的本質(zhì)就是網(wǎng)站的圖形界面設(shè)計。雖然現(xiàn)在我們常使用移動端上的 APP 來獲取資訊，但是顯然基于個人電腦平臺的網(wǎng)站上網(wǎng)方式陪伴我們的歷史要比手機久很多：從1987年錢天白教授向德國發(fā)出第一封電子郵件到2000年搜狐、新浪、網(wǎng)易在美國納斯達(dá)克掛牌上市，再到現(xiàn)在網(wǎng)站遍地;中國的網(wǎng)站高速發(fā)展了近三十年。我是在小學(xué)開始去網(wǎng)吧「上網(wǎng)沖浪」的，那時的電腦屏幕非常小，分辨率只有800×600像素(對比一下，iPhone8的分辨率是750x1334px)，網(wǎng)速也很慢，經(jīng)常掉線或者加載失敗。那時的網(wǎng)站性能和體驗都不好，而現(xiàn)在網(wǎng)站設(shè)計和過去已經(jīng)有了巨大的變化：注重用戶體驗、注重頁面動效、富媒體等設(shè)計讓如今的網(wǎng)站體驗并不比軟件和手機 APP 差。加上個人電腦的普及，網(wǎng)站仍然是人機交互中非常重要的平臺之一。那么作為 UI設(shè)計師我們就必須掌握網(wǎng)站設(shè)計的規(guī)范和理解網(wǎng)站運行的原理，才能更好地駕馭這個平臺。今天就向您好好說道一下網(wǎng)站必須懂得的那些事兒。
字體間距舒適范圍
相鄰兩個文字的間距，其實不需要太過介意，除了特殊的需求之外，都可以使用默認(rèn)數(shù)值的間距。
1、行間距，推薦以字體大小的1.5-2倍作為參考;
2、段間距，推薦以字體大小的2-2.5倍作為參考。
3、當(dāng)選用14px字體時，行間距：21-28px; 段間距：8px-35px
字體顏色設(shè)計技巧
1、主文字的顏色，建議使用公司品牌的VI顏色，可提高公司網(wǎng)站與公司VI之間的關(guān)聯(lián)，增加可辨識性和記憶性。
2、正文字體顏色，保險起見，選用易讀性的深灰色，建議選用#333到#666之前的顏色。
3、輔助性的，注釋類的文字，則可以選用#999999之類的比較淺的顏色。
如果，你對顏色駕馭能力比較強，你也可以選擇偏公司VI顏色的深色，作為正文字體顏色或者輔助性文字的顏色。
例如公司的品牌是藍(lán)色，那么正文就可以選用偏藍(lán)色的深色。這樣處理之后，文字就有了環(huán)境色，網(wǎng)站整體將更加和諧。
網(wǎng)頁實際注意事項
做網(wǎng)頁設(shè)計時，你還要特別注意網(wǎng)頁的首屏內(nèi)容，在構(gòu)圖和內(nèi)容呈現(xiàn)上，首屏模塊的設(shè)計至關(guān)重要。
1、除去任務(wù)欄，瀏覽器菜單欄以及狀態(tài)欄的高度，剩下的是首屏高度。
2、Window XP 的首屏高度平均值為580px, window 7 的首屏高度平均值是710px。
3、綜合考慮到 Window XP 已經(jīng)退出市場，在實際操作時，我們以710px作為依據(jù)。
如下圖，黃色區(qū)域是我們設(shè)計時要著重考慮的首屏范圍
另外，是關(guān)于圖片尺寸問題。需要全屏顯示的圖片，寬度尺寸嚴(yán)格設(shè)計為1920px。但是值得注意的是，圖片內(nèi)容的有效范圍不能超過網(wǎng)頁內(nèi)容的有效范圍，控制在1200px以內(nèi)，以免遇到小屏設(shè)備時顯示不全，而造成信息遺漏。
說到這里，網(wǎng)站設(shè)計規(guī)范部分的內(nèi)容就算是講完了，當(dāng)然上面的所有規(guī)范也只是規(guī)范，不要因為這些規(guī)范去限制自己的想法，規(guī)范是用來打破的，設(shè)計最重要的還是設(shè)計得美觀，設(shè)計的時候具體要給多大的數(shù)值，取決于設(shè)計師，規(guī)范是用來參考的。
Ps:如果想做一個好的UI設(shè)計師，一定要從規(guī)范入手。很多都是細(xì)節(jié)的東西，在于積累。
版權(quán)所有：深圳市網(wǎng)商在線科技有限公司
友情鏈接:
