首页
UI设计正文内容

这里可以找到UX/UI范例和2024年趋势

2024年06月06日
阅读时长 2 分钟
阅读量 24
这里可以找到UX/UI范例和2024年趋势

您是在开发网站、移动应用、软件界面或 SaaS 吗?需要优秀的现有用户流程、UI 元素、屏幕和 UX 设计模式的范例吗?那么,您可以自行搜索,或使用这个收藏中的资源。

为什么 UX 设计师需要范例和趋势追踪?

来源:refero.design

UX/UI 范例可以帮助您获得关键的见解和工具,以确保设计师的项目具有创意、相关性、用户友好性和竞争力。

此外,范例和趋势追踪:

  • 帮助您找到新鲜的想法,培养独特设计的创造性思维;

  • 树立标准,展示了一个良好的 UX/UI 设计应该是什么样的;

  • 帮助您找到面向未来和相关的解决方案;

  • 展示如何超越用户期望;

  • 帮助找到可以提升应用、产品或服务竞争力的解决方案;

  • 开启优化 UX/UI 设计流程的机会;

  • 作为优秀的教育工具,帮助理解良好和糟糕设计的原则;

  • 成为出色的案例研究。

范例和趋势对于持续学习和在不断发展的设计行业中保持领先地位至关重要。

如何分析范例以获得见解?

照片由Tirza van Dijk提供,来自Unsplash

分析其他设计范例可以显著提高 UX 设计师的技能,并帮助创建引人入胜的界面。以下是分析不同设计范例的实用逐步方法,适用于您的项目:

  1. 确定分析的目的。这可能是导航、视觉美学、色彩使用、排版、用户互动等。

  2. 确定项目的目标受众,并比较他们与您的用户有多相似。

  3. 从网站、移动应用和软件应用中选择相关的范例进行分析。包括其他领域的范例以生成更多想法和设计方法。

  4. 创建客户旅程地图,并评估用户完成不同任务所需的时间以及过程的直观性和逻辑性。您可以使用工具如:

  1. 分析结构和导航:用户可以多容易找到他们需要的内容吗?是否有逻辑结构?导航元素如菜单、按钮等是如何排列的?

  2. 对设计进行视觉评估:

  • 调色板:检查所使用的颜色。它们的一致性如何,以及它们如何影响感知和情绪?

  • 排版:注意字体及其易读性、字体组合、文本大小和层次结构。

  • 图标:评估图标的使用。它们有多清晰,对导航有多有帮助?

  1. 分析交互元素:检查按钮和链接的外观和功能,动画是如何制作的,状态之间的过渡有多流畅。

  2. 进行可用性测试,并尽可能研究反馈。

  3. 确定优势和劣势。界面的可用性和吸引力是什么?什么特别出色?从用户角度看,哪些元素不舒适,为什么?

  4. 将分析应用于您的项目。选择最佳的想法和方法,并将其调整到您的项目中。

UX 设计师应该在哪里寻找范例和追踪趋势?

我整理了一些资源,您可以在这些资源中寻找灵感并获得见解。这些资源包括设计集合、真实应用和网站范例以及设计最佳实践。

  • Refero.design - 在这里,您可以研究真实应用和网站的范例。这里有大量的范例,浏览和搜索都很方便。

  • Pageflows - 如果您正在寻找改进用户流程的选项,通过研究它们在其他项目中的实现,您将找到最佳解决方案。

  • Checklist.design 是另一个设计最佳实践的集合。我特别喜欢的是这些不仅仅是截图,而是清单:这个或那个页面上应该有哪些元素,它们之间的链接是什么等。

  • Landingfolio 是一个具有独特组件库的资源。所有这些都被分类,以便您花费很少的时间寻找合适的范例。

  • Collectui - 这里有近 14500 个范例,涵盖从用户资料到倒计时器选项的各种设计。

  • Stacksorted - 一个按元素分类的设计集合。选择您感兴趣的元素,并浏览具有创意解决方案的项目/网站。

  • UX Archive— 包含 180+ 应用程序、1100+ 主题、10000+ 屏幕,供您灵感。

免责声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

相关文章

在 Figma 中使用自动布局的技巧
2024年11月21日20:43
本文分享了在 Figma 中使用自动布局构建响应式组件的技巧,重点介绍了“固定”、“填充”、“拥抱”等大小选项的应用。文章通过实例展示如何创建组件,并在设计过程中逐步测试其响应性,确保最佳的可扩展性和稳定性。通过调整组件和布局设置的顺序,设计师可以更有效地利用自动布局工具。
设计更好的文本输入控件的 8 个技巧
2024年11月17日10:35
本文分享了设计用户输入表单中文本输入控件的8个实用技巧:不要将标签用作占位符,避免使用过长的标签,清晰传达输入要求,不要在控件内使用占位文本,使用适当的输入控件,仅标记可选字段,调整输入控件宽度,使用视觉指示和文本突出显示错误。这些技巧有助于创建直观、用户友好的输入表单,提高产品的可用性和用户体验。
登录表单用户界面设计指南
2024年11月14日21:09
本文探讨了设计简单、极简登录表单的方法,包括层次结构条带的应用和网格间距的定义。通过详细的设计步骤,强调用户界面的逻辑分组和字体选择,确保对比度检查以提高易用性。同时,提供了一些可能的改进建议,帮助设计师展示对细节的关注。
如何处理超过 100 个选项的筛选器
2024年10月11日18:00
在模态中添加导航,通过侧边栏和堆栈设计,使用户可以轻松浏览数百个筛选选项。在移动设备上,使用手风琴菜单或逐级深入的方法来处理筛选器。这些设计解决方案可以提升用户体验,尽管实施需要大量工作。
设计下拉菜单的 10 个最佳实践
2024年09月10日20:20
本文分享了设计下拉菜单的10个最佳实践,包括避免过长菜单、不要在仅有2个选项时使用下拉菜单、禁用无效选项、避免过于明显的选项使用下拉菜单、限制多级菜单等。此外,还提到了设计清晰的视觉设计、考虑移动设备适配、组织选项顺序、提供搜索功能和设置默认选择。通过遵循这些实践,可以提高产品的可用性和用户体验。
UI 设计技能等级与被雇佣关系的分析
2024年07月04日21:34
通过观察500份初级UI设计师作品集,发现达到第四级及以上的设计师更容易被雇佣。关键因素包括可读性、布局、颜色、对比度、字体选择等。从第一级到第五级的设计水平有明显差异,第四和第五级的设计更受欢迎。设计师需要注意间距、字体选择、结构等细节。第五级设计要求严格遵循8点网格、一致的间距和清晰的结构。练习和努力是提升设计水平的关键。