IOS?

產(chǎn)品：微信

頁面架構(gòu)：微信采用標簽式導航欄，可以在重要的4個主要功能區(qū)進行快速頻繁的切換，更有效的將內(nèi)容進行了分類，但相比之下，比較占用頁面空間。在頁面頂部，通過點擊呼出導航菜單。導航菜單位于界面的上層，用戶可點擊導航以外的區(qū)域來收起菜單。菜單式導航與界面的連貫性較好，展開和收起菜單對當前界面沒有影響。但由于導航欄位于頂部，不適合結(jié)合手勢，操作上有難度，所以不適合需要頻繁切換的功能。

設計模式：采用了基本的垂直列表，更好的將文字展示清晰干凈，其內(nèi)容都為左對齊，都采用了圖文結(jié)合的樣式，在對話界面采用了列表導航的對話框模式。垂直列表，可以進行有等級的區(qū)分，適合二級導航或功能層級比較淺且功能切換不頻繁的主導航，能夠簡單清晰的表達，讓人易于理解，冷靜高效，快速反應。作為信息梳理條目，列表數(shù)量盡量保持在一屏內(nèi)，超過一屏再分一級，而且按照人一次只能記住4項事物心里法則最重要的內(nèi)容歸納在前4個列表更容易被人們記住。如果不同種類的內(nèi)容放在同一頁面，那么要主要意為這些內(nèi)容分類，用留白的方式來區(qū)分內(nèi)容的不同。

安卓

產(chǎn)品：墨跡天氣

頁面架構(gòu)：墨跡天氣采用標簽式導航欄，可以在重要的3個主要功能區(qū)進行快速頻繁的切換，更有效的將內(nèi)容進行了分類，但相比之下，比較占用頁面空間。在頁面頂部，通過點擊呼出導航菜單。

設計模式：墨跡天氣中切換的城市的操作平鋪式導航，這種導航方式很容易帶來高大上的視覺體驗，最大程度的保證了頁面的簡潔性和內(nèi)容完整性，結(jié)合滑動切換的手勢，操作起來也非常方便，比較適用于足夠扁平化和隨意瀏覽的閱讀模式。以一個頁面完整的展示當前城市的情況，快速切換到其他城市。但如果設置的城市比較多，就很難快速定位到某個城市，但所幸手勢操作切換方便，正常情況下，用戶最多設置2-3個頁面，不會造成太多的負擔。

Web

產(chǎn)品：淘寶

將搜索分布在頁面頂部，對于淘寶這種復雜的網(wǎng)站，用戶可以及時的查找和搜索，簡單快捷。將Logo置于頁面左上角，符合人們左上方瀏覽的習慣。將一級菜單欄放于搜索欄下面，便于人們進行大類查詢子品牌。人們將二級欄目分布在頁面左側(cè)，用戶可以快速查詢更詳細的分類產(chǎn)品。中間是商品信息，以展示特價商品和推薦商品。其余信息和網(wǎng)格以及自己長瀏覽的三級導航放置在頁面的右側(cè)，因為信息不是特別重要。