網(wǎng)頁(yè)也要變美麗!絲帶兒打造別樣style
絲帶效果的網(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)!
2.這個(gè)案例的背景用了比較寫(xiě)實(shí)的紋理背景,因此,如果用比較常見(jiàn)的布局方式,比如將絲帶效果放在頁(yè)面上中部會(huì)表現(xiàn)得很突兀。設(shè)計(jì)師很巧妙的把絲帶的位置分別放在左上角和中下方,兩者的呼應(yīng)形成了禮物的包裝方式,讓整體看起來(lái)更融合。
3.將絲帶效果貫穿于logo設(shè)計(jì)中是一種比較常見(jiàn)的使用方式。這一現(xiàn)象證明了,絲帶效果可以起到突出重點(diǎn)的作用。但其中值得注意的是,絲帶色塊的色彩一定要和logo,以及整體色彩協(xié)調(diào)。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- Photoshop初級(jí)教程-命令的技巧
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示