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

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

這種設(shè)計(jì)手法看起來(lái)很簡(jiǎn)單是不是?但要用這種方法設(shè)計(jì)出一鳴驚人的網(wǎng)站就有一定難度了。在應(yīng)用過(guò)程中,為了不破壞網(wǎng)站的用戶體驗(yàn),有幾點(diǎn)可以特別關(guān)注。

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

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

五、關(guān)于字體,適合比新穎更重要!

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

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

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

六、只有強(qiáng)弱并存才會(huì)獲得對(duì)比

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

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

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

身邊的一切都可能隨時(shí)為你帶來(lái)靈感,千萬(wàn)別吝嗇你的眼睛!

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

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

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

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

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

九、導(dǎo)航是網(wǎng)頁(yè)中最重要的設(shè)計(jì)

導(dǎo)航可以說(shuō)是整個(gè)網(wǎng)站中最重要的設(shè)計(jì),用戶體驗(yàn)舒適與否很大的決定權(quán)源自于此。對(duì)導(dǎo)航設(shè)計(jì)的最佳評(píng)價(jià)應(yīng)該是“召之即來(lái),揮之即去”。幽靈按鈕、漢堡圖標(biāo)和無(wú)線框純文字設(shè)計(jì)都是好導(dǎo)航的常用設(shè)計(jì)手法。

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

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

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

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

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