APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

攝氏度:側(cè)邊欄是APP最常見的導(dǎo)航方式之一,很多必須但又不常用的功能導(dǎo)航都可以收縮在側(cè)邊欄里,不影響常規(guī)操作又能在必要時(shí)快速找到,甚至是推廣的廣告也可以放置于側(cè)邊欄中。

左抽屜式的側(cè)邊欄是最常見的方式,右抽屜、全屏等變種側(cè)邊欄也相繼的出現(xiàn),側(cè)邊欄里的展示方式也越來越多樣。

更多APP側(cè)邊欄設(shè)計(jì)欣賞:Reeoo iPhone Patterns

側(cè)邊欄的變種設(shè)計(jì)之一,通過縮放當(dāng)前頁面也顯示底層的內(nèi)容:Elevate & Line Selfie Sticker

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

不同于從底層顯示的側(cè)邊欄,而是從最上層覆蓋:Gogobot & Peek

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

右側(cè)邊欄更多的是做為功能操作而存在:IFTTT &?UNIQLO RECIPE

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

直接覆蓋全屏,做為頁面的形式存在:Nike+ Move &?TriplAgent & Uber

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

常規(guī)的側(cè)邊欄導(dǎo)航方式:Park Guides & Sphere & Taasky &?Wood Joints

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

APP設(shè)計(jì)欣賞課堂系列:

啟動(dòng)頁設(shè)計(jì)賞析:
《APP設(shè)計(jì)欣賞課堂:?jiǎn)?dòng)頁設(shè)計(jì)賞析》

引導(dǎo)頁設(shè)計(jì)賞析:
《APP設(shè)計(jì)欣賞課堂:引導(dǎo)頁設(shè)計(jì)賞析》

側(cè)邊欄設(shè)計(jì)賞析:
《APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析》

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

更多APP啟動(dòng)設(shè)計(jì)欣賞:Reeoo iPhone Patterns
作者:攝氏度

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量75萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

APP設(shè)計(jì)欣賞課堂:側(cè)邊欄設(shè)計(jì)賞析

收藏 2
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。