审美与实用:如何使用设计让您的应用或网站受到关注

已发表: 2019-05-27

我们生活在一个大多数公司都有一个应用程序或一个网站在在线领域代表自己的时代。

对于大多数公司来说,这是一个很好的机会,可以真正找到一种方式来炫耀他们的公司并表达他们的身份。 然而,另一方面是竞争激烈,随着人们越来越熟悉良好的设计和流畅的界面,你会面临很大的压力,要加倍努力让你的网站或应用程序受到关注。

这不像做一份合理的工作那么简单。 您必须超越以确保您的网站引起关注并展示适合您公司的专业精神。 因此,事不宜迟,这里有一些很好的方法来实现您需要的网站或应用程序设计,以获得最佳效果。

Aesthetic vs Utility

1. 第一印象

当你走在街上时,那些拥有非常好的橱窗展示的店面,或者温暖诱人的空气或从它们散发出来的好气味真正吸引了你。这是你的第一印象,也是你结束的重要组成部分决定你想去哪家公司,最终你想把辛苦赚来的钱花在哪里。 对于网站和应用程序来说,即使不是更多,也是如此。 你必须给人留下深刻的第一印象。 这意味着,当您的网站打开时,首先需要迎接您的点击者是您的最佳作品。 这种时刻的影响在在线领域更为重要,因为与商场里的行人相比,互联网用户的注意力持续时间要短得多。 如果用户没有立即被他们看到的内容吸引,只需按一下键或单击鼠标即可将他们赶走。 一个设计良好的网站将前端图形设计元素以获得最初的吸引力。

2. 正确处理流程

好的设计并不像事物的外观那么简单。 一个精心设计的网站会给你带来的最大的好处之一就是真正有效的流动感。 我的意思是从一个页面到另一个页面的每次转换都会让人感觉自然,并且用户导航将被简化。 良好的设计有助于和促进网站导航。 促进网站导航很重要,但被低估了。 这是一种激励人们超越最初点击浏览您的网站的行为。 用于辅助导航的良好设计意味着,如果他们确实想要进行下一次点击,那么他们需要去哪里才能找到他们想要找到的东西是非常明显的。 做对了,您将立即获得更好的站点交互性。 这是一个实用性高于美学的领域,尽管两者可以结合起来。

3. 移动可用性

这个非常重要。 如果没有有效的移动伴侣,投入大量精力来创建完美的网站、出色的搜索引擎优化、漂亮的界面等等都是徒劳的。 在现代,智能手机和平板电脑开发领域不断投入大量工作,以至于对于某些人来说,这些设备现在已成为他们唯一使用的东西,取代了笔记本电脑和台式机。 即使它们还没有完全接管,它们仍然被大量用于从检查电子邮件到浏览网络的所有事情。 这意味着您为您的网站使用的任何设计都必须被改编成可以以相同方式轻松使用的移动版本,这一点至关重要。

4.减少肤色

极简设计正在达到新的高度,您可以在整个网络上看到它,品牌简化了新的内容和产品。 这种新趋势不仅仅是极简主义和扁平化设计——它是极简主义在移动设备中实施的下一步。 它的一些定义特征是更大的标题、更粗的字体、更通用的更简单的形状、更少的颜色或完全提取颜色。

例如,还记得 Instagram 过去的样子吗? 蓝色和白色,绿色按钮等等。 但是现在 UI 本身几乎没有颜色,除了一些带有链接和按钮的颜色,但即使这样也很少。 他们还使导航和图标变得更加简单。 Medium 正在为他们的应用程序和网站使用类似的方法。 AirBnB 也发生了变化,创建了更简化的界面。 如果你进入这三个业务的app,你会发现界面相当熟悉——内容要亮,app要功能。

这是一个巨大的进步,它改善了整体体验。

如果你想加入这个潮流,这里有一些你需要做的事情:

  • 移除颜色——如果你的应用现在有很多颜色,最好移除它。 它不一定要完全,因为您可以使用一种颜色,但要谨慎使用,并且仅在绝对必要时使用。 例如,显示动作。 您的应用程序的内容应该是带来颜色的内容,并且您的应用程序应该基本上是无色的。
  • 粗体标题 – 现在的趋势是强调标题,通过使其粗体来显着增加它的大小和重量。 您拥有的任何标题都将从中受益。
  • 创建简单的图标 - 在您的图标中不添加任何颜色。 它们应该是简单的线条,普遍可识别。 例如,主页的房子。 例如,个人资料页面的小头。 所有这些都创造了更多的简单性。
  • 留出更多的空白——一般来说,空白越多越好。 你不能在这里出错。 只要留下尽可能多的空白空间,你就会走上好路。
  • 使应用程序图标明亮 – 使用闪光和颜色设计您的应用程序图标。 因此,其他任何地方都没有颜色,但在您的应用程序图标上添加尽可能多的颜色和亮度。 在这里,您可以尽可能多地插入您的个性和品牌。 通过这个元素让自己脱颖而出。
5.添加插图

这是近年来最流行的趋势之一。 用户界面中的插图是过程、功能、文本或任何类似内容的可视化表示。 它支持和扩展人们的想法,并提供额外的信息。 它们已被应用于书籍、报纸、传单、海报、专辑封面、教育书籍等。

卡通、视频、游戏和类似媒体都带来了改进。 插图美丽而富有创意,并且提供了很大的灵活性。 有越来越多的网站和应用程序,插图是增强用户体验和改善这些实体的视觉和情感吸引力同时增加可用性的最佳方式之一。

那么,如何在 UX 设计中使用它们呢?

一方面,您应该将它们用作功能元素,而不仅仅是为了美观。 以下是一些插图元素:

  • 主题图片
  • 吉祥物和各种人物
  • 英雄图片
  • 博客文章 图片
  • 奖励图形
  • 入职图形
  • 通知和营销
  • 信息图表
  • 社交媒体页面
  • 评书
  • 贴纸

这些只是您可以使用插图来增强您的消息并改进您的应用程序的一些方法。

以下是为什么您绝对应该考虑在界面设计中使用插图的一些原因:

  • 自定义插图创造独创性 - 插图始终能够为您的应用或网站添加一些风格。 而且由于竞争如此激烈,您需要一些东西来帮助您脱颖而出。 插图和图形可以为您提供这一点。 设计师可以根据目标受众、需求和其他营销元素调整他们的图像,这样您就可以真正为您的服务增添更多魅力
  • 视觉触发器——视觉触发器总是比其他触发器更强大。 这主要是因为您可以在几秒钟内获得图像的信息,而您必须阅读很长时间才能获得普通博客文章或信息帖子的信息——完整的信息。 人们将通过组合识别形状、颜色及其含义,并从这些图像中传达某些感受和知识。
  • 插图支持复制——在许多情况下,图像比复制更能传达信息。 事实上,大多数人不会阅读您的大部分副本。 他们可能充其量只是略读。 但是,如果他们到达您的目标网页,他们就不可能错过任何图片。 它会立即向他们扑来。 这就是插画如此适合广告的原因。
  • 它们非常适合讲故事——同样,通过文本传达信息的一个大问题是人们缺乏耐心去经历这一切。 如果你想讲述一个有影响力的故事,图像会更好地传达故事的信息。 它引起了人们的注意,人们一眼就能看出来。 一张图片可以营造气氛、展示个性、传达信息等。
  • 插图具有情感吸引力——通过颜色、形状和阴影以及插图的整体主题,你可以让人们感受到一些东西。 当他们的情绪与您联系在一起时,他们将永远不会忘记您作为一个品牌,因此您将永远留在他们的脑海中。 他们可以在几秒钟内获得您的品牌个性并与之建立联系。
  • 好的插图创造满足感——审美满足感增加了您的项目的可信度,它使您的访问者或客户对您的应用程序或网站的美丽与和谐感到满意。 人们想要并且需要好看的界面,因为它让他们感到快乐,让他们更加喜欢你。 ]
  • 插图令人难忘——如前所述,文本很容易忘记,尤其是如果您没有完全阅读它。 但是出色的图像和插图可以立即识别,并且人们可以快速无缝地记住它们。 下次他们在线或离线遇到您的存在时,他们会记住您。 如果他们忘记了您品牌的所有其他信息,他们会记住与您的品牌相关的图像,这就是他们再次找到您的方式。 当您想提高品牌知名度并吸引更多人关注您的品牌时,这是完美的选择。 如果您的插图、图像和图形遵循相似的主题或美学,这尤其有用。
结论

您已经可以通过“网站设计”这个短语来判断,当您将公司的在线展示放在一起时,设计将成为您的首要任务。 设计中最大的问题是在外观和可用性之间取得平衡,因此希望通过其中一些技巧,您将获得一个在这两个方面都一样好的网站。