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

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

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

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

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

 

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

 

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

 

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

 

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

 

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

 

學(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)回答!