網(wǎng)頁也要變美麗!絲帶兒打造別樣style
絲帶效果的網(wǎng)頁設(shè)計(jì)在國內(nèi)的大多數(shù)網(wǎng)站中并不多見,因?yàn)榻z帶元素的運(yùn)用總會(huì)給人一種比較輕松,甚至女性化的感覺,所以使用范圍很狹隘,設(shè)計(jì)師也不敢輕易嘗試。
但AnyForWeb認(rèn)為,網(wǎng)頁中的絲帶效果并不只是清新文藝系的專利,柔美的絲帶線條也能釋放出一種特別的張力。直接上圖!
1.第一個(gè)案例利用雜技表演的演出場景為網(wǎng)頁營造出一種獨(dú)特的平衡感,這類型的畫面很容易讓瀏覽者找不到視覺重點(diǎn)。要解決這個(gè)問題其實(shí)也很簡單,只要有一個(gè)顏色與頁面環(huán)境相符的色塊,就會(huì)讓整個(gè)網(wǎng)頁的邏輯關(guān)系更清楚。而中規(guī)中矩的色塊又難免顯得呆板,如果這時(shí)用絲帶效果來代替呢?網(wǎng)頁一秒鐘變生動(dòng)!
2.這個(gè)案例的背景用了比較寫實(shí)的紋理背景,因此,如果用比較常見的布局方式,比如將絲帶效果放在頁面上中部會(huì)表現(xiàn)得很突兀。設(shè)計(jì)師很巧妙的把絲帶的位置分別放在左上角和中下方,兩者的呼應(yīng)形成了禮物的包裝方式,讓整體看起來更融合。
3.將絲帶效果貫穿于logo設(shè)計(jì)中是一種比較常見的使用方式。這一現(xiàn)象證明了,絲帶效果可以起到突出重點(diǎn)的作用。但其中值得注意的是,絲帶色塊的色彩一定要和logo,以及整體色彩協(xié)調(diào)。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 調(diào)色知識(shí),簡單實(shí)用的調(diào)色原理
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 用戶體驗(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)上正確地顯示