为了账号安全,请及时绑定邮箱和手机立即绑定

网页设计中几种简化设计的方法

标签:
Html5

在网站设计方面,简单往往更好,这已经不是什么秘密了。一个易于理解且易于使用的界面更有可能将访问者转变为稍后将返回您网站的活跃用户。

但是你如何简化你的网站?即使您没有从头开始构建新的东西,诀窍是设定目标,然后查看为用户提供目标的路径。应该消除阻碍该路径的任何事情。应该从设计中删除任何能够理解用户应该做什么的事情。

这就是我们今天要看的内容 - 您可以使用一些技巧来简化您的网站设计。这些想法适用于现有网站和新版本。(以意派Coolsite360交互式线网页编辑系统为例子 )

1.专注于行动呼吁

webp

您的网站应该有每个用户做某事的最终目标。对于每个落在设计上的人来说,这个目标应该是显而易见的。

行动呼吁需要清晰,足够大,以便在足够的位置看到,以便用户永远不会离键点击太远。

2.简化页数

webp

您的设计是否包含页面和信息页面?它需要吗?

将内容简化为可管理的块,但不要淹没具有太多页面的用户点击。将所有相关内容保存在一起,以便于阅读和流动。

使用旧的,过时的信息或仅包含第三方窗口小部件或地图的页面消除页面。(这些元素通常可以合并到其他地方。)

3.坚持使用调色板

webp

虽然各种颜色可以是有趣和吸引人的,但它也是压倒性的。坚持使用两个或三个选项的调色板,以帮助控制颜色。

如果你想变得非常简单,可以考虑单调的调色板,只有几种色调和单色调。令人惊讶的是,这么简单的东西是多么美丽,而且用户也很容易。较少的颜色会减少心理超负荷,有助于营造更加和谐有序的外观。(几乎所有忙碌生活的人都可以欣赏。)

4.选择标准导航

webp

虽然隐藏或替代导航样式可能看起来很酷,但这些时尚选项并不像您期望的那样用户友好。任何偏离“正常”用户模式的行为都会有些不和谐,并且会让用户对在网站上移动感到过于困难。选择标准模式,以便您的网站易于使用。

考虑到这一点,标准非常精简。带有三到八个菜单选项的顶部或弹出式导航元素是常态。忘了那些曾经流行的超级风格的导航菜单。除非您是主要的电子商务零售商,否则设计中的每个页面都没有理由在导航中占有一席之地。(许多大型选项在移动设备上根本不起作用。)

5.考虑80-20规则

webp

在考虑对设计进行更改时,80-20规则是一个很好的起点。有两种方法可以考虑和实施规则。

请记住,您网站上20%的元素将产生80%的所需用户操作,这意味着少数对操作,按钮或其他用户界面元素的调用将产生很大一部分用户交互。这是完全正常的。

考虑到这一点,当您更新或重新考虑设计时,进行更改时会关注前20%的内容,以进行80%的更改。您可能想要考虑的20%元素包括产生最多点击次数的相同元素 - CTA,流量渠道和图片。白色空间是另一个重要因素。

如果80-20规则似乎很熟悉,那么它也被称为帕累托原则或至关重要的少数法则。它由经济学家Vilfredo Pareto开发,但适用于所有学科。

6.使用微互动图标

webp

设计中的图标,图像和所有其他用户界面元素应该是有原因的。(想想点击商品图标并且没有链接到品牌页面是多么烦人。)

不要仅仅因为拥有酷炫的图标而吸引用户。仅在元素用于整体设计中的实际用途和目的时才计划和使用元素。

7.注意排版

webp

使用排版的模型就像使用颜色一样:少即是多。

最容易阅读的字体具有标准形状,均匀的笔划宽度和没有丰富的装饰。固体类型系列带有选项,因此如果您需要强调特定字体,则无需查找其他字体。这些字母需要包含足够的重量,以便与您的背景形成对比。

从两种字体开始。一个用于网站上的主要文本,一个用于显示用法。而已。这就是你所需要的一切。

8.压缩文本大小

webp

当你在考虑排版时,会增加字母的大小。屏幕不断变大,让他们更容易看到您的消息,而不是在画布上填写更多文本。

虽然这对于移动设备来说似乎是违反直觉的,但事实也是如此。更大的字体可以更容易阅读。忘掉那句古老的格言,一切都必须在卷轴之上。虽然关键字应该吸引用户滚动,但并不是所有内容都需要在第一个屏幕上。用户理解继续前进并习惯于滚动,特别是在手机上查看网站时。

9.创建轻松复制

webp

虽然排版可以在确定设计外观的简单性或复杂性方面发挥巨大作用,但实际的单词同样重要。每个单词都应该传达与你的视觉相同的意义,因此有一个独特的一致性。

编辑副本。然后再次编辑它。

网站是一种媒介,是一种可读的交流形式。确保您与访问者的对话是您期望的,干净,简洁,高度可读的副本。创建流经设计的语气,并使用吸引用户的词语和语言。

然后再编辑一次,取出不必要的每一段文字。

10.打破一条规则,但只有一条规则

webp

规则意味着被打破。但只打破一条规则。

如果你想做一些不同的事情,不要用很多不同或不寻常的元素来混淆设计。通过专注于一个更复杂或不寻常的事情,您可以创造兴趣而不会压倒用户。

听起来很简单吧?(只是不要陷入做太多的常见陷阱中。)

结论

网站设计过于复杂或“过于设计”会妨碍您与用户沟通的方式。记住您的转化目标以及您希望用户对设计做些什么。无论是填写表格,下载应用程序还是购买填充兔子,每个设计元素都应该强调到达目的地。

去掉阻碍这条道路的所有设计元素。用户喜欢干净,简单且易于使用的设计。在诸如电话之类的较小设备上尤其如此,其中杂乱可能在几纳秒内破坏用户体验

意派Coolsite360交互式线网页编辑系统

“创意不该受技术束缚,交互可以变得简单有趣”



作者:意派Coolsite360
链接:https://www.jianshu.com/p/2fa12bf105f8

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消