当前位置:首页 > 新闻中心> 公司新闻

网站设计建议?

作者:衡水网络公司 来源:http://www.hsbaidu.net/

  提出一个设计网站的想法很容易,但是您真的知道如何将它们组合在一起以优化您的设计吗? Designveloper的这篇文章将在为您的网站起草外观时向您详细介绍前3个最重要的实践:


  如何设计好的CTA?


  我们应该对设计应用哪种主题色调?


  插图如何适合您的设计?


  1.明智地设计您的CTA


  号召性用语(CTA)是设计网站时要注意的一个非常重要的元素。 CTA可能决定或破坏客户的决定,因此,此图形元素肯定会影响您的销售。


  CTA的副本为客户提供了一个线索,指出“为什么我应该单击此按钮?”,但它的出现解决了“我应该单击何处?”的神话。 精心设计的CTA应该可以帮助用户导航并了解他们未来的行为。 因此,设计CTA是一项非常关键的活动。


  尽管起草CTA按钮并不是一件容易的事,但要通过CTA按钮进行销售优化也不是一件容易的事。 以下是Designveloper的3个UI技巧,可以帮助您充分利用CTA。


  使用对比色


  按钮的颜色选择应考虑许多方面 ,例如整个组成的颜色,目标受众的心理特点。 对比度是您必须实现的最重要因素之一。 由于背景和按钮的颜色形成鲜明对比,因此CTA可能是屏幕上不常见的元素,因此与众不同。


  您还应该知道的另一件事是,按钮越重要,它的对比度就必须越高。 让我们看一个例子:


  对比按钮。 图片:玛拉基。


  选择更大的尺寸


  一方面,每个设计师都知道元素越大,就越引人注目。 另一方面,CTA旨在优化转换率。 这就是为什么足够大的按钮可以更有效地吸引客户的注意力,并且与较小且不引人注意的按钮相比,他们更有希望他们做出响应。 但是,不要将按钮过宽,因为它会影响其他元素和网站的整体设计。 苹果公司提供的提示建议您的按钮至少应为44点x 44点。


  您的按钮至少应为44点x 44点。 图片:苹果。


  当心折线


  折线上方和下方是有关印刷机的概念。 报纸被折叠成两张放在摊位上,因为床单太大。 这样一来,过路人只能看到上述一半。 这就是为什么报纸必须通过在前半部分放置引人入胜的标题或图片来吸引顾客以提高销量的原因。 当涉及网页设计时,折叠与我们的滚动条有关。


  正如泰森·Quick(Tyson Quick)在他的Instapage文章中所指出的那样,放在折页上方的 CTA可以立即引起访客的注意。 但是,一些分析表明,仅当大多数客户已经了解服务/产品并且希望在不做进一步研究的情况下更快达成交易时,才将CTA放在上半部分。


  CTA首屈一指的最佳做法。 图片:着陆页课程。


  而与此相对的是折叠之下 。 据说,如果您的客户不知道您的服务/产品是什么,那么CTA应该位于页面底部 ,以便客户可以看到报价的某些价值。 布拉德·格德斯 ( Brad Geddes )在他自己的房地产网站上进行了一项测试,在该网站中,号召性用语被转移到首屏之下,转化率上升了。 此后,他和他的团队尝试将CTA放回页面顶部,令人惊讶的是,转换指数下降了。


  首屏的CTA最佳做法。 图片:着陆页课程。


  该示例表明,放在折页上方的CTA并不总是最佳做法。 因此,针对此的两个关键问题是:


  –您的客户是否熟悉产品/服务?


  –大多数客户都容易理解您的产品吗?


  如果您对两个问题都说是,请在页面顶部放置一个CTA。 如果提供的产品难以跟进,则最好将CTA放在首位。


  2.有时深色背景是最佳选择


  不足为奇的是,越来越多的UI设计师可能会选择深色主题而不是浅色主题,以便他们设计的界面具有时尚和新潮的外观。 实际上,其背后的原因是多种多样的。


  第一个原因是深色背景不会使使用者的眼睛疲劳 。 当然,短时间内以浅色主题阅读新闻和博客文章会更容易。 但是,当我们需要长时间工作(编码,阅读长篇论文等)时,深色主题和浅色文本是一个更好的选择。 它增强了可读性和可读性。


  其次,如果环境鼓励使用深色主题,请这样做。 您是否熟悉Netflix或Spotify? 他们两个都将深色主题应用于其界面。 这是因为人们倾向于看电影和听音乐来放松身心。 根据IFPI的报告,消费者在家中放松时更有可能听音乐( 63% )。 关于Netflix,发现其用户会在深夜或光线昏暗的房间中播放电影,连续剧。


  发现其用户将在深夜或光线昏暗的房间中播放电影,连续剧。 图片:Netflix。


  人们倾向于看电影和听音乐来放松身心。 图片:Spotify。


  另一个例子是Adobe的所有产品(包括Photoshop,Illustrator,InDesign等)都采用深色界面(如黑色,灰色),以便设计人员可以专注于自己的任务,并且连续工作几个小时后,眼睛就会感到舒适。


  由于明亮的背景会在这样的环境中造成压力,并分散用户的注意力,因此在这里,深色背景始终是更好的选择。


  将深色背景应用于网站时,有一些技巧 ,包括:


  –由于深色背景会吸收其他元素的光 ,因此您应利用负空间,以免用户被相关信息分散注意力。


  –如果设计中包含文本,则最好使用sans-serif字体,以便用户可以轻松浏览页面上的信息。


  在深色背景网站中使用的San Serif字体。 图片:两只黑猩猩咖啡。


  如果您仍然想确定是最好的还是暗的,请参考以下清单 :


  –步骤1 :定义接口的用途。 它是文本驱动的网站(博客,新闻,电子阅读器)吗? 如果是这样,则浅色主题是合适的主题。 如果您的网站是视觉驱动的,则应选择深色背景。


  –步骤2 :定义您的目标受众。 您应该记住的两个问题是:


  +他们是谁?


  +他们想要什么?


  根据答案,您将找出最佳选择。 换句话说,如果您想为中年人创建网站,则最好使用浅色背景,因为这种色调更直观,更易于导航。 当涉及到年轻观众时,深色主题更加新颖和时尚。 但是,青少年和孩子们喜欢明亮而引人入胜的主题。


  –步骤3:测试和测试。 如果不先测试,就永远不会信任任何建议。 A / B测试可让您更好地了解受众群体的行为,然后便可以尽可能优化网站。


  但是,在决定背景应为哪种色调时,还有两个选择。 首先,您的界面可能很暗,但必须有一个白色的水龙头才能进行复印。 另一个建议是授权用户。 设计多个界面主题,让他们选择适合自己需要的任何背景音调。 这是来自Slack的示例:


  Slack的可变主题功能2。图像:Slack。


  3.使用自定义插图


  这是2019年,谁不在他们的网站上使用插图? 好吧,如果您是对此尚不陌生的人之一,以下是一些原因说明为什么这些天必须使用插图。


  通常,与文本相比,插图在吸引用户注意力方面更为有效。 另外,如果您的插图作品足够漂亮,那么它可能会满足人类审美需求。 因此,此类元素可能会鼓励用户继续滚动滚动条。


  与文本相比,插图在吸引用户注意力方面更为有效。 图片:八度和八度。


  此外,插图可以帮助观众比文本更快地 处理数据 ,他们无需知道上下文就能在一秒钟内明白您的意思。 得益于插图的可识别特征,文本(副本)得到了很好的支持,并且还可以使信息在用户的脑海中停留的时间比平时更长。


  插图帮助观众比文字更快地处理数据。 图片:踢我的习惯。


  另一个原因是,自定义插图可增强品牌知名度和可识别性。 插图是品牌可以给受众群体的唯一因素和体验。


  更重要的是? 这是您的工作,然后可以根据需要自定义和同步它 。 艺术品可能引人入胜,有趣,吸引人,等等。选择是您自己的,但应该与整个设计流程保持一致。


  插图可以增强品牌知名度,并且可以轻松自定义和同步。 图片:Fixate。


  但是插图如何适合?


  首先要分析的始终是目标受众。 此后,明智的做法是弄清楚您网站的环境是什么,换句话说,如果您想表达幽默感,那么可以使用很多有趣的插图。 接下来,让我们考虑一下您的插图对用户而言是否可以理解或过于复杂,请不要让他们思考! 最后一点是,这项工作不应成为您网站的干扰因素,所有这些的主要思想都是销售服务/产品,对吗?


  这是Designveloper认为的三种实践,您应该为下一个项目考虑。 如果您没有专家来开发自己的产品,请让Designveloper帮助您。 在估算页面上与我们联系,以便我们更好地了解您的想法。


导航栏目

联系我们

联系人:鲁经理

手机:15127828039

邮箱:15127828039@qq.com

网址:http://www.hsbaidu.net

地址: 衡水市桃城区中心大街128号中元大厦