在网页设计中,有很多因素、元素和设计选择会让用户的工作变得更困难:更难导航,更难联系,更难信任。除非你想要排斥你的目标受众,否则继续往下读,看看网站设计的六大错误——以及如何避免它们。

一个坏网站的一个例子
创建一个糟糕的网站可能会有更糟糕的尝试吗?通过世界上最糟糕的网站

1.弄乱你的网站
-

如果没有稳固的基础,您就会冒着制作最常见的网站设计错误之一的风险:仅仅因为它们提供而添加多余的元素。

在开始之前阅读设计的基本原则总是值得的。重要的是,首先要有一个想法,你想要你的网站实现什么,它将如何做到这一点。这是因为今天,网页设计软件提供了如此广泛的工具和可用的选项(弹出窗口,动画logo和嵌入视频),业余设计师很快就会不知所措。

不要沉浸在繁忙的设计中,用户不想要的弹出广告,自动播放视频(复数)和繁忙的导航栏超载;学会近藤麻理惠,让你的网页设计保持整洁。

把七巧戏的手的例证一起放在电脑屏幕上
保持简单。成功的网页设计需要一点一点地把这些东西拼在一起。插图byOrangeCrush

避免过度拥挤,您的设计相对容易,因为它只是要求您避免诱惑为您的网页添加额外的元素“查看会发生什么”。除非您可以解释您网页中的特定元素的设计,否则不应该在那里。所以保持专注于建立坚实,简单的结构,给礼物用户最积极,无缝的体验。

Pytia网页设计
一个简单而令人印象深刻的网页设计亚瑟

2.直接跳到电脑上
-

Web设计中的第二个常见错误将我们带到设计过程的核心。大多数企业所有者(以及适当的业余网络设计师的公平比例)仍然认为Web设计是在“计算机上”发生的过程。

虽然你最终的作品确实会以这种方式被看到,但当涉及到它的设计时,没有什么比这更不真实的了。相反,你会想转向更传统的艺术方法,当涉及到开始设计你的网站之前,你转向使用一个网页设计程序或建设者。

一个女人在便条上贴出想法的插图
在上传之前先掌握好你的设计。插图byOrangeCrush
网页设计素描
在跳入计算机或Web Builder之前,首先勾勒出网页设计的想法。通过设计蜂鸣声

具体来说,开始设计网页的最佳方式是抓取铅笔和一张纸。首先编写您网站的目标列表,然后设计一组专注于实现这一核心目标的页面。

以这种方式设计将允许您发现您的设计中的任何明确的冗余,并有助于简化您的网站。

这种方法是原因之一,其实为什么最好的网络设计师可以向客户收取看似高的费用。这不是因为他们知道如何使用网站建设软件(今天,几乎任何人都可以),但是因为他们知道如何正确地构建您的网站,并且可以帮助您确保您的愿景很长时间触摸计算机。

3.俯瞰网格、指南和列
-

建立您的网站的下一阶段是为您的页面开始构建模板。在页面设计方面,即使是最基本的网站建设者也有用于设置网格,指南和列的工具。许多年轻的网络设计师忽略了这些工具,认为它们仅适用于较旧的“阻滞”网站。

事实上,网格仍然是每个设计良好的网页的核心结构元素,并且应该总是用来安排页面的视觉元素。在网页设计出现之前,网格和指南就已经形成了核心平面设计技能的基础,在未来的几年里,它们肯定会继续成为亚慱app基本的工具。

组织网页设计布局的手的例证
在上传之前先掌握好你的设计。插图byOrangeCrush

无论您网页上的网格和列是否可见,它们仍然构成您网站的基础框架和元素之间的比例。网格有助于水平和垂直分割网页,因此决定了不同设计元素之间的对齐。

也就是说,还可以将基于网格的设计与更现代的设计和消费研究技术相结合。消费者与网络互动的方式的范围使其在他们期望不同类型的网页看起来和感受时,它会产生类似的期望。

粉色和淡紫色主题化妆品网站设计
请注意,此网页设计如何订购亚当Muflihun

4.缺乏视觉等级
-

我们列表中的第四个网站设计错误是一个稍微复杂的文件,至少对于那些新的网页设计。我们在新网站上看到的最常见错误之一是他们忽略了视觉层次结构的重要性。

视觉层次结构根据他们的重要性定义为元素有序排列。这意味着如果您没有得到正确的权利,可以通过您设计的不同特征轰炸,所有人都可以争取他们的注意力来轰炸。它们不会向您的CTA有效地指导,这意味着没有转换。

要创建一个强大的视觉层次结构,请仔细考虑您的访客将要查看的网站。进行UX研究并确保用户流直观且无缝。

妇女平衡的形状的例证在天空中
铺设你的网页设计通常感觉像平衡行为。插图byOrangeCrush

电子商务网站提供了一个很好的例子。最好的是让他们的个人品牌大多出于用户体验。相反,它们是客户的一个门户,为客户了解并购买对它们量身定制的产品。

通常,精心设计的电子商务网站只会提醒用户他们在一个(非常重要)的网站(非常重要)点:只是在他们完成了一个特定项目的平滑,无缝,简单的购物过程之后。

内部电子商务网站上的多程序集
此电子商务网站以有序和不对称的设计创建多程序视图,因此用户可以轻松过滤到所需的类别。经过MyCreativeMind

5.俯瞰无障碍
-

可访问性也是Web设计中的一个非常重要的方面,并忽略它可以严重影响结果你的网站达到了。在过去的几年里,许多公司已经认识到将其网站提供给游客的重要性,具有广泛的障碍和能力。

当然,有一个道德论据,使您的网站可以通过最广泛的人们可以使用,但也有一个商业案例来做同样的事情。毕竟,扩大您的受众只能增加您成功销售的机会。

一个女人在电脑前工作的插图
间距,对比度,视觉焦点和颜色是在设计中创造可访问性的最重要因素之一。插图byOrangeCrush

即使法律不要求你这么做使您的网站可访问目前,很可能在不远的将来,行业标准会要求这样做。试图把一个没有考虑到可访问性而设计的网站,并重新添加这一点,往往是一个昂贵和耗时的努力。

所以,在你的网页设计创作之前,开始思考如何使用文字、图像和声音。添加alt标签的图像,包括音频描述和保持副本间距良好,在无衬线,清晰的字体。如果你正在播放视频,让用户选择播放,而不是让它们自动设置,然后进行研究用户体验你想创造。

在您的思想前沿设计,创造更具创新性,创意和智能设计的网站。您可以享受自由进行实验趋势,但可以确保他们以目的为您的设计实施。没有好的设计应该阻碍曝光,如果您的网站无法访问,这正是它的所作所为。

建筑网站与红色和白色配色方案
本网站使用无衬线字体,间距和对比色,以保证良好的可读性。经过Dandyvasanth.

6.不针对手机进行设计
-

我们名单上的最后一个网站设计错误是大多数公司首次设计网站的公司仍然是一个。正如网络设计仍被视为“在计算机上”发生的事情一样,许多人仍然认为移动浏览为网站 - 桌面网站的“主要经验”。这不再是这种情况。事实上,现在移动浏览占互联网流量的绝大部分在制作桌面网站之前,许多设计师实际上会制作一个移动网站。

这就是所谓的“移动优先”策略,现在甚至在大公司中都非常流行。设计桌面优先可能是一个错误,因为你冒着让你的网站太杂乱或太慢的风险,所以它在移动设备上看起来不友好。相反,设计你的网站对于移动设备,首先,然后展开到桌面版本的站点下。

两个人使用移动电话设备的插图
采用移动式第一次接近Web设计,让每个人都开心。插图byOrangeCrush

用手机设计网站的原因清晰。根据伦敦的Web开发人员亚历山大威廉姆斯托管数据,改善转化应该是你的主要目标是在设计网站时,在大多数游客将使用智能手机的世界中,他们需要能够直接从手机购买产品。

当然,可以扩展到平板电脑,智能设备以及几乎任何其他类型的启用互联网的硬件。换句话说,您的网页设计需要通过不同的设备访问,并且响应它可以自动调整以尽可能宽的一系列设备。正如我们在其他地方所指出的那样,实现这一目标可能很困难,因为它涉及关注广泛的因素,从页面的布局到您正在使用的图像的大小。

怪物主题的儿童书籍登陆页面
这种外星人网站正在与个性和响应性的设计中爆发。经过set4net.

如果有疑问…
-

...聘请专业。虽然我们在这里列出的错误看起来很简单,但如果您是Web设计的过程,它们非常容易制作。即使是大企业也得到它错误的有时候,但与设计师合作意味着您可以为您的品牌提供最佳机会。

需要一个顶级的网站设计,大惊小怪吗?
我们的设计师使流程无缝。