网站设计与制作对初学者而言并非易事 一定要将这些网站设计原则牢记在心 北京做网站
网站设计与制作对初学者而言并非易事,它需要你掌握传统美学设计、当下流行趋势及专业的平面设计理论。如果您是一位有抱负的设计师,或者甚至只是想创建一个 DIY 网站,一定要将这些网站设计原则牢记在心。北京做网站
网站设计与制作原则1、视觉流
因为视觉层次决定了网民首先、其次和最后分别注意到什么元素,所以网站设计师可以通过设置合理的视觉层次结构,引导网民注意到每个div的顺序,此即“视觉流”。对网站设计而言,视觉层次至关重要。网站设计师必须优先考虑最重要的元素——品牌定位slogan、导航工具、用户控件——同时确保次要元素不会分散注意力。
1.1:品牌定位slogan是网站定位的核心,网站定位必须紧密结合品牌核心定位,必须最大限度传达品牌定位,网站设计必须服务于品牌传播,只有这样才能有实效,那些自嗨的设计,尽管一时风光无限,但迟早会被抛弃。
1.2:元素尺寸直接影响到消费者的注意力分配,大元素吸引更多注意力,而小元素吸引较少。
1.3:颜色配置时,明亮、鲜艳的颜色比柔和、暗淡的颜色更容易引起注意。同时,网站颜色必须服从于整体的品牌色,如果两者出现了分歧,一定是网站设计出现了问题。
1.4:设置元素位置时,由于大多数人本能地从上到下阅读,因此首先注意到靠近屏幕顶部的元素。在创建网页布局时,通过按照我们希望访问者注意到这些div的顺序列出所有元素,来预先规划视觉层次结构,这样设计出来的网页,才是符合我们目的,同时又兼顾消费者浏览习惯的好设计。
网站设计与制作原则2、避免用户思考
这一原则要求我们做网站设计时,尽可能做成“傻瓜式”的。早在2000年前后,美国计算机科学家史蒂夫·克鲁格 (Steve Krug) 就出版了他的开创性著作《别让我思考》(Don't Make Me Think ),正是此书,催生了早期的用户体验思潮。这本书的中心课程——让你的设计尽可能简单易懂——20多年之后,仍然是网站设计的基本原则之一。
克鲁格还强调了人类选择“第一个”解决方案的本能,而不一定是“最好的”解决方案。所以网站设计师就需要让最好的解决方案更容易、第一个被注意到,以免网民点击进入意想不到的低效路线,从而影响到体验度。设计人员应始终寻找简化和简化其设计的方法。视觉层次结构在让用户快速找到他们正在寻找的内容方面发挥着重要作用。当下,很多网站都会在顶部设置搜索栏或者一级栏目名称,即便鼠标下滑,这些元素仍然会停留在当前屏幕(电商平台应用尤其广泛),这就是避免用户思考的典型做法。
网站设计与制作原则3、对比
对比是经验丰富的网站设计师最喜欢的思维,他们利用颜色和尺寸之间的明显差异熟练进行创作。并排使用相反的颜色是吸引注意力的好方法。这是突出 CTA 按钮的最有效策略之一;网站设计师会将 CTA 按钮涂成与背景颜色相反的颜色,从而使其脱颖而出。类似的,尺寸相反的尺寸在彼此相邻放置时效果很好。如果您在页面上有很多元素并且没有空间将任何东西变大,请尝试在元素旁边放置一些小东西——这有效地使它看起来更大,从而使它更引人注目。
动图也能吸引注意力,这是网站设计师沿用的狩猎时代的古老进化技巧。我们可以为特殊元素使用动画显示,以便更快的抓住网民的眼球。我们经常可以在网站上看到一些企业投放的广告或者联盟广告,这些广告的展示普遍采用了动图模式,主要目的就是吸睛。另一方面,我们也要小心过度使用动画。如果屏幕上移动的东西太多,就很难集中注意力,反而会让网民感觉眼花缭乱。所以,正确的网站设计一定要动静结合。
网站设计与制作原则4、留白
空间留白,也称为“负空间”,是专业设计师、摄影师和所有视觉艺术家最喜欢的另一种思维。空白只是指空白区域,或者屏幕上除了背景之外没有视觉元素的部分。网站设计新手往往把网站设计的非常满、非常饱和,唯恐漏掉某些空间,其实,太过饱和的网页,往往令网民感觉堵心。
大施网站设计创始人郭金瑞指出,在网站设计中,空白与所有其他内容一样重要!如果您主动使用它,则更为重要!对于想进一步晋升的设计师来说,空白是控制页面平衡所必需掌握的;太多的元素放在一起可能会造成混乱并分散注意力,因此需要充足的空白空间才能使布局更加全面。此外,还可以通过“留白”这个简单的网站设计原则影响视觉层次:对象周围的空白越多,该对象就越受关注。这意味着如果你用大量的空白围绕一个元素,它会比你用其他视觉元素围绕同一个元素吸引更多的注意力。
网站设计与制作原则5、避免信息超载
当前流行的网站设计原则是限制一次向用户展示的信息量。该原则主张:人脑只能处理这么多,尤其是涉及短期记忆时更是如此,如果信息超载,则会导致适得其反。米勒定律最好地证明了这一推论,该定律基于心理学家乔治·米勒1956年的发现。米勒发现,普通人一次只能在短期记忆中存储 7 条信息,这就意味着,如果你在网页中呈现的元素越多,网民就会记忆的更少。不幸的是,很多网页都有超过七件事要说。
特别是在网站设计中,使用这一原则还可以将页面划分为不同的“屏幕”——一次屏幕上可用的所有信息应该有所限制。当用户消化完一个屏幕上的所有信息后,他们会向下滚动以查看包含新信息的全新屏幕。滚屏的设计,是灵活使用该原则的非常优秀的创新。从某种程度来讲,网页广告和电视广告非常类似,如果你的信息量太多,就会让网民无所适从,分不清孰轻孰重,或者干脆一个都记不住你的卖点。
网站设计与制作原则6、一致性
好的网站设计是一致的。从品牌色的角度来看,每当你重复一次网站设计,你都会加强它的影响。例如,假设您选择红色作为强调色,因为您希望给人留下热情和凶猛的印象。每次你在其他页面上使用红色作为强调色时,你都会显得更加热情和凶猛。每一次重复都是一次强化,日积月累之后,就会逐渐成为你的品牌资产。
大多数大中型网站的页面都会呈现一致性,无论是首页、列表页、详情页、整体底色都是一致的。这对保持网民对品牌的视觉认知,积累品牌资产非常重要。网站设计的一致性有利于页面的各个方面,影响导航、布局、配色方案、排版、图像和所有其他方面。这与品牌一致性的重要性不谋而合,使用相同的logo、颜色和标语slogan可以加强品牌与每次新用途的关联。