我想设计一个应用程序,我该从何入手把需求转换成应用界面?这就是线框图的功能了。UI线框图是什么?它有什么作用?除了是产品经理必备技能,他对独立开发者有多大帮助?我该怎样学习线框图呢?本套课程为你解答!
这套课程将通过教授基本的 UI 概念,向你展示 UI 专业人员如何创建有效的线框图,让你有能力有能力去设计自己的用户界面。
本门课程的受众为产品经理,创业者和其他非设计人员,让我们在 UI 设计的世界逐渐精进。
准备好了吗?
课程章节设置
第一章: 什么是UI、交互设计?What Is UI Design?
第二章: UI控件 UI Controls
2.1 UI控件之按钮 Buttons2.2 UI控件之文本输入 Text Input2.3 UI控件之下拉菜单 Dropdown Menu2.4 UI控件之单选按钮和复选框 Radio Buttons and Checkboxes2.5 UI控件之链接 Links2.6 UI控件之选项卡 Tabs2.7 UI控件之面包屑导航 Breadcrumbs2.8 UI控件之侧边栏 Vertical Navigation2.9 UI控件之菜单栏 Menu Bars2.10 UI控件之手风琴 Accordions2.11 UI控件之验证 Validation2.12 UI控件之工具提示 Tooltips2.13 UI控件之警告 Alerts2.14 UI控件之数据表 Data Tables2.15 UI控件之图标 Icons
第三章: UI、交互设计模式 UI Design Patterns
第四章: UI、交互设计原则 Design Principles
4.1. 对比原则 Contrast4.2. 层次原则 Hierarchy4.3. 邻近原则 Proximity4.4. 对齐原则 Alignment
第五章: UI、交互设计模板 Templates
第六章: UI、交互设计流程 Process
6.1. 定义问题 Define the Problem
6.2. 构思 Ideation
6.3. 内部审查和迭代 Internal Review and Iteration
6.4. 验证和结束 Validation and Sign-Off
6.5. 实现和发布 Implementation and Release
6.6. 反馈和改进 Feedback and Improvement
本系列文章逐渐更新中,欢迎留言讨论。
评论0