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

網(wǎng)頁知識!送給新手10條網(wǎng)頁設計實用法則(2)

來源:design.anyforweb 作者:design.anyforweb 學習:3362人次

這種設計手法看起來很簡單是不是?但要用這種方法設計出一鳴驚人的網(wǎng)站就有一定難度了。在應用過程中,為了不破壞網(wǎng)站的用戶體驗,有幾點可以特別關注。

文字的顏色盡量使用白色,讓網(wǎng)頁看起來更大氣;因此,網(wǎng)頁背景圖的色系選擇以暗色為主;更細致的話可以再不同的分辨率下進行調試,保證在所有的情況下文字或主要內容都是易于辨識的。

網(wǎng)頁知識!送給新手10條網(wǎng)頁設計實用法則

五、關于字體,適合比新穎更重要!

“堅定求新”是很多設計師的職業(yè)病,其實,在任何事件中,適合,比什么都重要!

在網(wǎng)頁字體的應用中,形形色色的字體樣式會讓設計師不知如何是好,設計師也許會因此挑花了眼,也許會始終在常用的幾種字體中互相轉換。而關于字體的選擇,設計師應該根據(jù)圖片中的某些元素作為靈感,以此在網(wǎng)頁中自然地形成隱形線索。

網(wǎng)頁知識!送給新手10條網(wǎng)頁設計實用法則

六、只有強弱并存才會獲得對比

用強弱的對比展現(xiàn)重點突出是設計中強調內容最自然的方式。比如背景圖的弱化,加上清晰的文字或圖案,網(wǎng)頁會因此營造出以后總別致的唯美效果。如果圖片比較單調,也可以在背景和文字的中間添加一些透明度較高的線性幾何成分,讓頁面豐富充實起來,也讓整體不再單薄。

網(wǎng)頁知識!送給新手10條網(wǎng)頁設計實用法則

七、你需要一雙善于發(fā)現(xiàn)的眼睛

身邊的一切都可能隨時為你帶來靈感,千萬別吝嗇你的眼睛!

每一個細小的部分都有資格成為你的設計元素,你應該讓它們產生一些小改變,它們就會讓你的設計大提升。濾鏡?幾何?每一種效果都需要你的嘗試。

網(wǎng)頁知識!送給新手10條網(wǎng)頁設計實用法則

八、桃紅色&淺橙色!她們才是真正的百搭色!

粉嫩的暖色系色彩一直會被誤認為是很難用的顏色,當這類色彩被混雜在五顏六色的“調色盤”中的確夠難搭配,那不妨嘗試一下在單色背景中使用她們,無論是稍作點綴,還是設置為主色調,你都一定會發(fā)現(xiàn)其中的不張揚魅力。

網(wǎng)頁知識!送給新手10條網(wǎng)頁設計實用法則

九、導航是網(wǎng)頁中最重要的設計

導航可以說是整個網(wǎng)站中最重要的設計,用戶體驗舒適與否很大的決定權源自于此。對導航設計的最佳評價應該是“召之即來,揮之即去”。幽靈按鈕、漢堡圖標和無線框純文字設計都是好導航的常用設計手法。

網(wǎng)頁知識!送給新手10條網(wǎng)頁設計實用法則

學習 · 提示

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

關注大神微博加入>>

網(wǎng)友求助,請回答!