歡迎來到神秘園PS教程自學網,這里是Photoshop愛好者的樂園![登錄][注冊]

PS網頁效果圖設計需要注意什么

2019年04月21日15:33來源:互聯網編輯:Dante

網頁設計,即用借助軟件在電腦上設計出網頁效果圖。較早之前有部分設計師會用網頁制作三劍客中的Fireworks來設計,但現在基本都使用Photoshop來制作網頁效果圖了,原因很簡單:Photoshop功能更強大,能有更高品質的設計感。當然,這也與使用者的能力有關!

網頁設計師也就是行外人常說的網頁美工,可能對于設計師的我們來說,被稱作網頁美工會有不被尊重的感覺,但是大家不必在意,大多數情況是外行人員不懂,只把網頁美工當作是網頁設計師的別稱罷了。我們只要不斷提高自己的設計能力即可,用作品說話!

言歸正傳,我們在使用Photoshop設計網頁效果圖的時候,需要注意哪些方面呢?

總的來說只有兩個方面:布局與配色。

布局就是如何把要產品要展現的內容模塊在頁面上合理分配地盤,包括每個模塊的位置,大小,排列與對齊。

配色則是指網頁設計過程中用到顏色搭配效果,包括主色與輔色的確定,以及具體在何處使用主色,何處使用輔色。

雖說網頁設計只要把握好布局與配色,但真正想要做好這兩點,是需要一定的時間與積累才能完成。只有在練習中不斷超越自己,才能一步一步往前走。

大的思想不可一蹴而就,但一些實用的注意點還是可以現學現用。

網頁設計注意點1:字體。

我們知道網頁最終是在瀏覽器中顯示的,而現在瀏覽器能顯示的字體跟每個人的使用的電腦有關,電腦里有什么字體,它才能正確顯示該字體。而作用為普通用戶的電腦,基本上安裝的是微軟的Windows與蘋果的Mac操作系統電腦,這些電腦都能正確顯示中文字體(英文的就不說了)就是宋體、黑體、微軟雅黑,所以為了能讓我們設計出來網頁效果與最終在瀏覽器上顯示的成品盡可能的保持一致,在設計的時候就不要使用其他字體。(除非是用來制作圖片使用)

另外,宋體不要消除鋸齒(網頁上顯示的是沒有消除鋸齒的宋體),黑體盡量不用(顯示不美觀),微軟雅黑是現在常用在網頁設計上的字體(消除鋸齒項可選銳利或犀利都可以)。字號上不消除鋸齒的宋體宜使用12px或14px,大于14px在設計上就要消除鋸齒,而微軟雅黑則是可以多種字號都能較好顯示。

網頁設計注意點2:圖片。

圖片素材最重要的一點是清晰,不要使用圖片質量差的,到處是馬賽克斑點或是雜色嚴重的圖片做素材,會拉低整個設計效果。另外一點就是圖片素材的內容與色彩要與網頁配色相搭。好的素材能讓你的網頁設計的更加協調,舒服。雖然不能保證網頁做好后運營人員上傳的圖片,但至少做效果圖的時候要做到最好。

網頁設計注意點3:圖標。

圖標在網頁中主要是起裝飾作用,讓網頁更加有活力,但在設計時,切勿不要濫用,過多的圖標元素會讓網頁的整體變得散亂,不利于重點內容的展現。其次,圖標的大小要安排好,不可過大。最后是圖標一定要清晰可辨,很多圖標在縮小后都變的模糊不清,這時候就要更換圖標或者重新繪制/修飾圖標。

根據以上3點,看看你的網頁設計作品有沒有遇到這些問題呢

教程由[www.prvcmq.live]收集整理
ps教程自學網 ps照片 ps摳圖教程 ps鼠繪教程 ps字體 ps技巧 ps入門 ps知識問答
下次找不到怎么辦?★一鍵收藏分享★
更多
設計軟件教程
ps教程大全
ps教程入門
ps摳圖專區
ps照片美化
關閉
u147台球