Please enable JavaScript.
Coggle requires JavaScript to display documents.
视觉层级现状分析 (导航层 # (导航栏, 标签栏, 键盘工具栏, 键盘标签栏), 内容层 # (皮肤, 表情, 热词), 弹出层 # (弹窗,…
视觉层级现状分析
结构层
:确定及规范以上层级的大小、间距和布局
内容层
#
皮肤
表情
热词
导航层
#
导航栏
标签栏
键盘工具栏
键盘标签栏
弹出层
#
弹窗
蒙版
新页面
其他弹层
良好的结构层布局可以使内容层的内容更加丰富、多样。
导航层承载界面所有的出入口指引,在界面中应保持独立明确,突出导航层有助于用户快速前往目的地。
现状:
现有布局结构单一,导致内容层不够丰富。
现状:
导航层在界面中,与内容层相比,视觉比重较弱。
弹出层为界面的最顶层,弹出层的视觉应做到独立,友好,不打扰。弹出层可与交互手势或转场动画结合设计。
现状:
弹出层视觉不统一,形式单一,不友好。