UX Design.如何从设计模式中学习交互设计
分享一些设计模式,在交互设计学习过程中,这些设计模式有助于对产品结构的理解,比较成熟成熟的框架通常使用了多种设计模式,而且是可以复用的,让你的项目进程大大缩短,提高效率。
如果你熟悉这些设计模式,毫无疑问,你将迅速掌握产品框架的结构,学习设计模式,无疑是给了你剖析产品结构和思路的一把利器。
Web Design:
首页设计

搜索设计模式

图片展示页面设计

消息页面设计

数据分析页面设计

模态视图设计模式

关于页面设计

设置页面设计

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


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

表格和列表
只显示最重要的信息。

搜索、分类和过滤
让这些功能易于使用

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

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

反馈与功能可见性
向用户提供适当、清晰且及时的反馈


其他APP设计模式






当你的设计没有头绪的时候,看看这些,可能会给你一些灵感~