UX Design.如何从设计模式中学习交互设计
本文最后更新于 2976 天前,其中的信息可能已经有所发展或是发生改变。

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

0-wx_fmt=jpeg
  搜索设计模式
0-wx_fmt=jpeg (1)
  图片展示页面设计
0-wx_fmt=jpeg (2)
  消息页面设计
0-wx_fmt=jpeg (3)
  数据分析页面设计
0-wx_fmt=jpeg (4)
  模态视图设计模式
0-wx_fmt=jpeg (5)
  关于页面设计
0-wx_fmt=jpeg (6)
  设置页面设计
0-wx_fmt=jpeg (7)
  APP Design
  导航模式
主要导航模式和次要导航模式。
0-wx_fmt=png
0-wx_fmt=png
  表单
登陆表单、注册表单、核对表单、计算表单、搜索表单、多步骤表单、长表单。
0-wx_fmt=png (1)
  表格和列表
只显示最重要的信息。
0-wx_fmt=png (2)
  搜索、分类和过滤
让这些功能易于使用
0-wx_fmt=png
  图表
借鉴基本图表的经典设计理念。
0-wx_fmt=png (1)
  视觉吸引
吸引用户并促使其发现产品功能。
0-wx_fmt=png (2)
  反馈与功能可见性
向用户提供适当、清晰且及时的反馈
0-wx_fmt=png (4)
0-wx_fmt=png (1)
  其他APP设计模式
0-wx_fmt=jpeg
0-wx_fmt=jpeg (9)
0-wx_fmt=jpeg (10)
0-wx_fmt=jpeg (1)
0-wx_fmt=jpeg (2)
0-wx_fmt=jpeg (3)
  当你的设计没有头绪的时候,看看这些,可能会给你一些灵感~
[整理:CALONYE]

文章名称:《UX Design.如何从设计模式中学习交互设计》
文章链接:https://www.calonye.com/16111.html
版权声明:本文采用 License 知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
风险声明:本站资源仅供个人学习交流,请于下载后 24 小时内删除,请勿用于商业用途,否则法律问题自行承担!
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇