網(wǎng)頁(yè)也要變美麗!絲帶兒打造別樣style(2)
4.Autoffsets的整體風(fēng)格表現(xiàn)的出奇的一致。從清新童趣的背景到亮麗的色彩,再到折紙風(fēng)格的板塊設(shè)計(jì),所有的元素都展現(xiàn)了網(wǎng)站活潑的一面。這個(gè)案例中的折紙?jiān)O(shè)計(jì)雖然也是相對(duì)較硬的線條,但看起來(lái)還是俏皮不少。
5.這又是一個(gè)用絲帶效果體現(xiàn)平衡感的案例,但與第一個(gè)案例不同的是,該網(wǎng)頁(yè)中的絲帶效果運(yùn)用了分段的形式來(lái)實(shí)現(xiàn),包括標(biāo)題下方的黃色小絲帶,更是起到了引導(dǎo)用戶閱讀瀏覽的重要作用。
6.這個(gè)網(wǎng)站的風(fēng)格比較復(fù)古,并且使用了較多的圓形元素設(shè)計(jì)。幾何元素豐富的頁(yè)面一旦處理不當(dāng)會(huì)顯得很繁復(fù),頁(yè)面重點(diǎn)就會(huì)變得很難抓,用戶在瀏覽的時(shí)候會(huì)感到很困惑,所以絲帶效果的又一功能被展現(xiàn)了,它能讓內(nèi)容更醒目和靈動(dòng)。
7.這是一個(gè)經(jīng)過(guò)改良和創(chuàng)新后的絲帶效果設(shè)計(jì)。設(shè)計(jì)師將絲帶的靈感融入Metro和網(wǎng)格布局中,讓網(wǎng)頁(yè)條理清晰的同時(shí)又充滿設(shè)計(jì)感。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 圖片畫(huà)冊(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)上正確地顯示