B2B行业网站页面元素之间的对齐标准

2015-10-08  来自: 陕西印象信息技巧无限公司 浏览次数:2535

    网页里各类元素程度偏向的对齐方法重要有:左对齐、右对齐、居中对齐和两端对齐等4种方法,经常使用的为左对齐、居中对齐,右对齐和两端对齐根本很少应用,特别是两端对齐,笔者认为普通只在平面设计的时辰会应用。

    1、页面各类元素对齐方法的基本知识

    A、左对齐在网站构造中是最罕见的对齐方法:它整洁分歧并且安然,由于大年夜家对这类对齐方法很熟悉并且也情愿接收,所以对任何设计来讲,左对齐都是最保险的对齐方法。

    B、在高品德网页设计中,好的对齐方法占了很大年夜的比重:当物品排成一行时,平日看上去感到更好。是以,应用不合的对齐方法来建立比较是较难的并且要更谨慎的应用,然则假设做的好的话是异常有效的。比如:在文章中,我们常常是用左对齐的文本段落和居中对齐的标题来混淆起来,这是应用不合的对齐方法建立比较的最hao例子。

    C、从用户视野行动来分析对齐方法:用户的视野常常是从上到下,从左到右,那么框架之间最hao的就要阁下对齐,高低对齐,让视野更流畅。导航页的内容链接,当用户看完一个链接后,会接着看下一个链接,左对齐依然是最hao的方法。

    2、框架与框架之间的对齐方法

第1部分讲了,用户的视野常常是从上到下,从左到右,那么框架之间最hao的就要阁下对齐,高低对齐,让视野更流畅。然则有时左边框架的内容更高,左边要放2个模块才能够和左边一样多,这个时辰我们必须要确保左边2个模块或多个模块恰好和左边的一个框架对齐,如许看起来才更同一。

    3、内容与小图标之间的对齐方法

标题栏上的小图标与标题栏称号、内容链接左边的小图标等,都是采取高低居中对齐,左边左对齐的方法,普通内容链接左边都有一个小图标,小图标左边的标题也要左对齐。并且整站高低不合的框架之间,也要高低对齐。

    4、产品图片、人物图片等与内容的对齐方法

    这类方法分为两种,程度对齐方法与居中对齐方法。

    A 文字放图片下方:这类方法普通为居中对齐,由于假设左对齐,文字假设少了,会显的比较好看,特别是人物图片,只要一小我名。

    B 文字放图片左边:文字程度偏向要左对齐,由于用户看了图片,就要看图片四周的文字,假设采取右对齐或居中对齐,都邑使视野不连接。垂直偏向要两端对齐,看起来更规整,普通是标题和导读内容与图片两端对齐。

更多的对齐方法在《B2B行业门户网站设计开辟实战研究申报》第四章第四节里做了详细阐述。

    5、信息录入提交表单页面

    在表单页面使操作区域对齐,将大年夜大年夜晋升用户完成义务的效力,所以输入框左对齐是必须的,当用户输入完一个框后,接着往下一个框,可以节俭用户的时间。然则作为提示输入内容的文字,则要右对齐最hao,由于提示说话有的多有的少,会形成提示说话和输入框之间产生空白区域,减轻了用户的认知包袱,用户必须花相当多的时间以便在标签和输入框之间移动视野。

    操作过程当中,用户更存眷输入框本身,而不是标签。用户眼睛存眷点的转移速度是异常快的,并且即使不从头浏览标签也能明白它的意思,关于用户的行动分析,本文作者在《B2B行业门户网站策划实战研究申报》里做了详细的阐述。


陕西印象信息技巧无限公司

接洽人  :刘经理

营业咨询:13379231619

办事监督:029-88412862

接洽地址:西安市南关正街中贸广场15号楼2单位9F

司法参谋:西安市方强律师事务所王继平律师

CopyRight © 版权一切: 陕西印象信息技巧无限公司 技巧支撑:陕西印象信息技巧无限公司 网站地图 XML 立案号:陕ICP备09025595号-1

本站关键字: 西安搜集公司 西安网站扶植 西安网站制造 西安网站优化 西安搜集推行


扫一扫拜访移动端