关于网页设计如何布局问题解析

关于网页设计如何布局问题解析

 

什么是布局?

　　“布局”是指页面内容的尺寸、间距及地方。有效的布局对于帮助用户快速找到他们需要的内容至关重要，并可在结构外观上令用户感到舒适。

怎么样设计有效的布局?

　　1. 具有清楚的视觉层次。布局应当让页面各元素之间的关系与重要性一目了然。你可通过恰当运用下列属性来实现视觉层次：

　　焦点：指用户第一步注意的区域。形式上被赋予焦点属性的UI元素一定要表达重要的内容。 视觉流：指用户注意区域的顺序。可依照任务逻辑与用户的浏览习惯来设计恰当的视觉流。好的视觉流应该清楚、合理、顺畅、自然。对齐：使页面工整，信息呈现有序，便于用户扫视。

 

　　 2.针对用户的阅读模式来设计布局。

　　大部分人的阅读习惯是从左朝右，至上而下。 阅读分为沉浸式阅读(immersive reading)与扫视(scanning)，前者的目的在于了解，后者在于定位。

 

　　浏览网站时，用户不会沉浸在UI本身，而是沉浸在他们的目标任务中，所以扫视是最常运用的阅读模式。用户只在确信必要时才细心阅读大量文本。 针对扫视的布局设计可恰当强调主要的UI元素，弱化次要的。包括： 1)把主UI元素放到扫视路径上。

　　2)避免把重要信息放到左下角或页面底端或想要滚动很多的控件上。

　　3)考虑运用渐进展开方式来隐蔽次要的UI元素。

　　4)把任务关联的重要信息要径直表此时控件上。用户更倾向于注意交互控件上的标签，而不是辅助型的静态文本。　　

　　5)不能展览大段文本，除去不必要的文本。多文本时格式化展览。

　　3.合理运用页面空间。

　　保持页面的视觉平衡。避免拥挤与对空间的浪费。 确保重点数据没有被截断，除非数据特殊长。

　　控件的尺寸与间距恰当，没有不必要的滚动。一任务尽量在一屏内做完。 实际情况中，我们用户的页面空间要小于屏幕分辨率，它会因各种因素而压缩。

　　4.不能让布局本身成为突出的UI元素，保持视觉简洁。

　　减少内容与展现上的嵌套层级。 减少控件不同尺寸的数量，例如，在界面上只运用一两种按钮宽度。 采用轻量级的分组与分割方式，可用布局本身与分隔符代替分组框。 运用尽量少的对齐线。

　　5.选取和页面类型相匹配的版式。在设计之初，应充分考虑页面承载的内容、功能与属性，继而选取合适该页面的版式。不适合的版式会造成用户的阅读困扰，降低任务的做完效率。

《关于网页设计如何布局问题解析》此文由三行网络公司原创，转载请保留原文链接，谢谢！

【关键词标签】关于网页设计如何布局问题解析    (PC+手机)响应式网站建设

• 2014年第六届中国（成都）礼品及家居用..
• 如何聪明的工作，5大技巧哦
• 如何跟九型人进行人际沟通？
• 婚纱摄影的后期处理要注意的三个点
• 网站优化之布局原则
• 平面设计入门知识之元素设计
• 如何提高作品设计中比例的应用？
• 让百度收录的热门关键词分析
• 做好UI设计要知道的六种设计原则
• 网页设计之字体排版艺术
• Web媒体模式开启用户自主选择可能性
• Web设计是一种怎样的技术？
• 2014年7月新加坡国际珠宝展会
• 要如何选择合适的网页更新工具？
• 做好销售工作，都有哪些销售技巧？