学习前沿 Web、UI 和 UX 设计的 10 个最佳资源

已发表: 2022-09-18

无论您是在设计小型投资组合网站还是在大型企业系统上工作,可用性都应该是您设计的最前沿。

幸运的是,想要提高可用性技能并完善其 UI 和 UX 设计方法的设计师可以获得一些非凡的资源。

在深入研究最佳资源之前,以下部分将简要定义这些主题。 UI 和 UX 是不可互换的,尽管有多少人使用这个术语。

什么是最前沿的网页设计?

前沿是指最前沿的设计和想法。 想法突破了正常的界限,以寻找新的方式来呈现事物。

前沿设计的绝佳示例是交互式登录页面和 3D 渲染,使用户的数字体验更加切实和难忘。

什么是用户界面?

UI 代表用户界面,它更多地关注美学和基于其数字存在的产品或服务的吸引力。

UI 侧重于视觉接触点,允许用户通过排版、调色板、按钮、动画、视频和图像与产品进行交互并理解它。

用户界面应该引人入胜且易于消化,因为颜色和数字功能可以通过 UI 创造兴趣和情感来吸引消费者购买产品或服务。

什么是用户体验?

UX是与产品或服务自始至终相关的用户体验,包括产品或服务的实际使用和实施。 UX 远远超出了 UI 和美学,它包含了产品的功能而不仅仅是美学。

UX 包括产品的数字和物理方面,以及用户如何与之交互以消除痛点。

学习前沿 Web、UI 和 UX 设计的最佳资源

一个网站可能具有出色的用户界面,但如果该网站具有吸引力但导航具有挑战性,则该网站可能具有可怕的用户体验设计具有出色 UX 的网站将易于使用,但在视觉上不是很令人兴奋或令人愉悦。 要了解如何将这些与前沿设计相结合,以便您可以利用您的创造力和独创性,请考虑以下大量精彩资源。

  1. 不要让我思考: Steve Krug的 Web 可用性常识方法

在寻找资源时,一个简单的起点是阅读有关该主题的知名书籍。 Steve Krug 对成功将 UI 和 UX 与创新相结合意味着什么有着坚定的理解。

这本书深入地帮助设计师和开发人员理解可用性不是创造力的敌人。 他们协同工作,以营造田园诗般的用户体验和美感。

Krug 解释了如何驾驭这些设计方面,还帮助人们学习如何同时满足用户、客户和老板的需求。

  1. 情感设计:为什么我们喜欢(或讨厌)日常事物Don Norman

另一本学习 UX 设计的书是 Don Norman 的这本书。 Norman 深入探讨了设计师如何从一个角度看待事物,但他们需要站在用户的角度,以全新的眼光看待他们的设计。

他解释了设计需要如何考虑人类本能的,有时是无法解释的反应。 对于 Norman 来说,这一切都是关于以人为本的设计,同时又不牺牲令人愉悦的美学和有趣的视觉效果。

  1. Joel Spolsky为程序员设计的用户界面设计

设计师并不是唯一在工作时担心 UI 和 UX 的人。 如果你是一名程序员,你可以通过 Joel Spolsky 的书从程序员的角度了解 UI 和 UX 设计。

Spolsky 的叙述非常中肯,概述了程序员和设计师可以遵循的简单但合乎逻辑的规则,以确保可用性和艺术元素。

虽然这不是“傻瓜的 UX 设计”,但 Spolsky 可以非常容易地掌握一些人无法理解的可用性概念。 他实践他所宣扬的,因为这本书易于阅读和消化。

  1. 博尔德数字艺术

如果您想要一种比阅读书籍更实用的学习方法,您可以参加有关 UX 设计的在线课程。 Boulder Digital Arts 提供的一些课程是现场直播的,而其他课程则是您可以随时访问的录音。

对于想要更好地理解 UX 设计以及如何将其融入 UI 的人来说,最好的课程之一是以用户为中心的设计简介。

上课是磨练您的 UX 和 UI 设计技能的最佳方式之一,因为您将收到作业并能够练习您的技能并获得建设性的反馈。

  1. 设计实验室

在线学习的另一个选择是 Designlab。 Designlab 像学校一样工作,但采取的是一对一的学习方式,因此每个学生都有一位设计导师来帮助他们解决可能遇到的具体问题或问题。

Designlab 本身就是最前沿的,它对学生的学习方式进行试验,因此它们提供了一种比传统课程更适合许多人的灵活体验。

他们的 UX Academy 还严格专注于以战略方式将 UI 和 UX 结合在一起,让学生牢牢掌握可用性的含义和重要性。

  1. 用户体验精通

UX Mastery 是一个海量资源,提供数十个设计课程,其中一些专注于 UX 和 UI 设计。 许多课程采用研究方法,分析是什么使一些有用的,并尝试为 UX 和 UI 设计开发公式。

最重要的是,这些课程非常实惠,每月花费不到 20 美元。 您可以向 UX 专家学习,或者他们称之为 UXperts。

一些课程甚至深入到 UI 和 UX 设计背后的心理学,帮助学生了解影响 UI 和 UX 设计的人性。

  1. 树屋

对于想要全面的设计学习体验而不仅仅是学习 UX 和 UI 的人来说,Treehouse 是最佳场所。

Treehouse 提供轨道,这是一系列相互交织的课程,让您全面了解设计、前沿、UI 和 UX。 这些指导课程涵盖了您掌握一门学科所需的一切。

您还可以选择创建自定义课程,因此您可以跳过根据您的基础知识认为不需要学习的课程。

  1. 扁铁学校

想要快速而严谨的学习体验? Flat Iron 设计新兵训练营提供为期 15 周的快速课程,将教您 UI 和 UX 设计的来龙去脉,以便您立即被录用。

Flat Iron 不断更新其课程以反映最前沿的技术,因此您知道自己始终在学习最新的信息和设计方法。

所有的设计课程都专注于 UX 和 UI 设计,确保您所学的一切与可用性齐头并进,这样您就可以在不造成糟糕的用户体验的情况下执行艺术构想。

  1. 用户体验杂志

如需免费的 UI 和 UX 资源,您可以访问 UX Mag。 专家和专业设计师发布关于可用性和其他设计方面的文章,这些文章对想要学习的人非常有帮助。

这些文章经常分解复杂的想法,使它们易于理解和实施。 该杂志不断更新,因此不乏要阅读的材料。

许多文章讨论了用户体验设计的未来,这将使您始终处于新想法和技术的前沿。 它也是优秀 UI 和 UX 的灵感和示例的绝佳资源。

  1. UXPin 提供的免费 UX 电子书库

另一个用于尖端 Web、UI 和 UX 设计的极好的免费资源是这个电子书库,其中包含 80 多个关于设计和可用性的标题。

许多免费书籍都关注 UI 和 UX 设计未来的当前趋势,因此您可以掌握最新网页设计的最新动态。 除了 UI 和 UX 设计,您还可以在涵盖各种设计主题的其他电子书中了解更多关于设计的细节。

灵感资源

虽然课程、书籍和其他资源在学习前沿、UI 和 UX 设计时很有帮助,但看到好的实践总是有帮助的。 以下是对不同网站设​​计和可用性进行评分和排名的三个网站。

并非每个网站都必须遵循千篇一律的设计才能获得成功的可用性,这些页面上的许多网站展示了您可以采取的不同途径来实现非凡的 UI 和 UX。

浏览这些网站并查看获奖者和荣誉奖,以了解可用和有效的网站设计是什么样的。

  • Awwwards
  • 网站启发
  • 一页爱

例子

从时尚到节日到度假胜地再到网站开发,以下所有网站都具有出色的 UI 和 UX,展示了创新的网站设计如何引人入胜,并且仍然易于浏览和消化。

如果您想查看一些富有想象力和有趣的网站设计的出色示例,下面是一些最现代的示例。

  • 新时尚网
  • 胶囊.dior.com
  • gentilhomme.com
  • casa.dolcegabbana.com
  • kikk.be
  • glasfurdandwalker.com
  • findsanctuary.com
  • 另一个-mother.com
  • mydesignbuddy.co.uk
  • thebluetour.com
  • studiopingpong.com
  • alexbeigeweb.dev

最后的想法

你可以阅读所有关于 UX 的书籍并参加所有你想要的课程,但你必须创造一些东西并邀请人们使用它来了解可用性的全部意义。

虽然所有这些资源都是一个精彩的起点,但不要害怕创造,即使失败,它也会教你十倍。

另请阅读: 2021 年将 UI/UX、原型设计和线框图进一步提升的 16 种最佳网页设计工具