移动UI动效设计:Principle+Sketch高效入门

移动UI动效设计:Principle+Sketch高效入门

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

动效设计助力UI设计,本书教用Sketch与Principle软件高效制作动效,提高客户通过率。

内容简介

现在对UI设计已经有了更进一步的要求,设计师和产品经理用会“动”的产品方案提高客户的通过率。并且动效设计使与开发人员和高层领导关于设计方案的沟通和设计意念的传达更简单、直观。但是使用如After Effects等专业软件时,新入门设计师需要投入更多精力去学习和调整,无法达到高效率的工作和学习,本书就是解决如何高效率地制作动效设计稿的难题。主流的方法是用Sketch配合 Principle 软件来高效完成设计稿的动效设计,并支持动效视频录制和Gif动图导出来为设计方案加分。本书共分为8章,首先讲述了Sketch和Principle软件的基础知识和基本操作;然后深入设计系统思维,通过具体的实例操作,学习动效设计流程等;最后讲解如何导出交互操作视频、设计稿和Gif图,以此提升设计稿的通过率。本书配套教学及练习源文件,帮助读者达到学以致用,迅速掌握这一设计技能。

章节目录

封面

书名页

内容简介

版权页

前 言

目录

Chapter 1 初识UI设计

1.1 认识移动UI

1.1.1 UI发展历程

1.1.2 如何学习UI

1.2 认识动效设计

1.2.1 什么是动效

1.2.2 动效的用途

1.2.3 动效设计要点

1.3 UI设计流程

1.3.1 UI设计师工作流程

1.3.2 UI设计师职能

1.4 认识 iOS与Android

1.4.1 关于 iOS

1.4.2 关于Android

1.5 iOS设计规范

1.5.1 界面尺寸

1.5.2 图标规范

1.5.3 字体规范

1.5.4 设计素材

1.6 本章小结

Chapter 2 用Sketch去设计

2.1 Sketch的简介

2.2 Sketch的安装

2.3 Sketch的界面

2.4 画布和图层

2.4.1 画布

2.4.2 图层

2.5 形状

2.6 文本和图片

2.6.1 文本

2.6.2 图片

2.7 符号

2.8 样式

2.9 导入和导出

2.10 本章小结

Chapter 3 用Principle去设计

3.1 Principle的简介

3.2 Principle的界面

3.2.1 工具栏

3.2.2 检查器

3.2.3 图层

3.2.4 绘图区

3.2.5 预览

3.3 持续交互

3.3.1 Drag(拖动)

3.3.2 Scroll(滚动)

3.3.3 Page(分页)

3.4 动效事件

3.5 动画

3.5.1 动画画板调整

3.5.2 自定义曲线

3.5.3 属性冻结

3.6 联动

3.7 导入和导出

3.7.1 文件导入

3.7.2 文件导出

3.8 本章小结

Chapter 4 邮件App动效设计

案例分析

学习目标

关键知识点

案例操作

案例小结

Chapter 5 App引导页动效设计

案例解释

学习目标

关键知识点

案例操作

案例小结

Chapter 6 闹钟App设置界面

案例解释

学习目标

关键知识点

案例操作

案例小结

Chapter 7 直播App界面动效

案例解释

学习目标

关键知识点

案例操作

案例小结

Chapter 8 Principle动效导出

8.1 Principle视频录制

8.2 动效导出

8.3 Mac系统App

8.4 手机端镜像

封底

移动UI动效设计:Principle+Sketch高效入门是2018年由电子工业出版社出版,作者Here180。

得书感谢您对《移动UI动效设计:Principle+Sketch高效入门》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
Photoshop移动UI设计 电子书
本书主要讲解了iOS、Android和WindowsPhone这三种主流智能手机的操作系统界面、App元素和基本风格,全面解析了各类App界面的具体绘制方法与技巧。本书共5章。第1章和第2章主要讲解智能手机的分类、设计原则、图形元素的格式和App的设计流程等App界面设计基础知识。第3章到第5章分别讲解了iOS、Android和WindowsPhone三种主流智能手机操作系统设计规范和设计原则,以
动静之美:Sketch移动UI与交互动效设计详解 电子书
本书全面、细致地介绍了Sketch软件的使用方法,以及和Sketch软件无缝衔接的几款交互动效软件的使用方法。本书不局限于软件本身的使用方法,更多的是设计思路和设计规范等内容的分享,让读者在掌握UI设计和交互动效设计精髓的同时彻底掌握Sketch,并能用Keynote、Principle和Pixate等软件进行交互动效设计。本书的配套学习资源包括案例源文件和近600分钟的辅助教学视频,帮助读者快速
零基础学Animate CC UI动效制作 电子书
本书主要介绍界面动画制作的基础知识和常用方法,并结合Animate软件为每个知识点搭配了简单实用的实例,这样既易于理解又方便读者进行实操。另外,本书分析了界面动画的起源和特点,以及它与传统动画之间的关系。注重交互和操作体验是界面动画与生俱来的属性,本书不但关注界面动画的使用体验,也对界面动画的实践方面有详细的描述。学习本书,读者能够学会用Animate软件制作可交互的动画原型,并在操作中更好地体验
移动UI界面设计 电子书
1.选取知识点核心实用,以行业应用组织学习内容,达到学以致用的目的;2.以任务为驱动,实战为主线,涵盖设计基础、营销、交互设计等理念,注重培养实践能力;3.以案例为主线组织知识点,配套素材及项目案例通过扫描二维码直接下载4.充分考虑学习者的认知曲线,由浅入深,边讲边练首创“智慧教材”,配套视频二维码,提供在线视频,扫描后直接看课。
Photoshop CC移动UI设计实战从入门到精通 电子书
本书通过大量的综合案例,介绍了如何设计与制作用户界面。全书分为6章,依次讲解移动UI设计的基础知识、UI设计配色、基础控件绘制及特效处理、扁平化风格UI设计、写实质感风格UI设计,以及不同应用系统的UI设计。本书通过精选的100个实战案例,使读者由浅至深,逐步了解界面设计思路与制作过程,以一个全新的教学方式,为读者呈现界面设计中的重点与制作方法,帮助读者全面深入地掌握各种风格界面设计案例,从而走上