2022-05-10 20:05:01|已瀏覽:4813次
網(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