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

網(wǎng)頁也要變美麗!絲帶兒打造別樣style

來源:AnyForWeb UDC視覺 作者:尛沫尛沫 學(xué)習(xí):4916人次

絲帶效果的網(wǎng)頁設(shè)計在國內(nèi)的大多數(shù)網(wǎng)站中并不多見,因為絲帶元素的運用總會給人一種比較輕松,甚至女性化的感覺,所以使用范圍很狹隘,設(shè)計師也不敢輕易嘗試。

但AnyForWeb認(rèn)為,網(wǎng)頁中的絲帶效果并不只是清新文藝系的專利,柔美的絲帶線條也能釋放出一種特別的張力。直接上圖!

1.第一個案例利用雜技表演的演出場景為網(wǎng)頁營造出一種獨特的平衡感,這類型的畫面很容易讓瀏覽者找不到視覺重點。要解決這個問題其實也很簡單,只要有一個顏色與頁面環(huán)境相符的色塊,就會讓整個網(wǎng)頁的邏輯關(guān)系更清楚。而中規(guī)中矩的色塊又難免顯得呆板,如果這時用絲帶效果來代替呢?網(wǎng)頁一秒鐘變生動!

 

網(wǎng)頁也要變美麗!絲帶兒打造別樣style

 

2.這個案例的背景用了比較寫實的紋理背景,因此,如果用比較常見的布局方式,比如將絲帶效果放在頁面上中部會表現(xiàn)得很突兀。設(shè)計師很巧妙的把絲帶的位置分別放在左上角和中下方,兩者的呼應(yīng)形成了禮物的包裝方式,讓整體看起來更融合。

 

網(wǎng)頁也要變美麗!絲帶兒打造別樣style

 

3.將絲帶效果貫穿于logo設(shè)計中是一種比較常見的使用方式。這一現(xiàn)象證明了,絲帶效果可以起到突出重點的作用。但其中值得注意的是,絲帶色塊的色彩一定要和logo,以及整體色彩協(xié)調(diào)。

 

網(wǎng)頁也要變美麗!絲帶兒打造別樣style

 

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

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

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

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