020-29815005
预约专线时间:09:00-23:59

网站设计容易犯的十个误区,看看你中了几个?

新闻来源:优漫动游 日期:2022-05-08
在网站建设中起着至关重要的作用,甚至一定程度上能决定着网站的成败,可想而知UI设计地位是多么举足轻重。用户打开网站和页面的第一感觉不是产品思路如何,也不是能否找到自己想找的点,而是第一印象,就像你看一个人首先看的是他的外貌而不是内在一样,而网站传达给用户…
  在网站建设中起着至关重要的作用,甚至一定程度上能决定着网站的成败,可想而知UI设计地位是多么举足轻重。用户打开网站和页面的第一感觉不是产品思路如何,也不是能否找到自己想找的点,而是第一印象,就像你看一个人首先看的是他的外貌而不是内在一样,而网站传达给用户的第一印象就是产品的UI设计,它的页面是否美观。给人的第一感觉即印象是决定用户停留的时间和二次点击的意愿的关键。因此,网 站设计有一定不能犯几个错误,否则,不仅会显得你自身不专业,同时也会使得你的整个网站都显得特别业余。


网站设计容易犯的十个误区,看看你中了几个?


  1.模板的不恰当使用。


  一般预先设计好的模版网站普遍都存在一个问题,logo和网站其余部分的视觉关联非常弱。还有的是logo色彩并没有重复出现在网站的其他地方,或者说与网站使用的字体并不搭配。如果你要节省品牌包装开支,那么至少在模版这块要多花点心思,模板的不适用度不能太明显。

  2.不专业的文案。

  写作同样很难,但它必不可少,一篇好的文案能让你的卖点通过互联网传播。尤其如果你是在卖东西,你就得确保文案容易理解,并且还要有校对者检查修正所有拼写错误。我常常在网站文案中看到一些令人尴尬的句子,似乎从设计的原型阶段开始,就以一段占位符卡在那里,所以最好在网站上线前找人通读所有文案。

  3.文字对比问题。

  虽然文字看起来在整个设计页面的占重不大,多数非设计师也都远没有意识到字体的重要性。但是有时字体是整个页面最亮眼的地方,哪怕只是些“字母”。很多时候,字体的运用会成就或破坏整个设计。例如,“小作坊出品”的网页设计有个常见问题,就是标题和正文之间的对比太不明显。通常这种情况,只是单单选用几个字号并不能解决,我们可以尝试在标题上使用更粗的字体,让我们在视觉里感知到它显然比其余文字重要。这种方法比起字号更有助于建立层级,能够温和地引导视线浏览网站。

  4.使用深色背景。

  由于背景色覆盖了网站的绝大部分区域,所以在选择背景色的时候一定要谨慎。背景色的选择也有一定的规则,首要规则,除非是经过专业的设计纯黑网站,否则,其他的纯黑网站几乎没有好看的。相对的,白色就比较有风险,但是白色又太过大众化,普通地在众多网站中没有吸引人的亮点。不过更多设计师喜好使用非常浅的灰色,当然使用灰色背景的时候也要当心更深的灰色,因为它有一种很糟糕的情况,是黑色字母在这种背景上的易读性,所以灰度最好在15%以下,并且设计要保持明亮。

  5.多个同等的行动召唤。

  网站的每个页面都应该只有一个主要的行动召唤。如果不止给出一个操作——访客就会困惑,然后他们可能会需要更多时间来做决策,再采取行动。更糟的是他们甚至会因为这样的认知负担而离开!所以还是要尽可能多地去除行动召唤,让人们更容易采取行动,无需思考。无论是注册按钮还是选择套餐,通过图形符号可以使你期望的操作更加显眼,同时让其他选项更加温和,削弱吸引力。

  6.对齐与间距问题。

  设计页面合适的间距很难处理。因为保留适当间距的同时要要求元素周围不能有太多留白,这可能是设计要考虑的最困难的部分。如何处理这块的难题,我们也可以通过一些规则可以简化。首先,确保所有元素都恰当地分组,其次,在这些组周围保留足够的空白。

  7.使用默认的Bootstrap外观。

  在公司网站上使用Bootstrap的默认设计也是一个非常严重的错误。使用Open Sans可愚弄不了大家。因为使用默认的Bootstrap外观,会导致很难区分各个使用相同设计的网站,这对于品牌来说是非常有害的。

  8.易读性问题。

  如果无法阅读,再多再好的文案也拯救不了你的业务。许多小细节可能损害文字的易读性,结果会影响人们对你公司的印象。针对文案中存在的小问题,我们不能忽视,要小心地去修复这些问题。比如行高太小、字号太小导致无法阅读,又或者是文字与背景反差太小。尽管这些属于小细节的问题,对于多数人不会造成实际的阅读困难,但事实上就是因为这些问题存在于网站上,才会使得网站看上去显得不太专业,就类比你想象一下Facebook会有易读性问题么?

  9.不统一。

  在网站设计上,你的品牌最好保持统一,无论是社交媒体、Facebook广告,或是线下,确保在所有出现的地方,顾客都要能立刻辨认出你的品牌。不过我们回退一步来讲,首先要确保网站本身的一致性。有没有继承的无序列表样式覆盖了正文字体,logo的颜色和网站上的使用是不是完全一致。你是否在各处使用相同的阴影,还是说只是“足够接近”?通常要好好组织CSS文件,删除一切不需要的代码就能修复这些不统一的问题。

  10.过时的设计。

  先不论喜欢与否,我们现在要向拟物主义告别了,每一个网站它如果仍然在重度使用渐变和阴影,那么这个网站一定会显得过时。尽管你的一些3D效果或许在某处侥幸成功,但最好还是在扁平化设计指南中探索创意。

  以上就是优漫教育小编为大家介绍的“UI设计培训】:网站设计容易犯的十个误区,看看你中了几个?”相关内容,希望能够对立志于从事产品设计的同学有所帮助。学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解!