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

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

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

发送评论 编辑评论


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