美文网首页我爱编程
网页设计中几种简化设计的方法

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

作者: c9ad3e5022b1 | 来源:发表于2018-07-27 10:18 被阅读2次

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

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

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

1.专注于行动呼吁

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

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

2.简化页数

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

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

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

3.坚持使用调色板

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

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

4.选择标准导航

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

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

5.考虑80-20规则

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

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

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

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

6.使用微互动图标

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

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

7.注意排版

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

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

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

8.压缩文本大小

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

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

9.创建轻松复制

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

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

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

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

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

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

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

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

结论

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

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

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

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

相关文章

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

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

  • 网页设计经验:简化设计的方法

    相信很多用户已经在coolsite360中建立的自己的网站了。 在网站设计方面,简单往往更好,这已经不是什么秘密了...

  • 【荐】【转】网页色彩搭配教程:三个实用方法搞定网页配色设计

    网页色彩搭配教程:三个实用方法搞定网页配色设计 为什么要整理设计色彩方法? 在色彩设计应用中,我们对颜色不同程度的...

  • 用户界面网页设计原则

    “网页设计绝不是简单的拼合,排列甚至编辑;网页设计是通过阐明,简化、明确、修饰,使之庄严,有说服性,甚至带一点趣味...

  • 渐进式设计呈现

    在设计中我们经常会听到,要简化操作步骤,这可能在实物产品如电器类产品上适用。 但在网页设计和一些app交互产品设计...

  • 网页设计的几种风格

    扁平化风格网站 强调字体 整体页面 响应式 个性化 交互式 手绘插画 色彩对比 低面建模多边形风格 动态网页 ba...

  • 浅析单页网站UI设计的技巧

    单页设计已然是网页设计的大趋势了,许多流行的设计元素和设计方法都逐渐与这种网页设计手法融合到一起,越来越多的设计师...

  • JavaWeb基础——JSP

    JSP全名是JAVA Server Pages,根本上是一个简化的Servlet设计。在传统的网页HTML文件中插...

  • 按钮设计都有哪些常见注意事项

    栅格化设计方法在网页设计中是使用非常普遍的一种设计方式,而今天我们就一起来了解一下,在按钮设计方面都有哪些设计要求...

  • 常规网页设计的尺寸和网页广告的规则

    作为一个学习网页设计的新人,在学习网页设计的过程中,需要知道各种网页广告图片的常规网页设计的尺寸和网页广告的规则。...

网友评论

    本文标题:网页设计中几种简化设计的方法

    本文链接:https://www.haomeiwen.com/subject/qeswmftx.html