- 14
- 0
- 约1.13万字
- 约 31页
- 2019-08-31 发布于上海
- 举报
UED用户体验设计规范
全局设定——布局
什么是布局?
“布局”是指页面内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的内容至关重要,并可以在结构外观上令用户感到舒服。
如何设计有效的布局?
具有清晰的视觉层次:布局应当让页面各元素之间的关系和重要性一目了然。你可以通过适当使用下列属性来实现视觉层次
焦点:指用户首先关注的区域。形式上被赋予焦点属性的UI元素一定要表达重要的内容。
视觉流:指用户关注区域的顺序。可以根据任务逻辑和用户的浏览习惯来设计恰当的视觉流。好的视觉流应该清晰、合理、顺畅、自然。
关联:在逻辑上相关的UI元素应具有清晰的视觉关系。
错误:
逻辑上相关的UI元素在空间上被分隔,且没有明显的视觉关联。
对齐:使页面工整,信息呈现有序,便于用户扫视。
错误:
没有对齐影响了页面效果且不便于用户扫视。不要因为功能需要和对极限情况的顾虑而轻易牺牲掉页面的视觉展现。
强调:可以根据UI元素间的相对重要程度进行强调。
针对用户的阅读模式来设计布局:大部分人的阅读习惯是从左向右,至上而下。阅读分为沉浸式阅读(immersive reading)和扫视(scanning),前者的目的在于理解,后者在于定位。
浏览网站时,用户不会沉浸在UI本身,而是沉浸在他们的目标任务中,因此扫视是最常使用的阅读模式。用户只在确信必要时才仔细阅读大量文本。
针对扫视的布局设计可以适
原创力文档

文档评论(0)