自己小結(jié)的iOS界面交互框架

一、抽屜式滑動導航

?? 代表:Facebook字旭,QQ对湃,Path,舊版知乎

不會直接顯示在主屏幕遗淳,通過點擊左(右)上角拍柒,或側(cè)滑可以出現(xiàn)

優(yōu)點:形式多樣靈活,兼容多種模式(列表式屈暗、圖表卡片式布局)拆讯;隱藏非核心的操作與功能,讓用戶更專注于核心的功能操作上去养叛;擴展了屏幕顯示范圍

缺點:隱藏了框架中的其他狀態(tài)种呐,用戶初次使用學習成本高

二、底部標簽式

?? 代表:微信弃甥,微博爽室,Instagram

比較常見的經(jīng)典布局

優(yōu)點: 直觀展現(xiàn)當前入口位置,各個入口之間可自由轉(zhuǎn)換并且不會迷失方向淆攻,適合需要不斷在各入口之間選擇的app(社交類)


缺點:當?shù)撞繕撕灁?shù)量過多時阔墩,可能使整個應用過于龐雜

三嘿架、跳板式(類win8,九宮格圖標)

?? 代表:去哪兒網(wǎng)啸箫,去啊耸彪,美圖秀秀,隨便走

一般用作主導航

優(yōu)點:清晰展現(xiàn)各入口位置筐高;不必拘泥于完全網(wǎng)格式搜囱,可成比例放大某幾個圖標以彰顯其總要性;容易記住位置柑土,方便下次迅速找到

缺點:無法在多入口之間靈活跳轉(zhuǎn)蜀肘,不太適合社交類app;容易形成更深的路徑稽屏,不能直接展現(xiàn)入口內(nèi)容扮宠;不能顯示太多入口次級內(nèi)容

四、列表式

?? 代表:印象筆記

最常見的導航模式之一狐榔,常用于次級頁面

優(yōu)點:層次清晰坛增,可展示內(nèi)容較長的標題,可展示部分預覽內(nèi)容


缺點: 同級內(nèi)容過多時薄腻,用戶易疲勞收捣,排版靈活性不高,只能通過排列順序庵楷、顏色來區(qū)分各入口重要程度


?五罢艾、旋轉(zhuǎn)木馬式(輪播式)

?? 代表:火柴盒

優(yōu)點:可展示大面積的圖片信息,左右滑動可順暢切換尽纽,適用于每日一推


缺點:?不適合展示過多頁面咐蚯,不能跳躍性查看

六、點聚式

?? 代表:Path

優(yōu)點:節(jié)省頁面空間弄贿,展開方式有趣


缺點:隱藏了框架中其他入口春锋,不能直觀展示各項功能

七、超級菜單式


代表:美團

手機網(wǎng)站中使用較多

優(yōu)點:便于分類檢索的次級導航

缺點:分類過細差凹,返回尋找困難

八期奔、陳列館式


代表:當當讀書

優(yōu)點:直觀展示各項內(nèi)容,方便瀏覽經(jīng)常更新的內(nèi)容

缺點:不適合展現(xiàn)頂層入口框架,容易形成界面內(nèi)容過多,顯得雜亂,設(shè)計效果容易呆板

九危尿、瀑布式


代表:tataUFO

優(yōu)點:瀏覽時體驗流暢

缺點:缺乏對整體內(nèi)容的體積感能庆,易造成用戶疲勞

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市脚线,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌弥搞,老刑警劉巖邮绿,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件渠旁,死亡現(xiàn)場離奇詭異,居然都是意外死亡船逮,警方通過查閱死者的電腦和手機顾腊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來挖胃,“玉大人杂靶,你說我怎么就攤上這事〗囱迹” “怎么了吗垮?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長凹髓。 經(jīng)常有香客問我烁登,道長,這世上最難降的妖魔是什么蔚舀? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任饵沧,我火速辦了婚禮,結(jié)果婚禮上赌躺,老公的妹妹穿的比我還像新娘狼牺。我一直安慰自己,他們只是感情好礼患,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布是钥。 她就那樣靜靜地躺著,像睡著了一般讶泰。 火紅的嫁衣襯著肌膚如雪咏瑟。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天痪署,我揣著相機與錄音码泞,去河邊找鬼。 笑死狼犯,一個胖子當著我的面吹牛余寥,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播悯森,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼宋舷,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了瓢姻?” 一聲冷哼從身側(cè)響起祝蝠,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后绎狭,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體细溅,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年儡嘶,在試婚紗的時候發(fā)現(xiàn)自己被綠了喇聊。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡蹦狂,死狀恐怖誓篱,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情凯楔,我是刑警寧澤窜骄,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站啼辣,受9級特大地震影響啊研,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鸥拧,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一党远、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧富弦,春花似錦沟娱、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至盏缤,卻和暖如春砰蠢,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背唉铜。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工台舱, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人潭流。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓竞惋,卻偏偏與公主長得像,于是被迫代替她去往敵國和親灰嫉。 傳聞我的和親對象是個殘疾皇子拆宛,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容

  • 前言:14年8月分享在500UXC的文章,時間長即失去了它的時效性讼撒,今轉(zhuǎn)載至此浑厚。 年正如精良的設(shè)計一樣股耽,優(yōu)秀的導航...
    鈷藍閱讀 2,528評論 3 15
  • 平常我們?nèi)ド虉龌蛘呔包c逛的時候豺谈,通常會看到整個景區(qū)或者整個商場的導游圖,能讓我們知道身處何地并且快速的找到目的地贡这。...
    Ronie閱讀 7,650評論 5 148
  • 設(shè)計模式 一、標簽導航(微信) 標簽導航位于頁面底部厂榛,標簽的分類最好可以控制在5個以內(nèi) 優(yōu)點:清楚當前所在的入口位...
    莫同學vv閱讀 941評論 0 4
  • 1>標簽式 優(yōu)點: 1盖矫、當前位置入口清晰 2、輕松在各入口間頻繁跳轉(zhuǎn)且不會迷失方向 3击奶、直接展現(xiàn)最重要入口的內(nèi)容信...
    Jessica流年閱讀 13,243評論 4 83
  • 1.并發(fā):整個網(wǎng)站或APP在同一時間訪問的人數(shù)(并發(fā)超過服務器辈双,則會在使用中制動關(guān)閉) 2.迭代:版本更新 3.U...
    好妹妹mango閱讀 905評論 3 7