當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

網頁設計!教你如何設計網頁

來源:站酷 作者:yxw520 學習:9123人次

首先,大家要先知道,什么是網頁設計,很多人會說,網頁設計不就是文字和圖片的組合嗎?沒錯,網頁中包括文字、圖片、視頻等元素,但是僅僅把這些元素排在一起就是網頁了嘛,顯然不是。

網頁設計其實是一個感性思考與理性分析相結合的過程,對設計師自身的美感以及對版面的把握都有較高的要求。經過這幾年網頁設計的經驗,總結了以下幾點,供大家參考。

網頁設計的尺寸

網頁設計的版面尺寸沒有固定的標準,和顯示器的大小以及分辨率有關,設計的時候要考慮多種分辨率的情況,一般將寬度設置在768像素以內,就不會出現(xiàn)水平滾動條,高度則視版面和內容而定。例如,在分辨率為1440*768像素情況下,將網頁內容保持在1002像素以內的話,高度在612-615像素之間,就不會出現(xiàn)滾動條和垂直滾動條了。

網頁設計!教你如何設計網頁

2. 網頁設計的程序

很多小伙伴們一拿到產品經理的原型之后,就開始百度各種設計素材,開始拼素材之旅,照著原型開始設計界面,也許你能夠拼湊出領導滿意的界面,但是你永遠都不會進步,永遠都只是個美工,而成為不了真正的UI設計師。拼素材,首先不說版權問題,就看各類網站千篇一律的素材,你即使再怎么努力排版設計,都設計不出真正“高大上”的界面。素材問題后面的設計文章會另外跟大家分享自己素材創(chuàng)作的經驗。

今天要跟大家說的是網頁設計的程序,沒有程序,你的設計將會雜亂無章,無從下手

第一:分析定位

這一階段根據(jù)網站的性質來確定設計風格,確定設計思路,比如你要設計的是汽車網站,汽車給人的感覺是動感,時尚,而你設計成可愛風格,對不起 ,那你就準備定加班餐吧- -

網頁設計!教你如何設計網頁

第二:設計構思

這一階段根據(jù)客戶所提供的圖片,文字、視頻等內容進行大致位置規(guī)劃,也就是設計布局;绢愋陀袧M版型、分割性、曲線形、對稱性等,可以根據(jù)不同網站的行業(yè)屬性、進行選擇(PS:網站的版式布局后續(xù)會跟大家一起分享)

第三:方案設計階段

這一階段,往往會暴露出很多問題,要逐一分析解決,結合版面色彩,構圖等元素綜合考慮,制作出稿件,供客戶審核。

為了保證整個網站風格的統(tǒng)一,需要盡可能將logo放在每個頁面上最突出的位置,要突出你的標注顏色,要有一句反映主題的宣傳口號,相同類型的圖片要做統(tǒng)一的效果處理,例如在網站出現(xiàn)的標題都有描邊投影效果,其他頁面都應該是一致的。

色彩搭配方面,為了使版面統(tǒng)一在一種色彩上,通過調整明度,純度,以形成豐富的層次感;或者選擇兩個具有對比效果的顏色,形成視覺沖擊?傊,要使整個網站保持統(tǒng)一的色彩感覺。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網友求助,請回答!