IOS?
產(chǎn)品：微信
頁面架構(gòu)：微信采用標(biāo)簽式導(dǎo)航欄，可以在重要的4個(gè)主要功能區(qū)進(jìn)行快速頻繁的切換，更有效的將內(nèi)容進(jìn)行了分類山林，但相比之下，比較占用頁面空間浩淘。在頁面頂部捌朴，通過點(diǎn)擊呼出導(dǎo)航菜單。導(dǎo)航菜單位于界面的上層张抄，用戶可點(diǎn)擊導(dǎo)航以外的區(qū)域來收起菜單砂蔽。菜單式導(dǎo)航與界面的連貫性較好，展開和收起菜單對(duì)當(dāng)前界面沒有影響署惯。但由于導(dǎo)航欄位于頂部左驾，不適合結(jié)合手勢(shì)，操作上有難度极谊，所以不適合需要頻繁切換的功能诡右。
設(shè)計(jì)模式：采用了基本的垂直列表，更好的將文字展示清晰干凈轻猖，其內(nèi)容都為左對(duì)齊帆吻，都采用了圖文結(jié)合的樣式，在對(duì)話界面采用了列表導(dǎo)航的對(duì)話框模式咙边。垂直列表猜煮，可以進(jìn)行有等級(jí)的區(qū)分，適合二級(jí)導(dǎo)航或功能層級(jí)比較淺且功能切換不頻繁的主導(dǎo)航败许，能夠簡(jiǎn)單清晰的表達(dá)王带，讓人易于理解，冷靜高效市殷，快速反應(yīng)愕撰。作為信息梳理?xiàng)l目，列表數(shù)量盡量保持在一屏內(nèi)醋寝，超過一屏再分一級(jí)搞挣，而且按照人一次只能記住4項(xiàng)事物心里法則最重要的內(nèi)容歸納在前4個(gè)列表更容易被人們記住。如果不同種類的內(nèi)容放在同一頁面甥桂，那么要主要意為這些內(nèi)容分類柿究，用留白的方式來區(qū)分內(nèi)容的不同。
安卓
產(chǎn)品：墨跡天氣
頁面架構(gòu)：墨跡天氣采用標(biāo)簽式導(dǎo)航欄黄选，可以在重要的3個(gè)主要功能區(qū)進(jìn)行快速頻繁的切換蝇摸，更有效的將內(nèi)容進(jìn)行了分類，但相比之下办陷，比較占用頁面空間貌夕。在頁面頂部，通過點(diǎn)擊呼出導(dǎo)航菜單民镜。
設(shè)計(jì)模式：墨跡天氣中切換的城市的操作平鋪式導(dǎo)航啡专，這種導(dǎo)航方式很容易帶來高大上的視覺體驗(yàn)，最大程度的保證了頁面的簡(jiǎn)潔性和內(nèi)容完整性制圈，結(jié)合滑動(dòng)切換的手勢(shì)们童，操作起來也非常方便畔况，比較適用于足夠扁平化和隨意瀏覽的閱讀模式。以一個(gè)頁面完整的展示當(dāng)前城市的情況慧库，快速切換到其他城市跷跪。但如果設(shè)置的城市比較多，就很難快速定位到某個(gè)城市齐板，但所幸手勢(shì)操作切換方便吵瞻，正常情況下，用戶最多設(shè)置2-3個(gè)頁面甘磨，不會(huì)造成太多的負(fù)擔(dān)橡羞。
Web
產(chǎn)品：淘寶
將搜索分布在頁面頂部，對(duì)于淘寶這種復(fù)雜的網(wǎng)站济舆，用戶可以及時(shí)的查找和搜索卿泽，簡(jiǎn)單快捷。將Logo置于頁面左上角滋觉，符合人們左上方瀏覽的習(xí)慣又厉。將一級(jí)菜單欄放于搜索欄下面，便于人們進(jìn)行大類查詢子品牌椎瘟。人們將二級(jí)欄目分布在頁面左側(cè)覆致，用戶可以快速查詢更詳細(xì)的分類產(chǎn)品。中間是商品信息肺蔚，以展示特價(jià)商品和推薦商品煌妈。其余信息和網(wǎng)格以及自己長(zhǎng)瀏覽的三級(jí)導(dǎo)航放置在頁面的右側(cè)，因?yàn)樾畔⒉皇翘貏e重要宣羊。
