从顶级UI设计师那里学到的 10 个经验

在UI设计中,没有停止点。即使是最好的设计师也必须不断提升他们的技能并扩展知识以保持领先地位。实现这一目标的方法之一是受到有成就的行业大师的启发。有什么比从专家那里得到更好的建议呢?

作为设计师,我们了解保持技能最新的压力。这就是为什么我们汇集了来自世界顶级设计师的十条建议。

  1. 可用性是第一位的
  2. 创造力紧随其后
  3. 令人惊叹的网站或APP需要整体的开发
  4. 黑暗模式?说起来容易做起来难
  5. 排版计数
  6. 工具只是工具
  7. 扩展您的视野
  8. 不要认为动画是理所当然的
  9. 从持久的趋势中分辨出短暂的设计时尚
  10. 从别人的错误中学习

可用性是第一位的

创新是伟大的,但可用性更重要。

虽然对于有经验的UI设计师来说,可用性是给定的,但新手往往会以牺牲用户交互的便利性为代价,过于努力地推动创新或艺术视野。同时,难以浏览的网站或APP会出现更高的跳出率和更低的回访次数。 

88% 的在线购物者在用户体验不佳后不会返回。当用户努力通过网站或应用程序实现他们的目标时,他们会感到沮丧,而且不太可能再回来,这势必会影响公司的收入。增强 UX 设计会增加网站流量、更高的转化率,并最终带来更大的销售额。 

创造力紧随其后

UX 在促进转换和提高网络应用程序和页面的有效性方面优先考虑,但这并不是说创造力不重要。

面对自动化,勇于创新、逆势而上,开辟自己的道路是超越日益复杂和自动化的的最佳方式。坚持创造力;这是计算机从我们这里窃取的最后一件事。

一条经验法则是首先以受众为中心设计网络产品,然后将您个人的、独特的风格融入到作品中。 

出色的网站或APP需要整体的开发

设计系统工作的挑战在于帮助团队以更多跨职能、跨学科的方式思考。他们需要了解更改单个切片将如何影响超对象——或者更具体地说,它将如何影响在系统内工作的其他团队和人员。

尤其是在自由职业和远程工作的时代,网页设计和开发往往被视为孤独的职业。错了。设计和开发网站的过程是一个极其复杂的过程,它涉及一种跨职能、跨学科的方法,每个人都应该了解他们的工作如何影响其余的贡献者。 

黑暗模式?说起来容易做起来难

在过去几年中,深色主题的受欢迎程度明显上升。它们优雅、简约,而且据说对眼睛和电池更友好。但是,它们的实现涉及一定程度的复杂性。“实施暗模式很容易,但为它进行设计就不那么容易了,”世界上最著名的网页设计师之一安迪克拉克警告说。

要使深色背景工作并为您的 Web 产品提供精致、尊贵的外观,它需要遵循一些关键原则。 

首先,您必须确保高度的可读性和可访问性,以提供用户的舒适度并避免视觉疲劳。第二个重要的考虑因素是对比度,它决定了界面颜色的选择。第三,暗模式设计应该与用户环境的外观相辅相成。有效的深色背景还需要改变可以适应不断变化的光线条件的排版风格。

 排版计数

说到这。您还记得几乎所有网站都使用 Arial 或 Times New Roman 的时代吗?它们仍然作为后备字体排名第一,但目前,几乎 60% 的网站使用自定义字体,这表明人们越来越意识到排版对网页设计的重要性。但为什么它如此重要?

地形决定的不仅仅是要使用的字体的类型和大小。它包含行距和字符间距、段落缩进、项目符号、悬挂标点符号以及更多影响 Web 产品可读性、设计和可访问性的元素。 

排版中的节奏就像音乐中的节奏。就像在音乐中,秩序比混乱更能让我们耳目一新,因此精心设计的文本具有既定的节奏,更容易阅读,更能让我们的眼睛享受。

工具只是工具

不要过分沉迷于工具。工具并不像创造性思维的基础那么重要。工具会在您的整个职业生涯中发生变化,而行业软件甚至可能会在您毕业时被取代。学习可转移到您将使用的任何工具的设计基础知识。

事实上,尽管网页设计和 UI 工作所必需的工具激增,但过于依赖特定的实用程序是设计师常犯的错误。 

每个专业人士都应该有一个必不可少的工具包来执行日常任务,但与其成为特定功能或软件的高级用户,更重要的是掌握基本技能,例如设计原理、编码、照片编辑、视觉设计、用户体验、排版、色彩理论和构图。

扩展你的视野

在网页设计中,多功能性也适用于更广泛的背景。“从网络外部获取灵感。翻阅这些书籍中的任何一本,都会激发出许多关于新布局设计的想法。阅读科学和理论教会了我为什么何时做出选择。

您可以在网页设计中利用大量知识来使其强大而有效。例如,对艺术的兴趣将为您的创意注入活力,并更容易形成个性化、真实的风格。通过探索人类的心理和行为,您可以更好地理解哪些设计元素会引起用户的特定反应。业务和营销基础知识将帮助您提高对客户的了解并满足(并超越)他们的期望。\

不要认为动画是理所当然的

多年来,我们目睹了网络和动画设计师之间的裂痕。前者往往对动画设计的质量不满意,担心动画元素会减慢网站速度,对用户体验产生负面影响。幸运的是,情况不再如此。 

随着 Web 开发的成熟,有目的的、精心设计的动画(例如动态背景、加载屏幕或视觉反馈)可以积极塑造用户体验,不仅可以增强网站的美感,还可以促进导航并通过网站或应用程序。

网络动画不仅仅是装饰,但前提是我们将其作为设计过程的一部分。如果您不将它包含在定义该体验的早期对话中,它就不会成为用户体验的有意义的补充,

从持久的趋势中分辨出短暂的时尚

还记得汉堡菜单、无限滚动和轮播广告吗?我们宁愿忘记它们曾经存在过。每年,网页设计界都会经历一波新的创意浪潮。虽然其中一些值得保留,但大多数一出现就过时了。 

精明的网页设计师和开发人员知道如何识别和适应推动新鲜和鼓舞人心的设计的颠覆性趋势,并告诉他们短暂的时尚,这些时尚可能会毁掉任何网站和应用程序,其外观在实施后不久就会过时。

屡获殊荣的创意总监、设计师和前端开发人员Shane Mielke解释了在网页设计中屈服于过时的时尚的危险,“我认为当前的许多设计趋势都令人惊讶地乏味和乏味。设计已经及时倒退,类似于具有几种基本颜色、一些字体和一些图片的程式化用户体验,而不是设计师个性和风格的延伸。”

从别人的错误中学习

这个想法被归结为很多人,但从本质上讲,它总是归结为同一点。虽然错误是学习过程的一个重要阶段,但通过向他人学习来避免其中一些错误可以为您节省大量时间(和挫折)。

设计网站很困难,需要大量练习才能做到正确。如果你和我一样,你在做这件事的时候犯了很多错误。我认为指出常见错误很重要,这样我们才能将它们转化为成功

可读性差、布局凌乱、导航不佳——这些只是一些基本的陷阱,您可以通过遵循顶级 Web 和 UX 设计师的建议以及阅读专业博客和其他资源来绕过。

作者:Joanna Borkowska

本页面最后更新于 2021年07月10日 10:56