恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
优漫动游避开这6个陷阱,Web程序员将得到BOSS肯定
0.0°

新手Web设计师如何避免网站开发中的误区,留住用户?

  新手Web设计师如何避免网站开发中的误区,留住用户?这里将介绍新手设计人员经常深受其害的6个陷阱。了解如何避免这些错误并及时修正这些错误,可以神奇地改进设计。  

避开这6个陷阱,Web程序员将得到BOSS肯定  

  1.错误的颜色对比  

  当用户访问一个网站时,他会做的第一件事就是扫描网站以得到网站的要点,并看看网站是否可以解决他的问题。如果用户无法立即找到正确的按钮,选项或其他的导航形式,很大的可能是他不会再看,并最终离开页面。这通常是由于不恰当的颜色对比所造成的,导致用户从直观上错过了重要的内容。  

  颜色对比绝对是一个要做的重要决策,当你试图引导用户从一个页面到另一个页面,或引发动作(CalltoAction)的时候。确保网站上如CTAs这样的按钮,能够显眼。因为显眼就意味着用户将能够迅速找到它们,提高转化率。至于颜色设计指南,可以看看来自于谷歌的这个详细工作。它不仅从理论上帮助你,而且还提供了工具帮助你更轻松地完成工作。  

  2.忽略图标  

  用户自己会阅读文本的,你是这么认为的吧?那么,为什么有些人会使用图标来代替文本?只提供文本不是更容易吗?诚然,这可能会更容易,但它有吸引力吗?大多数人的回答都会是,NO。纯文本的界面通常不会那么美观,而是会让用户觉得枯燥乏味……这就是图标变得必要的原因。并非所有的设计师都明白这一点,所以他们往往忽略了图表用来抓住用户注意力的重要性。  

  如果你用纯文本编写,并希望用户坚持并阅读每一标题,那么你可能会大失所望。但是,如果你添加图标,那么用户就能立即知道发生了什么,同时页面不会纯是文本而令人两眼迷茫。所以,请记住要在导航和其他每个地方的选项旁边添加小图标,以帮助用户快速识别。需要一些例子吗?Awwwards收集了一些关于图标的超棒例子。  

  3.内容太多  

  解释概念主要有两种方式:要么使用大量的词语用实例和故事来表述氛围和情景,要么就简明扼要地直述要点。初次用户可能不会对阅读大量的内容感兴趣,可能只想尽可能快地接收信息。这是因为在第一次访问时,他们大多会先进行扫描,然后决定是否应该继续深入。你怎么能期望他们会在这种行为上消费大量的内容?  

  要想更好和更容易地办好这件事,标题(尤其是第一页的)应该做成3-7个单词的,如果超出这个长度,那么标题就得是对用户充满诱惑的。如果你有更多要分享的话,标题下面的解释可以通过“ReadMore”按钮包括一到两行内容。但是,要让用户自己决定要不要阅读剩下的内容。可以看看Lumosity是如何完美整合这一点的。  

  4.不考虑一致性  

  一致性对于一个伟大的网站设计是一个关键因素。很多设计师在铺设内容时会忽略一致性,忘记设计一致性的重要性。  

  为临近的相关信息片段保持一种类似的格式很重要,并且一致的颜色/模式/等可以帮助用户创建那些在没有连贯设计时迷失的连接。保持这些元素相一致是关键。每当有指令说明的时候,任何CTAs,到下一页的按钮,或者起着类似作用的任何其他内容,都应该和整个网站设计保持一致,相同的字体和相同的字体大小,不论它们在网站的什么位置。  

  5.没有做好色彩平衡  

  色彩平衡是另一个经常被遗弃的重要问题。细心的色彩管理可以使得网站显得清晰和有秩序。如果有太多类似的颜色,区分就变得很难,另一方面,强烈的颜色冲突会显得杂乱和毫无吸引力。  

  为了保证更佳的可读性和总体可用性,颜色不应该越界。在彼此之间应该有一种颜色的和谐,这样网站才不会显得突兀和难看。无论是web设计还是经典艺术设计,关注色彩平衡对于整体外观有很大的影响。对于初学者来说,你可以试试这个超快的颜色生成器:Coolor。  

  6.不在意对齐  

  如果你想要观众阅读网页上的大部分信息,那么你需要让这些信息看起来有用且易消化。对齐在这个问题上起很大的作用。确定用户的视角应该从哪里开始是对齐的全部内容。对齐能慰藉用户的眼睛。  

  网站上的内容可以是居中对齐,也可以是左对齐。如果你选择把内容放在中间,那么在左右两边就要留出大量的负空间,否则用户将很难消化内容。另外,可视内容,如果有的话,如果放在居中文本的远处会显得无关。大多数优秀的网站会选择文本左对齐,因为它模仿了我们如何学习阅读印刷文字的方式。网站上的一切内容都需要对齐,网格可以帮助你实现这一点。可以阅读Tuts+关于对齐和网格的这篇文章以了解更多信息。  

  总结  

  “如果你是一个新手设计师,并且犯过这些错误,那么好好查看下你的设计,看看有没有可以修复的地方。一些曾经似乎无法挽回的设计或许会因此而突然焕发生机。不要忘了,专业的设计师曾经也是初学者,他们之所以渐渐变得优秀起来,是因为他们肯积极地尝试理解一些细微的事情,并且愿意去重新认识他们先前忽略了的内容。因此,从错误中学习并立刻修改,创建出一个用户友好的网站——这是提高设计技术的唯一途径。”  


Powered by Froala Editor

更新:2023-08-03

收藏

0人已收藏

今天冇想上班

我就打打工的大老板

  • 225

    作品

  • 1

    粉丝

  • 0

    关注

  • 分享几个设计生成工具优漫教育
  • 交互设计之五要素优漫教育
  • UI界面视觉设计之和图标优漫教育
  • 为什么有人说UI就业不好该如何掌握高端技能优漫教育

    猜你喜欢

      优漫动游避开这6个陷阱,Web程序员将得到BOSS肯定

      0.0°

      你确定要举报优漫动游避开这6个陷阱,Web程序员将得到BOSS肯定

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2023年08月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录