交互学堂
专注分享专业知识

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

方向比能力更重要  -李开复

准备这期内容的时候,突然想到李开复老师的这句话,“方向比能力更重要”,觉着学习的思考和方法真的是太重要了,要想明白你的优势及在哪方面有着突出的能力,然后朝着这个方向不断努力,就一定能够成功。凡事,捷径可走,但是在学习的前期,如果想要快速的成长,就必须多实践,比如下面的一些设计模式,当你在看、在思考的时候,就可以把他们全部画出,以便加深理解。

好啦,言归正传,今天豆荚君跟小伙伴们分享一些设计模式,在豆荚君的交互设计学习过程中,这些设计模式对我的学习帮助还是挺大的,它有助于对产品结构的理解,比较成熟成熟的框架通常使用了多种设计模式,而且是可以复用的,让你的项目进程大大缩短,提高效率。

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

Web Design.

 首页设计

0wx_fmtjpeg-

 搜索设计模式

0wx_fmtjpeg-
  图片展示页面设计

0wx_fmtjpeg-1

  消息页面设计

0wx_fmtjpeg-1

数据分析页面设计

0wx_fmtjpeg-1

  模态视图设计模式

0wx_fmtjpeg-1

 关于页面设计

0wx_fmtjpeg-1

设置页面设计

0wx_fmtjpeg-1

APP设计模式

导航模式:

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

0wx_fmtpng-

0wx_fmtpng-

表单:

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

0wx_fmtpng-

表格和列表:

只显示最重要的信息。

0wx_fmtpng-

搜索、分类和过滤:

让这些功能易于使用

0wx_fmtpng-

图表:

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

0wx_fmtpng-

视觉吸引:

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

0wx_fmtpng-

反馈与功能可见性:

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

0wx_fmtpng-

0wx_fmtpng-

 其他APP设计模式

0wx_fmtjpeg-1

0wx_fmtjpeg-1

0wx_fmtjpeg-1

0wx_fmtjpeg-1

0wx_fmtjpeg-2

0wx_fmtjpeg-2

未经允许不得转载:IAMUE_专业交互设计平台 » UX Design.如何从设计模式中学习交互设计

交互设计问答社区

寻找答案发起提问