核心功能的佈局
核心功能的各模組的佈局之間保持相對獨立,標籤橫向數量儘量不要超過 5 個,超過 5 個可以採用左右滑的互動方式來實現,來自於設計心理學。
標籤樣式的佈局優點是各入口清晰呈現,方便多使用者快速查詢資訊;標題一定要精簡。對於要突出的核心功能,可以做資訊層級的大小、是否有設計背板的處理,主次關係分明。
列表式佈局
列表式佈局適用於資訊類的產品。
列表式佈局優點資訊展示較直觀,節省介面空間,瀏覽效率高,欄位長度不受限制,並且可以錯行展示。單純看文字會視覺疲勞,所以圖文混排,富有變化。突出主題,優質配圖,有利於多使用者更好的閱讀資訊。
卡片式佈局
卡片式佈局就是把不同大小、不同形式的內容放在一個容器裡進行組合展示。較常見的是圖文混排,既要做到視覺上的一致性感覺,又要平衡圖片和主題內容的關係。分組展示,讓多使用者更好的理解各模組的內容。
瀑布流佈局
瀑布流佈局適用於圖片、視訊等更好的沉浸式的瀏覽內容。移動端的瀑布流佈局一般是兩列資訊並行,錯位展示,可以 ji 大的提升互動效率,可以製造豐富的視覺體驗,適用於花瓣等圖片類的介面佈局設計。