2021年有效Web设计的10个技巧

2021年5月16日17:11:19 发表评论 1,293 次浏览

在仅10到15秒钟之内, 访问你网站的访问者就可以决定他/她应该呆在那里还是从那里切换。无论你在网站的后端部分编写了多少复杂的代码, UI/UX不会令人印象深刻, 那么用户将不会对其他事物产生兴趣, 而是会离开那里。网站设计是主观的, 对于一个用户来说, 一个设计可能会给人留下深刻的印象, 而对于另一个用户来说, 一个相同的设计却可能很难看, 这就是为什么它是设计师最复杂和最具创意的工作之一。网站设计不仅是要在网站上添加内容和元素以使其美观, 还涉及如何添加所有内容以使其美观易于使用.

2021年有效Web设计的10个提示

如果用户无法确定你的网站目的, 如果用户在从一个页面导航到另一页面时遇到困难, 如果页面布局不令人印象深刻并且不易于理解, 那么这些都是认真注意的标志。你的网页。糟糕的网站设计背后有太多因素可能会给用户留下不好的印象。让我们讨论一些有效的网站设计的重要因素和提示...

设计不仅是外观和感觉。设计是它的工作方式。 -史蒂夫·乔布斯

1.有目的和计划

用户需要访问应用程序的原因, 这就是为什么你的网站应该清楚地向用户解释或传达你所提供的服务或产品。你的网站及其每个页面都应有其用途和明确的说明。根据你网站的目标(娱乐网站, 电子商务网站, 社交媒体等), 进行粗略的草绘并识别所有关键元素(如导航, 联系信息, 号召性用语, 搜索, 页脚, 按钮, 图像, 版式), 你需要将其包含在你的网站上。

从用户的角度了解你的网站, 并据此进行规划。在跳到代码之前, 先弄清楚用户的期望是什么, 他们将要浏览哪些页面, 他们将要阅读什么内容, 并根据这些信息找出希望元素放到哪里。

2.简单性

复杂性令人恐惧, 在网页设计中少即是多使工作更有效。使你的网站变得简单, 并尝试一次显示一个细节, 以引起每个部分的个人关注。大多数人将所有内容放在网站上的任何地方都放在同一页面上, 这会使屏幕混乱, 用户会分神和困惑。设计干净简洁的网站时, 请牢记以下提示:

  • 不要在你的网站首页上超载信息。如果内容或信息太多, 请将其保留在内页上。另外, 使你的网站在字体系列, 字体大小, 颜色, 图像, 标题和其他方面保持一致。
  • 在设计中包括空白。在部分, 段落和框之间留出足够的填充, 边距, 空间。它突出显示了内容, 并使你的网站易于使用。
  • 限制下拉菜单(下拉菜单, 折叠菜单等), 并避免使用大多数Web设计师更喜欢在网站上使用的侧边栏, 滑块, 手风琴, 标签和轮播。用户会分心, 而忽略网站上其余的有用内容。研究圣母大学还说, 我们应该避免使用轮播吸引用户的注意力并增加点击次数。

3.可读性

用户在阅读你网站上的文字时不会遇到困难, 因此你需要注意文字与背景之间的对比。许多人在背景图片上使用文字, 而背景图片上没有任何叠加层, 文字会与图片融合在一起。你应该在图像上使用一些深色的覆盖层, 然后在其上使用文本以使内容可读。

彩色背景也是如此, 例如, 不要使用深灰色背景, 上面的文字要稍微浅一些, 而不要使用白色文字, 因为白色文字会更清晰易读。另外, 不要使字体太小, 将正文文本至少保留16pt, 并注意元素之间的空白。 Sans Serif字体更适合在网站上使用。

4.响应能力

人们使用移动设备进行大部分浏览和网络流量的50%这些都是来自移动设备的原因。所有这些都是你的应用程序应在不同设备上可见的原因。文本, 布局, 图像网站的所有元素应在不同设备上可见和访问, 以提供更好的用户体验。了解如何使用CSS网格, 媒体查询, 引导框架来使你的应用程序具有响应性或对移动设备友好。

5.简单的导航

如果访问者无法找到想要的东西, 他们肯定会离开你的网站, 这就是关注网站导航极为重要的原因。导航可以组织你完整的网站, 并指导用户在你的应用程序中移动。导航菜单应位于网站的顶部, 并且应粘贴在你的网站上, 因此, 如果用户向下滚动网页, 他们仍然可以找到并访问你网站上的菜单。以下是一些使应用程序易于浏览的技巧……

  • 采用 "三击规则"中允许用户单击3次即可获得所需的所有信息。
  • 菜单中的更多项目会使访问者感到困惑, 因此尝试列出少于7个项目也要避免使用下拉菜单, 搜索引擎将很难抓取下拉菜单。
  • 你网站的品牌徽标应重定向到首页上的用户。
  • 你可以在页脚中包含一些重要菜单(例如使用条款/ FAQ /联系方式/博客等), 菜单的简化版本或社交图标。

6.号召性用语

在你的网站上, 有一个清晰的号召性用语按钮或表格, 指示用户下一步应该执行的操作或完成任务的表格, 这一点非常重要。例如, 立即购买, 注册, 联系表, 订阅, 注册表, 社交媒体按钮等。一旦用户知道网站的用途, CTA就会为用户提供某种指导。没有CTA, 用户将无法确定他/她是否需要购买产品, 进行某种注册或订阅, 并且该用户可能会在未完成最终任务的情况下离开网站。如果你将CTA放在首位, 这样访客就可以在他们面前找到它, 这是很好的。

7.加载速度

人们非常不耐烦, 并且如果你的网站速度很慢, 他们也不会等待太久。如果他们的ID加载速度不快, 大多数用户会在5秒钟内离开网站。图片或视频的大小对网站速度有很大影响, 因此请在将图片添加到网站之前先对其进行压缩。另外, 将代码组合到中央CSS或JavaScript文件中以减少HTTP请求。缩小HTML, CSS, JavaScript(压缩以加快加载时间)。限制网站上的大物件, 然后选择合适的主机。

8.优先滚动

我们已经提到过, 你应该避免使用滑块或手风琴在网站上显示很多信息。呈现更多内容并使之适合你的网站的最佳方法是使用滚动条。已发现其中之一学习在网页中添加滚动功能后, 转化率最多可提高30%。

9.拾取正确的图像

图片可以说很多有关网站的信息, 为你的网站选择合适的图片可以吸引大量访问者。我们强烈建议你使用不会影响网站速度的高质量优化速度。你可以从专业人士或照片库中获取具有自然外观的高质量图像的图像。你的图片应该清楚地表明你希望用户理解的消息类型。添加人物照片可以提高你网站的转化率。

10.调色板

你网站的颜色应与你网站的品牌相匹配。选择正确的颜色来代表你的品牌非常重要。选择颜色时, 还需要注意对比度。当你为网站选择颜色时, 它们应该相互配合, 文字也应该清晰易读。你所选择的颜色不应互相冲突, 例如不要将紫色和红色彼此相邻使用, 这会使你的网站难看。主元素(主要), 突出显示(辅助)和其他次要元素(背景)使用单一颜色。你还需要记住, 你的原色, 副色和背景色在整个站点中应该保持一致。鲜艳的色彩会产生情感, 因此应谨慎使用(例如, 用于按钮和号召性用语)。


木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: