绘制线框图Sketch网站UI设计Sketch网站UI设计01网页UI设计入门网页UI设计入门Sketch网站UI设计目录03UI设计的注意事项02网页UI设计制作流程01UI设计发展史03配色对于UI设计的影响网页UI设计入门Sketch网站UI设计UI设计发展史网页UI设计入门Sketch网站UI设计早期UI设计发展史广告灯箱，在屏幕上闪动的文字和图片，这些都是可追溯的早期UI设计。网页UI设计入门Sketch网站UI设计中期UI设计的兴起2000年UI传入中国，2003年腾讯入股金山公司，使得QQ在外观和交互方面发生比较人性化的改变，QQ用户激增，随后国内各大IT公司开始重视UI设计。在2007年中期，iPhone横空出世。这款产品对UI设计有重大意义。极具代表性的圆角矩形图标，将拟物化设计推向整个世界。2009年苹果公司正式把iphone带入中国，移动UI设计开始在国内兴起。网页UI设计入门Sketch网站UI设计网页UI设计流程网页UI设计入门Sketch网站UI设计UI设计流程明细产品调研UI视觉设计产品技术开发Bug测试产品上线产品迭代网页UI设计入门Sketch网站UI设计产品调研阶段产品定位架构分析市场分析原型设计网页UI设计入门Sketch网站UI设计视觉设计素材灵感搜集确定界面整体色调确定页面风格布局以及设计风格界面风格网页UI设计入门Sketch网站UI设计产品技术开发UI设计师切图、标注，并将图片输出。程序员开始按照设计人员给出的界面设计图稿，完成界面的初步代码变编译部分。UI设计师配合开发，以保证视觉效果还原度及小细节修改。网页UI设计入门Sketch网站UI设计Bug测试开发工作完成之后，整个项目组会配合测试人员对产品进行测试，测试视觉、交互、以及后台等多方面有无bug并进行及时修改。网页UI设计入门Sketch网站UI设计UI设计注意事项网页UI设计入门Sketch网站UI设计5大原则图稿一致性图稿准确性布局合理化操作合理化系统响应时间网页UI设计入门Sketch网站UI设计配色设计队UI的影响网页UI设计入门Sketch网站UI设计网页配色方法网页主色网页背景色网页辅色网页点缀色网页UI设计入门Sketch网站UI设计网页配色基本方法根据产品内容确定网页主色根据网页主色确定配色方案网页UI设计入门Sketch网站UI设计网页色彩搭配技巧同色系指在选定一种色彩，然后调整其透明度和饱和度，将色彩变淡或加深。网页UI设计入门Sketch网站UI设计网页色彩搭配技巧邻色系指在色相环中相距90度，或者在色相环上相隔五六个数位的两色，为邻近色关系。网页UI设计入门Sketch网站UI设计网页色彩搭配技巧对比色指在24色相环上相距120度到180度之间的两种颜色，互为对比色。网页UI设计入门Sketch网站UI设计网页色彩搭配技巧互补色指在色相环上相距180度的两种颜色，互为补色。谢谢观赏！绘制线框图Sketch网站UI设计Sketch网站UI设计02初识Sketch网页UI设计入门Sketch网站UI设计目录02绘制手机登录页01绘制iOS照片分享界面网页UI设计入门Sketch网站UI设计绘制iOS照片分享界面网页UI设计入门Sketch网站UI设计操作案例——安装与启动Sketch网页UI设计入门Sketch网站UI设计Sketch的界面主要由工具栏、检查器、图层、画板以及绘图区域组成。Sketch的工具栏在界面顶部，包含设计中所需要的常用工具。了解Sketch界面网页UI设计入门Sketch网站UI设计操作案例——自定义工具栏网页UI设计入门Sketch网站UI设计通用快捷键control+h/+l/+g触发选区手柄/触发自动参考线/触发网格Space抓手工具Enter编辑所选图层⌘+3/+2滚动至所选图层/放大所选图层Z按住Z键，用鼠标单击拖拽出一个区域放大。缩小则使用Z+alt再用鼠标单击Escape退出当前工具，取消选择所有图层或返回检查器Tab/Shift-tab在当前群组中切换不同图层网页UI设计入门Sketch网站UI设计文件相关快捷键新建command+N新建页面shift+command+N打开command+O关闭command+S保存command+W复制shift+command+S导出shift+command+E页面设置shift+command+P网页UI设计入门Sketch网站UI设计插入的相关快捷键矢量V铅笔P文本T画板A切片S直线L矩形R椭圆形O圆角矩形U网页UI设计入门Sketch网站UI设计操作案例——自定义快捷键网页UI设计入门Sketch网站UI设计添加图片、形状和文本Sketch插入面板插入图片插入形状插入文本网页UI设计入门Ske...
