从你眼中看世界
世界就在你手中

UX Design.如何从设计模式中学习交互设计

分享一些设计模式,在交互设计学习过程中,这些设计模式有助于对产品结构的理解,比较成熟成熟的框架通常使用了多种设计模式,而且是可以复用的,让你的项目进程大大缩短,提高效率。

如果你熟悉这些设计模式,毫无疑问,你将迅速掌握产品框架的结构,学习设计模式,无疑是给了你剖析产品结构和思路的一把利器。

  Web Design:

  首页设计

UX Design.如何从设计模式中学习交互设计 - 第1张  | CALONYE.COM
  搜索设计模式

UX Design.如何从设计模式中学习交互设计 - 第2张  | CALONYE.COM
  图片展示页面设计

UX Design.如何从设计模式中学习交互设计 - 第3张  | CALONYE.COM
  消息页面设计

UX Design.如何从设计模式中学习交互设计 - 第4张  | CALONYE.COM
  数据分析页面设计

UX Design.如何从设计模式中学习交互设计 - 第5张  | CALONYE.COM
  模态视图设计模式

UX Design.如何从设计模式中学习交互设计 - 第6张  | CALONYE.COM
  关于页面设计

UX Design.如何从设计模式中学习交互设计 - 第7张  | CALONYE.COM
  设置页面设计

UX Design.如何从设计模式中学习交互设计 - 第8张  | CALONYE.COM
  APP Design

  导航模式

主要导航模式和次要导航模式。

UX Design.如何从设计模式中学习交互设计 - 第9张  | CALONYE.COM
UX Design.如何从设计模式中学习交互设计 - 第10张  | CALONYE.COM
  表单

登陆表单、注册表单、核对表单、计算表单、搜索表单、多步骤表单、长表单。

UX Design.如何从设计模式中学习交互设计 - 第11张  | CALONYE.COM
  表格和列表

只显示最重要的信息。

UX Design.如何从设计模式中学习交互设计 - 第12张  | CALONYE.COM
  搜索、分类和过滤

让这些功能易于使用

UX Design.如何从设计模式中学习交互设计 - 第13张  | CALONYE.COM
  图表

借鉴基本图表的经典设计理念。

UX Design.如何从设计模式中学习交互设计 - 第14张  | CALONYE.COM
  视觉吸引

吸引用户并促使其发现产品功能。

UX Design.如何从设计模式中学习交互设计 - 第15张  | CALONYE.COM
  反馈与功能可见性

向用户提供适当、清晰且及时的反馈

UX Design.如何从设计模式中学习交互设计 - 第16张  | CALONYE.COM
UX Design.如何从设计模式中学习交互设计 - 第17张  | CALONYE.COM
  其他APP设计模式

UX Design.如何从设计模式中学习交互设计 - 第18张  | CALONYE.COM
UX Design.如何从设计模式中学习交互设计 - 第19张  | CALONYE.COM
UX Design.如何从设计模式中学习交互设计 - 第20张  | CALONYE.COM
UX Design.如何从设计模式中学习交互设计 - 第21张  | CALONYE.COM
UX Design.如何从设计模式中学习交互设计 - 第22张  | CALONYE.COM
UX Design.如何从设计模式中学习交互设计 - 第23张  | CALONYE.COM
  当你的设计没有头绪的时候,看看这些,可能会给你一些灵感~

[整理:CALONYE]

未经允许不得转载:CALONYE.COM » UX Design.如何从设计模式中学习交互设计
分享到: 更多 (0)

评论 抢沙发