设计师动效入门指南

作者 : noise 发布时间: 2020-08-30

学习动效设计是大势所趋。如何做好动效设计?这篇小专题来给你梳理总结一下!

1、动效设计的基本规律

壹周速读:给设计师的动效快速入门指南

学习动画的同学应该都知道迪士尼的动画设计12原则吧?这可能是传统动画领域,最为重要、价值不可估量的原则之一。虽然这些原则最初是应用在动画设计当中,但是实际上在如今的 UI 界面当中,同样是适用,并且效果拔群的:

 

2、动效基础知识框架

壹周速读:给设计师的动效快速入门指南

郗鉴的这篇动效设计基础知识总结可以说是非常全面了,仅此一篇就足以帮你对动效有足够的基础认知:

 

3、基础知识补充

壹周速读:给设计师的动效快速入门指南

很多同学对于动效设计感兴趣,但是对于很多零散的基础知识,大家可能还不够了解。动画效果都是怎么实现出来的?不同的软件都会有哪些功能特色?格式如何选取比较合理?这些基础知识都在这篇来自腾讯设计高手的总结里:

 

4、动效表达式快速入门

壹周速读:给设计师的动效快速入门指南

很多朋友面对AE表达式望而生畏,不过再难的东西都会有它最本质的规则,如果你理解了基本的原理和常用的表达式命令,这也许会提高你的工作效率。凌旬通过自己对AE表达式的理解,尝试用最简单的语言解释一些看似复杂的操作,希望能给你带来一些启发:

 

5、入手动效神器

壹周速读:给设计师的动效快速入门指南

上面的文章中有提到过超给你的动效神器 Lottie,而这篇文章就给你提供了全面的技巧和知识:

 

UI·产品

壹周速读:给设计师的动效快速入门指南

其实用 Sketch 设计 UI 有一些偷懒的技巧,当你开始使用这些技巧的时候,才真正开始工业化生产页面,其中一项就是Sketch自带的 Symbol 功能。这篇文章就总结一下使用Symbol的一些经验分享给大家:

 

 

 

视觉·版式

壹周速读:给设计师的动效快速入门指南

「左右构图」是将版面分割为左右两部分,或通过设计元素的布局让画面整体呈现出左右的分布趋势,具有平衡、稳定、互相呼应的特点。这篇文章要分享的是左右构图的使用方法,与上一期的上下构图使用方法类似,都是版式设计中比较通用和非常实用的构图形式,适用于各种设计项目:

 

壹周速读:给设计师的动效快速入门指南

为什么设计师需要关注栅格呢?通过栅格中的网格系统,可以有效的将内容组织起来,形成内容布局的规律性,更易识别。这篇来自京东设计中心的这篇栅格基础知识总结,不仅有知识干货,还有实战案例:

 

神器·干货

 

文字 LOGO 的设计经常会采用优质的经典字体作为基底,那么我们所熟悉的著名品牌会使用哪些经典字体?这些字体本身又有哪些特质,被这些品牌所选择?而设计师在设计的时候,又是如何借用这些字体的特质来凸显品牌的特征?这回借用一个 LOGO 「逆向工程」设计项目,盘点8款经典英文字体,以及一系列优秀的 LOGO 设计范例:

壹周速读:给设计师的动效快速入门指南

UI 设计中,颜色几乎是最先被感知到的设计元素,好的色彩感知是成为一个优秀的设计师的基础,配色工具层出不穷,辞典酱在筛选了100多种配色工具后,精选了这25个,相信必然帮到你!

 

壹周速读:给设计师的动效快速入门指南

 

想作为一名专业的 UX 设计师并应聘大厂,你所需要做的各种准备其实非常多。准备到位了,方法正确,可以帮你将成功率提高一大截。辞典酱 的这篇UX设计师面试通关方法论是结合了100多份优质的设计作品集、结合最顶级的 UX 设计师的经历和总结之后,梳理出来的高纯度干货:

 

壹周速读:给设计师的动效快速入门指南

UI 设计师为什么应该进大厂?因为 UI 和平面、建筑这些设计类型有巨大的差异,互联网快速迭代的属性决定了 UI 很难脱离产品团队独立存在。大厂虽好,但又不是想进就进的去的,所以这篇来自小红书前设计总监要分享的,讲的就是要进大厂应该怎么办:

 

壹周速读:给设计师的动效快速入门指南

 

    来自NOISE资源阁-noisevip.cn
    NOISE宝藏阁 » 设计师动效入门指南

    发表回复

    微信
    我会尽快回复。
    取消