面设计的统一性非常重要,在这里我想用《交互设计精髓4》中关于统一性的介绍和我对统一性的认识,今天小编主要给大家分享吸引用户关注的网页技巧,希望对你们有帮助!
一、如何给网站布局
内容决定布局,布局是内容组织的必然结果,考虑到页面的所有需求,页面的布局将自然形成,将页面的所有栏目都放到页面中,然后移动它们并调整它们。
在不断调整的过程中,需要以下几点支撑:
1.理解页面的不同组成部分,分清主次。
2.布局上引导用户的视线,了解用户浏览web时的使用习惯。例如,当用户浏览网站时,习惯自顶向下浏览,从左到右,左上角是第一个视线,右下角是最后落脚点,右上角和左下角是视觉盲点,在设计时把比较重要的内容放在左上角和右下角。
3.用颜色来吸引注意力,关键部位的颜色要突出。例如,左上角的logo和右下角的按钮是最重要的部分,为了强调这两部分,可以使用同一种的颜色,这种颜色没有在其它地方使用,形成一个对比并突出显示它。
二、统一设计风格
即使用统一设计风格的符号,顾名思义,这个符号既可以是品牌的logo,也可以是网站的整体图标风格。
面设计的统一性非常重要,在这里我想用《交互设计精髓4》中关于统一性的介绍和我对统一性的认识,主要概括为以下两点:
1.统一性的好处
(1)统一意味着软件产品的不同模块具有相似的外观、感觉和行为。
(2)统一提高了易用性和易学性,降低了用户的学习成本,也就降低了客户培训和技术支持的成本。
(3)提高了设计和代码重复利用,减少开发时间和工作量。
(4)统一可以创建一个有组织有条理的感觉,让用户感到舒适。
(5)给用户留下规范统一的印象,更容易让用户认识到产品开发人员的专业性,从而增强用户对产品的信任。
2.如何做到统一
(1)建立关系:经常使用的元素在空间上被组织起来,以减少鼠标的移动;具有相似功能的元素,在视觉上组织在一起,即视觉元素与行为元素要保持一致。
(2)利用网格系统对齐视觉元素:这是设计师帮助用户以有组织和系统的方式体验产品的重要途径。
(3)一致的空间:如果屏幕上的两个区域要求几乎相同的,将它们设置为完全相同;如果这两个区域需要不同的大小,则要有明显的差异,如果不完全一致,则要增加差异,因为细微的差异会让用户感觉不稳定。
(4)一致的间距和定位:如果屏幕的标题部分总是出现在相同的位置,用户不需要思考或浏览界面,一致的间距和定位可以帮助用户内在的视觉处理机制,可以大大提高屏幕的可读性
(5)重复利用元素:用户只需要学习一次。