您的位置: 衡阳信息港 > 体育

文案42707照片

发布时间:2020-03-27 17:33:35
网站如何设计有效的布局 如何公道应用网页空间

    说到整站网页设计就不能不提一重要的因素-布局。“布局”是指页面内容的尺寸、间距及地方。有效的布局对帮助用户快速找到他们需要的内容至关重要,并可在结构外观上令用户感到舒适。恰到好处的的布局能使页面内容变得工整,增加用户的视觉领会,也可帮助用户快速的找到他们需要取得的内容,增加工作效率。网站如何设计有效的布局?以下是一品威客网小编整理的一些相干资料,分享给大家,希望对大家有帮助。    1.具有清楚的视觉层次

    布局应当让页面各元素之间的关系与重要性一目了然。你可通过恰当应用下列属性来实现视觉层次:    焦点:指用户第一步注意的区域。形式上被赋予焦点属性的UI元素一定要表达重要的内容。 视觉流:指用户注意区域的顺序。可依照任务逻辑与用户的浏览习惯来设计恰当的视觉流。好的视觉流应当清楚、公道、顺畅、自然。    相干:在逻辑上关联的UI元素应具有清楚的视觉关系。毛病:逻辑上关联的UI元素在空间上被分隔,且没有分明的视觉相干。    对齐:使页面工整,信息呈现有序,便于用户扫视。 毛病:没有对齐影响了页面效果且不便于用户扫视。不能由于功能想要与对极限情况的顾虑而容易牺牲掉页面的视觉展现。    强调:可依照UI元素间的比较重要程度执行强调。 

    2.合理应用页面空间    保持页面的视觉平衡。避免拥挤与对空间的浪费。 确保重点数据没有被截断,除非数据特殊长。 毛病:    有效空间没有被充分运用,从而致使多条重点数据被截断。    控件的尺寸与间距恰当,没有不必要的滚动。1任务尽可能在一屏内做完。 实际情况中,我们用户的页面空间要小于屏幕分辨率,它会因各种因素而紧缩,如:非全屏操作(弹出窗口与对比阅读),浏览器本身及各种辅助栏对屏幕的占用等,设计中要斟酌这些情况。    3.针对用户的浏览模式来设计布局    大部分人的浏览习惯是从左朝右,至上而下。 浏览分为沉浸式阅读(immersive reading)与扫视(scanning),前者的目的在于了解,后者在于定位。    阅读网站时,用户不会沉醉在UI本身,而是沉醉在他们的目标任务中,所以扫视是最常应用的阅读模式。用户只在确信必要时才仔细浏览大量文本。 针对扫视的布局设计可恰当强调主要的UI元素,弱化次要的。包括:     1)把主UI元素放到扫视路径上。    2)避免把重要信息放到左下角或页面底端或想要转动很多的控件上。    3)斟酌应用渐进展开方式来隐蔽次要的UI元素。    4)把任务关联的重要信息要径直表此时控件上。用户更倾向于注意交互控件上的标签,而不是辅助型的静态文本。    毛病:    用户必须浏览辅助型文本后才能明确“确认”按钮的作用。    准确:    径直把按钮的作用说明作为控件标签,便于用户了解。    5)不能展览大段文本,除去不必要的文本。多文本时格式化展览。    注:常规模式也存在例外。眼动议实验指出,真实用户的行动很没有规律。此模式的目的在于帮助你做出更好的决定,而不是精准的说明用户行动。    4.不能让布局本身成为突出的UI元素,保持视觉简洁    动态网页设计中要减少内容与展现上的嵌套层级。 减少控件不同尺寸的数量,例如,在界面上只应用一两种按钮宽度。 采取轻量级的分组与分割方式,可用布局本身与分隔符代替分组框。 运用尽可能少的对齐线。 5.选取和页面类型相匹配的版式。在设计之初,应充分斟酌页面承载的内容、功能与属性,继而选取适合该页面的版式。不适合的版式会造成用户的浏览困扰,下降任务的做完效率。    另外自适应可依照浏览器显示情况主动调理页面宽度,可是由于用户水平方向的聚焦范围有限,自适应则会致使布局变形与内容错乱。给页面规定宽度可避免这些问题。挑选服务商找网页设计公司,整站网页设计模板,网页设计师等服务,就上一品威客网,中国领先的文化创意交易平台。

风湿骨痛什么方法最有效
口腔溃疡病因是什么
老年人便秘吃点什么好
小儿厌食吃什么中药
猜你会喜欢的
猜你会喜欢的