網(wǎng)頁(yè)設(shè)計(jì)是什么意思

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

      網(wǎng)頁(yè)設(shè)計(jì)是什么

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

      字體間距舒適范圍

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

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

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

      3、當(dāng)選用14px字體時(shí)，行間距：21-28px; 段間距：8px-35px

      字體顏色設(shè)計(jì)技巧

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

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

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

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

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

      網(wǎng)頁(yè)實(shí)際注意事項(xiàng)

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

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

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

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

      如下圖，黃色區(qū)域是我們?cè)O(shè)計(jì)時(shí)要著重考慮的首屏范圍

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

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

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

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