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

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/11863/

(0)
iouedioued
上一篇 2015-12-29
下一篇 2015-12-30

相关推荐

  • 告别盲人摸象,老司机教你怎么做用研

    #交互学堂# #用研# 现在假设我们自己就是一个用户,我们用浏览器打开了一个 SaaS 网站,并与网站产生交互,作为网站主,他可以通过技术手段知道我们在 Mac 上用的是 Chrome 浏览器, IP 地址可以定位到了北京,在点…

    2016-11-15
  • 好的人机交互设计(UX)评判标准的四个原则

    一些设计的基本原则往往是通用的,甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。 一个设计师&产品…

    2015-04-14
  • 译:用户研究开始前需明确的问题

    作为第三方公司,每次着手准备新项目,总是要先跨过用户去探究客户的需求,这个过程不仅仅是作为设计师了解项目的过程,同时也是设计师帮助客户厘清需求、定位、目标用户的过程。 最近公司要启动电信运营商的新项目…

    用户体验 2015-06-24
  • 如何设计让用户成瘾的体验

    Apple、Facebook、Twitter、Google、Pinterest…这些公司有一个共同点——它们为用户创造了习惯,用户每天都习惯性地使用这些产品,它们是那么吸引人,甚至让人无法想象这些产品问世前的生活。 然而,创造用户习惯说着…

    2016-09-18
  • 讯飞输入法 Smartisan 定制版功能交互一览

    #交互学堂# #讯飞输入法# #smartisanOS# 基于 Smartisan OS 的设计语言深度定制了讯飞输入法,界面简洁优雅,还能保留讯飞输入法用户的使用习惯, 识别准确率高达 97% 的讯飞语音,让输入更高效 点击下载   讯飞输入…

    2016-10-31
  • 2016网页(H5)设计趋势

    有这样一句话来描述UX:

    “UX is about how we live. It’s about everything we do; it surrounds us.”

    (用户体验是我们如何生活,它时刻在我们身边。)

    2016-02-15
  • 【笔记】用户画像101:手把手教你画个像 -转载

    2019年3月30日,UXRen北京分舵举办了《用户画像101:手把手教你画个像》的沙龙分享,本文基于嘉宾王冠男/曲哲路的现场分享总结而成。记录者:裴小静 用户画像的分享主要有以下这2个部分,第1部分主要跟大家讨论一下…

    2019-04-08
  • 设计者说:用户体验这个故事要怎么讲才有逼格?

    设计者说:用户体验这个故事要怎么讲才有逼格? “ 故事也许是人类最早的叙事方法。大多数人在童年时,故事用来引导他们的行为,了解历史文化和培养社会认同感。”-From Wikipedia 1.什么是故事(WHAT) 在讨论如何打…

    2015-11-17
  • UI、UX,傻傻分不清楚?来一份设计师分工指南

    设计是一个相当广义而模糊的术语。当有人说“我是一个设计师”时,你很难知道他每天做些什么。

    2016-07-12
  • 21个令人崩溃的反人类设计:我忍你们很久了!

    100%中枪,强迫症请绕行... 1、我不相信没有人把蚊香弄断过! 2、这个反人类的设计,我特么说几百遍都不嫌多! 3、全世界的衬衣都缝这里!也行,那你用点软布啊?他偏不,必须用能割破脖子的,能引起过敏的,能让你…

    2016-05-17