suriel. 2017-07-28
网站建设
西宁网站设计之如何进行有效的页面布局
什么是布局？
“布局”是指页面内容的大小、间距和位置。高效的布局对于帮助用户快速找到他们想要的东西和让用户在结构化的外观中感到舒适非常关键。
如何设计有效的布局？
1、有一个清晰的视觉层次。布局应该使页面元素的关系和重要性一目了然。通过适当使用以下属性，您可以实现可视化层次结构：
重点：该区域是用户的第一关注对象。正式指定焦点属性的UI元素必须表示重要内容。
可视化流：用户关心区域的顺序。根据任务逻辑和用户浏览习惯，西宁网站设计适当的可视化流。良好的视觉过程应该清晰、合理、流畅、自然。
关联：逻辑相关的UI元素应该具有清晰的可视关系。
错误：逻辑相关的UI元素在空间上分离，没有明显的视觉关联。
对齐：让用户浏览的页面整洁有序和容易。
错误：没有对齐影响页面效果，用户扫描很难。不要牺牲页面的视觉显示，仅仅是因为需要功能和对限制条件的顾虑。
重点：重点对UI元素的相对重要性。
2。针对用户的阅读模式设计布局。
大多数人的阅读习惯是从左到右，从上到下。
阅读分为阅读（浸泡）和扫描（扫描）。在理解前者的目的，后者是方向。
浏览网站时，用户不会沉浸在UI本身，而是沉浸在他们的目标任务中，因此扫描是最常用的阅读方法。用户阅读大量的文本，只在必要的时候。
扫视的布局设计，主要的UI元素，可以适当地强调和继发性减弱。包括：
1）将主UI元素放上扫视路径。
2）避免把重要信息放在左下角或页面底部，或者你需要滚动很多的控件上。
3）考虑使用渐进部署隐藏更小的UI元素。
4）任务相关的重要信息应直接显示在控件上。用户倾向于关注交互式控件上的标记，而不是帮助静态文本。错误：在点击OK按钮的功能之前，用户必须阅读辅助文本。正确的:按钮的功能直接描述为控件标签，便于用户理解。
5）不显示大量文本，并删除不必要的文字。当多个显示文本格式。注：有传统模式的例外。眼动实验表明，真实用户的行为是非常不规则的。该模型的目标是帮助您做出比准确描述用户行为更好的决策。
3、让页面的空间合理利用。
保持页面的视觉平衡。避免拥塞和浪费空间。确保关键数据不被截断，除非数据特别长。错误：逻辑相关的UI元素在空间上分离，没有明显的视觉关联。控件在大小和间距上是精确的，并且不需要滚动。完成尽可能多的工作在屏幕上。
在实践中，我们的用户页面空间小于屏幕分辨率，它会受到压缩，由于各种各样的因素的影响：如非操作（全屏浏览、弹出和对比）各种辅助杆浏览器和屏幕占用，考虑这些在设计中。
4，不要让布局本身成为一个突出的UI元素，并保持简单性（可见性）。
减少内容和表示的嵌套层次。减少不同大小的控件，例如，在接口上只使用一个或两个按钮宽度。使用轻量级分组和分段，可以使用布局本身和分隔符，而不使用分组框。
下一篇：什么是P2P？
上一篇：在线网校系统开发哪家好?
文章标签：
西宁网站设计
浏览次数： 525 次
文章评论：