×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

网站制作

网站设计公司如何设计有效的信息布局

文章编辑:网站建设 文章来源:网站设计 浏览量:

  设计网站主要针对首页、栏目首页和信息内页等几个最重要的页面进行信息安排。其他页面将以它们为基础,从信息形式变化上有针对性地进行细节调整。网站设计公司如何设计有效的信息布局:
1.具有清晰的视觉层次布局应当让页面各元素之间的关系和重要性一目了然。可以通过适当使用下列属性来实现视觉层次。
(1)焦点:指用户首先关注的区域。形式上被赋予焦点属性的UI元素一定要表达重要的内容。
(2)视觉流:指用户关注区域的顺序。可以根据任务逻辑和用户的浏览习惯来设计恰当的视觉流。
2.针对用户的阅读模式来设计布局
  大部分人的阅读习惯是从左向右,自上而下的。阅读分为沉浸式阅读和扫视阅读,前者的目的在于理解,后者的目的在于定位。浏览网站时,用户不会沉浸在UI本身,而是沉浸在他们的目标任务中,因此扫视是最常使用的阅读模式。用户只在确信必要时才仔细阅读大量文本。
3.合理利用页面空间
  保持页面的视觉平衡,避免拥挤和对空间的浪费。确保关键数据没有被截断,除非数据特别长。实际情况中,用户的页面空间要小于屏幕分辨率,它会因各种因素而压缩,如非全屏操作(弹出窗口和对比浏览)、浏览器本身及各种辅助栏对屏幕的占用等,设计中要考虑这些情况。
4.不要让布局本身成为突出的UI元素,保持视觉简洁
  减少内容和展现上的嵌套层级。减少控件不同尺寸的数量,例如,在界面上只使用一两种按钮宽度。采用轻量级的分组和分割方式,可以用布局本身和分隔符代替分组框。尽量少使用对齐线。
5.选择与页面类型相匹配的版式
  在设计之初,应充分考虑页面承载的内容、功能和属性,继而选择适合该页面的版式。不合适的版式会造成用户的阅读困扰,降低任务的完成效率。深圳网站设计公司本文关于“网站设计公司如何设计有效的信息布局”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。

当前文章链接:https://www.198bona.com/construction/design/5662.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。