像素范儿全能班第二期-课程源文件uikitb

第35课UIKIT

二主讲师：牛MO王课程大纲课程简介主讲导师第31

节牛MO王功能图标能图标设计原则及规范，正负形图标第32

节功能图标二利用矢量工具及图层样式设计扁平功能图标牛MO王第33

节天气图标设计拟物风格、扁平风格、线性风格三种天气设计方法及创作思路牛MO王第34

节UI

Kit

一利用图层样式设计一款 器轻拟物化界面牛MO王第35

节UI

Kit

二设计扁平化和磨砂风格的Dashboard界面牛MO王第36

节产品实战一闪屏页面、 页面和登录页面的设计方法及思考牛MO王第37

节产品实战二实战设计APP社交风格方向及原则牛MO王第38

节产品实战三实战设计APP

、贴吧页面风格方向及原则牛MO王第39

节产品实战四实战设计APP工具、统计页面方向及原则牛MO王第40

节交互动画实现动效基本原理应用技巧及PS简单的步骤实现的交互动画牛MO王每天一项技能成果预览设计思路设计步骤成果展示设计延展Class35本章总结整合UIkit成果预览设计思路设计步骤成果展示设计延展Class35千万不要以为UI

kit只有控件的整合。本章总结UI

kit成果预览设计思路设计步骤成果展示设计延展本章总结Class35UI

kit不仅仅是小控件的合集，也是界面间的合集。UIkit成果预览设计思路设计步骤成果展示设计延展Class35把重要的内容及类别进行划分整理。本章总结UI

kit由于其规则性和

灵活性，也非常适用于Widget部件设计。成果预览设计思路设计步骤成果展示设计延展Class35本章总结UIkit成果预览设计思路设计步骤成果展示设计延展Class35由于其规则性和灵活性，也非常适用于Widget部件设计。本章总结成果预览设计思路设计步骤成果展示设计延展Class35，所以保持英文叫法。DashboardDashboard中文又称作

，但是容易和汽车其最常用的功能是数据图形可视化和 管理。本章总结Dashboard的组成成果预览设计思路设计步骤成果展示设计延展Class35Dashboard基本上由用户信息、导航功能、标题、图表展示、功能操作等组成。本章总结Dashboard的应用成果预览设计思路设计步骤成果展示设计延展Class35Dashboard大部分应用在ipad端和网页端、电脑端，以简约明了的方式展现给用户。本章总结Dashboard的特点成果预览设计思路设计步骤成果展示设计延展Class35Dashboard配色丰富，注重功能性，以视觉展示为主。本章总结日常生活中的数据图形可视化成果预览设计思路设计步骤成果展示设计延展Class35统计平台文字模块本章总结日常生活中的数据图形可视化成果预览设计思路设计步骤成果展示设计延展Class35统计平台数据图模块本章总结日常生活中的数据图形可视化成果预览设计思路设计步骤成果展示设计延展Class35友盟Android分辨率本章总结日常生活中的数据图形可视化成果预览设计思路设计步骤成果展示设计延展Class35友盟Android设备统计图本章总结扁平化UI

kit设计思路及要点、Dashboard的设计思路及要点成果预览设计思路设计步骤成果展示设计延展Class本章总结35国内很多Dashboard的设计并不够美观，或者说还不够重视。注重重要信息的划分归类是重要的原则之一合理利用颜色搭配注重信息展示版式布局需合理规划扁平化UI

kit设计思路及要点、Dashboard的设计思路及要点成果预览设计思路设计步骤成果展示设计延展本章总结Class35收到信息啊，我很认可你的才华，所以需要你为公司设计一套Dashboard，要求很简单……风格要求：高端大气上档次，低调奢华有内涵，奔放洋气有深度，简约时尚国际范，用户信息日期导航全局搜索项目标题数据图文字信息功能操作内容要有：关系人列表logo添加Widget等等……扁平化UI

kit设计思路及要点、Dashboard的设计思路及要点成果预览设计思路设计步骤成果展示设计延展本章总结Class35分析信息我去年买了个表好的妥妥的风格要求：高端大气上档次，低调奢华有内涵，奔放洋气有深度，简约时尚国际范，用户信息导航数据图日期全局搜索功能操作内容要有：关系人列表文字信息logo添加Widget项目标题等等……扁平化UI

kit设计思路及要点、Dashboard的设计思路及要点成果预览设计思路设计步骤成果展示设计延展Class35分类信息导航用户信息日期全局搜索功能操作内容要有：关系人列表logo添加Widget项目标题数据图文字信息等等……重要功能分类重点突出信息可以弱化信息本章总结扁平化UI

kit设计思路及要点、Dashboard的设计思路及要点成果预览设计思路设计步骤成果展示设计延展Class35规划布局本章总结扁平化UI

kit设计思路及要点、Dashboard的设计思路及要点成果预览设计思路设计步骤成果展示设计延展Class本章总结35整理信息logo项目标题全局搜索用户信息导航日期添加Widget

功能操作数据图文字信息 等等……关系人列表扁平化UI

kit设计思路及要点、Dashboard的设计思路及要点成果预览设计思路设计步骤成果展示设计延展Class35设计图形化本章总结扁平化UI

kit设计思路及要点、Dashboard的设计思路及要点成果预览设计思路设计步骤成果展示设计延展Class35注意事项颜色尽可能以黑（不是纯黑）白灰为主，其他色彩重要点缀尽可能直角，圆角尽量最好小于10像素，或者绝对圆角字体大小要区分，同样活用黑白灰，字体保持简洁（雅黑、思源、兰亭黑）本章总结扁平化UI

kit设计思路及要点、Dashboard的设计思路及要点成果预览设计思路设计步骤成果展示设计延展Class35记得谦虚你怎么可以这么棒！麻麻生的好你麻麻电话多少？滚本章总结本章作业