拥有一个有吸引力且易用的网站是每个网站所有者的目标,对于经营小企业的人来说,网站的外观至关重要。在接受或拒绝通过屏幕看到的内容的短暂时间内,访问者产生了对企业的第一印象。网站的设计还负责保持每个访问者的注意力,并引导他们浏览网站内容。
本文bluehost美国主机小编将介绍七项设计原则,遵循这些原则有助于创建一个吸引访问者并使他们想要再次访问的网站。
![您需要了解的网页设计7项基本原则](http://bluehost.tv/bhwordpress/BH%20blog/January/build.jpg)
设计是一件棘手的事情。经验不足的人很容易迷失方向,而没将注意力集中在真正重要的事物上——访问者在网站上的体验。炫酷的字体和令人眼花缭乱的配色方案会使人大吃一惊,并觉得很有趣。但还是要确保关注网站的易用性和核心目的。
无论设计看起来多么有趣,站点都必须易于阅读和浏览。访问者在使用网站时不应遇到任何困难,简洁明了的设计在确保高度易用性方面可以发挥主要作用。
是时候了解设计的七个原则了。本文将讨论经过科学证明的可以匹配人们消费内容的布局,并讨论间距,字体,颜色的有效使用以及其他设计因素。
创建一个友好的布局
设计的主要目标之一是将内容分成易于消化的模块的平衡布局。
这样的网站内容能吸引用户,它比文字墙有趣得多。实现此目的的最佳方法是想象一个虚拟的网格或列集,然后把内容以平衡且视觉上吸引人的方式放置在该框架内。
记住,平衡并不意味着对称。尝试使用非对称布局,将访问者的视线引导到希望他们去的地方。
如何查看网页背后有一些有趣的科学。有研究对消费者消费时进行追踪,显示人们以“ F”模式扫描内容。
简而言之,人们从左到右,从上到下阅读。大惊喜吧?
此规则不管内容是什么时都适用,在设计网站时遵循它非常重要。
如果想让访问者首先关注一些重要内容,无论是文字还是图形,网页的左上角是放置它的最佳位置。越靠右,内容优先级越低,得到的关注就越少。
空白是有益的
网页上的空白区域有助于打开一切,使访问者轻松地欣赏所呈现的内容。在网页设计术语中,空的区域被称为空白,请务必确保有足够的空白以使网站易用。
空白可以提高读者的理解力。这实际上是关于空白附近的内容。被空白包围的任何内容都会引起用户的注意,并且由于周围没有任何能分散读者注意力的东西,这些内容非常易于理解。
看起来似乎很简单,但是应该注意,空白不一定必须是白色的——它可以是为背景选择的任何颜色。
说到颜色,接下来讨论下一个主题!
运用色彩吸引访客
网站设计中使用的配色方案在视觉上应该具有吸引力,但是,旁观者的眼中这种美应该吸引谁?答案很简单:访客。
强大的品牌形象使小企业受益匪浅,形象的一部分是视觉上能使人联想到公司的各种颜色。这些颜色是网页设计中应该使用的主要颜色。
如果尚未定义品牌颜色,那应该是一个需立即引起注意的单独的项目。这需要权衡很多因素,包括对目标受众、色彩心理和其他因素的详细分析。
如果品牌有可以使用的主要色彩,可以将其用作定义网站配色方案的起点。网站所包括的所有其他颜色应根据它们在该颜色下的外观来选择。
重温基本的色彩理论,并尝试与品牌的主色调相称的颜色。选择与文本有很大对比度的背景色,这能大大提高其可读性。
确定正确的颜色组合后,将该方案始终应用于网站。品牌的主色调可以是网站的主色调,也可以是用于吸引人们注意重要页面元素的强调色。
明智地使用图形
为网站选择合适的图像是建立和维护品牌的重要组成部分。虽然可以依靠文字来解释价值定位,但是图片具有创造情感的能力。
选择考虑到受众的图片,那么网站图形有助于建立与访客的联系,这点其他媒介做不到。考虑一下访客是谁,然后获取能够引起他们共鸣的专业照片。互联网上有很多来源的低价照片。
只要内容适合,信息图表是在网站上包含图像内容的一种很好的方法。如果要传达复杂的信息,并且信息能汇总并从图表或图形中受益,那么彩色的信息图表可能是最佳的格式。
菜单图标、按钮图像、其他功能的页面元素应该得到认真考虑。普遍接受的图标(例如“主页”按钮图像和购物车)有助于简化设计并使页面易于浏览。
但是,让大图像占据网页并不是一个好主意。为网站选择图像并调整其大小时,平衡布局至关重要。
特别重要的是,在访问者向下滚动页面之前看到的主页或登录页面的一部分之类的位置明显处,避免使用大图。除了会对加载时间造成负面影响,在页面的这一部分布局中使用大图也是在失去机会。虽然图片具有交流性,但该首页更适合于包含营销信息的引人注目的文字。
所用的图片均应经过优化,以确保它们不会导致较长的页面加载时间。下一节将更详细地说明这一点,以及其他旨在改善网站性能的网页设计因素。
减少加载时间
不要让糟糕的设计使网站加载速度缓慢。网站速度太慢会导致访问者立即离开,页面加载时间超过三秒钟的任何网站都违反了网站易用性的基本原则。
如前所述,必须优化图形,确定每个图像文件的理想大小和比例。如果站点具有自定义代码,请将其全部合并到一个CSS或JavaScript文件中,以最大程度地减少向Web服务器发出请求的数量。还可以压缩HTML文件,使页面加载速度更快。
争取最大可读性
网站的字体会对内容的可读性产生巨大影响。如果选择正确,营销信息将能“跳出”页面,访问者也愿意阅读更多内容。如果选择不当,最终可能会导致难以理解的混乱局面,访客可能在几秒钟内就关闭网站。
哪种字体最适合在计算机或移动屏幕上阅读?大量研究证明它是Arial等无衬线体。最佳字号为16像素,最小为12像素。
字体保持一致,能使访客感觉到跨越内容的衔接设计。确实没有理由使用两种不同的字体,但是可以根据特定内容使用多种字号。请勿使用超过两种或三种字号;这样做可能会抛弃用户,并造成内容本不应该具有的混乱外观。想阅读更多的相关内容可以参考网站成功布局的四个关键要素。
考虑较小的屏幕
人们在各种尺寸的屏幕(包括手机和平板电脑)上访问网站。确保设计时适合移动设备。
设计网站时,能做的最重要的事情之一就是以响应式设计为目标:内容只有一个版本,但是其显示方式根据屏幕尺寸的不同而不同。使用响应式设计,移动用户也能访问所创建的适用于全尺寸屏幕的伟大内容。
此外,还应仔细考虑内容中的哪些元素对访问者最有价值,并确保可以在移动设备上快速找到这些元素。
选择字体时考虑移动用户,并注意按钮、图标和其他功能元素在移动设备上的显示方式。鼠标容易点击的元素在小屏幕上用手指点击时可能是令人沮丧的。
给网站设计应有的关注
过多地关注于网站的设计是不可能的。所以设计就至关重要。经营一家小企业时,访问者感受到网站的方式及其满足他们需求的程度会对企业成功产生巨大影响。
本文介绍了七项最重要的、经过时间考验的网页设计原则。
专注于创建具有大量空白的可访问页面布局;巧妙地使用字体、颜色和图形;专注于良好的表现;并且牢记移动用户,牢记这些因素有助于提出一个能有效地代表品牌、并在每次访问时为用户带来愉悦的网站设计。想知道更多的内容可以阅读网页一般有哪些核心要素呢?