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

設計知識!網(wǎng)頁UI設計的10條適用法則(2)

來源:站酷 作者:尛沫尛沫 學習:4975人次

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

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

 

設計知識!網(wǎng)頁UI設計的10條適用法則

 

5.關于字體,適合比新穎更重要!

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

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

 

設計知識!網(wǎng)頁UI設計的10條適用法則

 

6.只有強弱并存才會獲得對比

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

 

設計知識!網(wǎng)頁UI設計的10條適用法則

 

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

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

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

 

設計知識!網(wǎng)頁UI設計的10條適用法則

 

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

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

 

設計知識!網(wǎng)頁UI設計的10條適用法則

 

學習 · 提示

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

關注大神微博加入>>

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