拥有一个有吸引力且可用的网站是每个网站所有者的目标,对于经营小型企业的人来说,其网站的外观和感觉至关重要。在这里,访问者可以创造第一印象,即我们接受或拒绝在屏幕上看到的内容的短暂时间。网站的设计还负责保留每个访问者的注意力,并引导他们浏览你的内容。在本文中,我们将介绍七项设计原则,如果遵循这些原则,它们将帮助你创建一个吸引访问者并使他们想要回来的网站。

设计是一件棘手的事情。对于经验不足的人,很容易迷失方向,而将注意力集中在真正重要的事情上—访问者在你的网站上获得的经验。如果你发现酷炫的字体和令人眼花color乱的配色方案让你大吃一惊,那么你会发现一些乐趣。但是请确保你还关注网站的可用性和核心目的。无论你的设计看起来多么有趣,你的站点都必须易于阅读且易于浏览。访问者在使用你的网站时应该没有任何困难,采用简单明了的设计可以在确保高度可用性方面发挥主要作用。

现在是时候了解我们的七个设计原则了。我们将讨论经过科学证明可以匹配人们浏览内容的布局,并讨论间距,字体,颜色的有效使用以及其他设计因素。

创建一个友好的布局

将内容分成容易消耗的块的平衡布局应该是你的主要设计目标之一。这样的网站内容吸引了用户,它比文字墙有趣得多。实现此目的的最佳方法是想象一个不可见的网格或一组列,然后在该框架内以平衡且视觉上吸引人的方式放置你的内容。请记住,平衡不一定意味着对称。你可以尝试使用非对称布局,将观众的视线引导到你希望他们去的地方。

如果你想让访问者首先关注某些重要内容,无论是文字还是图形,那么网页的左上角就是放置它的最佳位置。越靠右,内容越低,得到的关注就越少。

合理添加空白区域

网页上的空白会打开所有内容,使访问者可以舒适地接收你要呈现的内容。在Web设计术语中,空白区域被称为空白,并且确保你拥有足够的空白以使站点易于使用非常重要。空白可以提高读者的理解力。这实际上是关于空白区域附近的内容。任何被空白空间包围的内容都将引起用户的注意,并且内容将更易于吸收,因为周围没有任何东西可以分散读者的注意力。

看起来似乎很明显,但是我们应该注意,你的空白不必一定是白色的-它可以是你为背景选择的任何颜色。

运用彩色元素吸引访客

你在网站设计中使用的配色方案应该在视觉上具有吸引力,但是,在旁观者的眼中,漂亮的设计就应该吸引谁?这个问题有一个简单的答案:访客。

小型企业会从强大的品牌形象中受益匪浅,其中的一部分应该是视觉上能使人联想到你公司的各种颜色。这些应该是你在网页设计中使用的主要颜色。如果你尚未定义品牌颜色,那是一个单独的项目,应该立即引起注意。需要权衡很多考虑因素,包括对目标受众,色彩心理和其他因素的详细分析。你可以使用主要的品牌色彩,则可以将其用作定义网站配色方案的起点。你要包括的所有其他颜色应根据它们在该颜色下的外观来选择。

重温基本的色彩理论,并尝试与你的主要品牌色彩相称的色彩。选择一种与文本有很大对比度的背景色,因为这将大大提高其可读性。确定正确的颜色组合后,请将该方案始终应用到你的网站。品牌的主要颜色可以是网站的主要颜色,也可以用作强调颜色,以引起人们对重要页面元素的注意。

明智地使用媒体元素

为你的网站选择合适的图像是建立和维护品牌的重要组成部分。你可以依靠文字来解释你的价值主张,但是图片可以创造感觉。如果你选择的是考虑到受众的图像,那么你的网站图形可以像其他媒体一样,帮助你与访问者建立联系。考虑一下你的访客是谁,然后获取能够引起他们共鸣的专业照片。互联网上有很多低价股票照片的来源。

信息图表是在你的网站上包含图像内容的一种很好的方法,只要你的内容适合一个。如果你要传达复杂的信息,并且可以将其汇总并从图表中受益,那么彩色图表可能是最佳的格式。你的菜单图标,按钮图像和其他功能页面元素也应认真考虑。普遍接受的图标(例如“主页”按钮图像和购物车)将帮助你简化设计并使页面易于浏览。

但是,让大图像占据你的网页不是一个好主意。在为网站选择图像并调整其大小时,考虑平衡布局的概念至关重要。尤其要避免使用过大的图形,即在访问者开始向下滚动页面之前看到的主页或登录页面的一部分。除了对加载时间有负面影响之外,在页面布局的这一部分中使用大型图形也是失去的机会。尽管可以像图片一样具有交流性,但该首页房地产更适合用于包含营销信息的引人注目的文字。

你使用的所有图像均应进行优化,以确保它们不会导致较长的页面加载时间。在下一节中,我们将更详细地说明这一点,以及其他旨在改善站点性能的Web设计因素。

减少网站加载时间

不要让糟糕的设计决策使你的网站加载缓慢。一个太慢的网站会急忙将访问者赶走,而发布一个页面加载时间超过三秒钟的网站,则打破了网站可用性的基本规则。如前所述,你必须优化图形,确定每个图像文件的理想大小和比例。如果你的站点具有自定义代码,请将其全部合并到一个CSS或JavaScript文件中,以最大程度地减少Web服务器应发出的请求数量。你还可以压缩HTML文件,以加快页面加载速度。

选择合适的字体大小来获得更佳的可读性

网站的字体将对内容的可读性产生重大影响。如果选择正确,你的营销信息将跳出该页面,访问者将需要阅读更多内容。如果选择不当,最终可能会导致难以理解的混乱局面,人们将在几秒钟内点击你的网站。哪种字体最容易在计算机或移动屏幕上阅读?对此进行了大量研究,结果证明,它是Arial等无衬线字体。最佳字体大小为16像素,最小为12像素。

与你的字体保持一致,以使访问者感觉到跨越内容的衔接设计。确实没有理由使用两种不同的字体,但是你可以使用多种字体大小以最适合特定内容。请勿使用超过两种或三种字体大小;这样做可能会使用户流连忘返,并造成内容本不应该具有的混乱,混乱的外观。

考虑较小的屏幕

人们将在各种尺寸的屏幕(包括手机和平板电脑)上访问你的网站。你需要确保你的设计适合移动设备。设计网站时,你可以做的最重要的事情之一就是针对响应式设计,即你的内容只有一个版本,但是根据屏幕尺寸的不同,其显示方式也不同。通过响应式设计,移动访问者可以访问你创建的所有精彩内容,以在全尺寸屏幕上显示。

此外,你应该仔细考虑内容中的哪些元素对访问者最有价值,并确保可以在移动设备上快速找到这些元素。选择字体时考虑移动用户,并注意按钮,图标和其他功能元素在移动设备上的显示方式。用鼠标轻松单击的元素可能会令人沮丧,无法用手指在小屏幕上点击。