4006-998-758
3000+课程任你选择
UI设计核心方法
研发学院 UI 开课时间:2023-02-21
曹鑫

具有十年互联网产品设计经验, 曾主持和参与华泰证券,中信证券,交通银行, 民生银行,微众银行,百度,网信金融,人人 贷,宜信,滨海国金所大型企业的互联网产品金融设计项目,以及赶集网,周大福电商电商产品设计,等大量互联网智能系统平台设 计,具有丰富的一线实战经验和扎实深厚的理论与研究基础。

曹老师参与的金融/电商项目:浙江农信丰收互联移动应用(丰收互联)、启明 创投、交通银行买单吧 2.0 和 3.0、中银香港手机银行、光大控股、华润银行手机银 行、包商银行(有氧金融)、人人贷-黑卡、小马-bank、微众银行(微有折)


查看老师详情
课程内容


课程大纲

第一天:UI视觉设计的基础知识与核心方法(上)

   我们学习的旅程从UI视觉设计的基础知识开始,首先让学员建立一个正确的UI设计基础概念,然后开始学习UI视觉设计中的视觉风格与语义符号系统方法

日程

时间

课程模块


09:00-10:10

UI视觉设计的五个核心要素

视觉风格,语义符号系统,信息(可视化)设计,UI动效设计,UI设计规范

UI设计师的工作职责定义

金融产品产品UI设计全流程案例分析

10:10-10:20

课间休息和答疑。

10:20-11:20

UI视觉设计的核心基础知识

1.UI设计中的格式塔心理学

2.UI设计中的立体视觉与平面视觉,色彩和谐原理

3. UI设计中的信息设计的视觉设计原理

详解:形状隐喻,色彩隐喻,位置隐 喻,动效隐喻

11:30-12:00

UI视觉设计核心要素1: UI视觉风格的原理与应用,

详解决定视觉风格的三个因素:品牌因素,用户偏好因素,流行趋势因素

UI风格影响因素一:流行趋势

1.拟物化设计(Skeuomorphic design)及其界面应用

2.装饰化设计(Rich design)及其界面应用

3. 扁平化设计(Flat design)及其界面应用

4.未来设计审美趋势(科技感,3D风,视频风,插画风等)


12:00-13:00

午间休息。

日程

时间

课程模块

下午

13:00-14:30

UI风格影响因素二:用户审美偏好

基于用户年龄,民族国家,职业的偏好以及实际应用举例

审美风格影响因素三:品牌风格影响

品牌风格特征与界面设计的结合,以及实际应用举例


14:30-14:40

课间休息


14:40-15:30

UI视觉设计核心要素2:语义图标符号在设计中的应用和设计方法

核心要点:语义符号的原理与语义符号的语义提取设计方法

课程核心案例: 语义符号的语义设计方法


15:30-16:00

视觉风格与UI视觉语义符号系统的实战案例解析

第二天: UI视觉设计的核心方法(下)

今天的课程将讲解UI设计的核心方法之信息设计与视觉规范设计,然后将对对视觉设计训练方法进行分析

日程

时间

课程模块

上午

9:00-10:30

UI设计核心要素3: 数据可视化设计与应用

信息可视化的意义与形式

信息可视化的四种类型(数据可视化图表,信息图,示意图,地图)

数据图表可视化设计设计方法:组织数据,发现Idea,选择正确的图表

怎样选择合适的数据图表,每种数据图表适合表达什么样的故事?

(线性图,柱状图,饼状图,面积图,散点图,气泡图,区域分布图,时间线图)

10:30-10:40

课间休息

10:40-12:00

UI设计核心要素4: UI动效设计方法与应用

1.动效设计的对UI设计的意义和物理与空间视觉隐喻本质

2. UI动效设计的四个分类

(指示性动效,转场动效,提示动效,表现性动效)

四类动效在UI界面设计中的应用

指示性动效(导航层级,反馈状态,用户引导,加载与进度等待)

转场动效(缩放过渡,渐隐,界面框架加载过渡)

提示动效(旋转震动,着色,深度变化,图标动画)

表现性动效(Logo动画,趣味插画动画等)

3.UI动效的基础本质动画设计方法

缓动(线性,加减速,克制),偏移与延迟,父子关系,变形,数字变化,覆盖,生成,蒙层,视差,多维,镜头缩放)


12:00-13:00

午间休息

日程

时间

课程模块


13:00-14:20

UI视觉设计核心要素5: UI 视觉规范

核心要点:如何建立专业产品UI界面视觉规范

课程核心案例

1.谷歌扁平化视觉规范系统及其相关案例

2.Material design   扁平化设计语言分析


14:20-14:30

课间休息


14:30-15:00

UI设计工具发展趋势:Figma设计工具在设计流程中的应用与国内对应设计工具的对比分析

15:00-16:00

图易设计公司内部员工培训的方法和设计研究案例分享

课程总结与答疑


返回上一级