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

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

來源:design.anyforweb 作者:design.anyforweb 學(xué)習(xí):3362人次

不需要的時候,導(dǎo)航只是個小小的漢堡圖標(biāo)。

展開之后,它是這樣的:

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

也可以根據(jù)你的意愿讓它隨時消失。

又或者展開前是如此低調(diào)的存在:

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

打開后以色塊的形式呈現(xiàn),讓近視患者也能清楚的分辨:

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

九、減去頁面之間的相同存在!

相同的部分在網(wǎng)頁設(shè)計中顯得毫無意義,不僅讓網(wǎng)頁邏輯變得繁雜瑣碎,更會讓用戶覺得反感。尤其在布局一致的情況下,內(nèi)容的差異化尤為重要。這些差異化可以從很多方面表現(xiàn)出來,比如色彩、文字、風(fēng)格等等。

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

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

如果想設(shè)計更特別的網(wǎng)頁,你可以選擇這樣做:

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

總結(jié):

以上是我們?yōu)檎谂佑偷拇蠹铱偨Y(jié)的網(wǎng)頁UI設(shè)計法則,有可能你對上述內(nèi)容已經(jīng)聽聞過許多,但其中的意義還需要在實踐中漸漸摸索領(lǐng)悟。

Finally,多多練習(xí),根據(jù)設(shè)計環(huán)境不斷優(yōu)化自己的實戰(zhàn)經(jīng)驗,做一個機(jī)靈的設(shè)計師!

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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