菜单导航

探索发现
设计师动效入门指南
探索发现

设计师动效入门指南

NoiseNoise
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」原创内容或编译整理;除特别说明外,文中图片并非个人手绘,可能来源于网络、AI 生成、截图等,后期使用 PhotoMator / Procreate 进行处理,仅用于学习与交流。如涉及版权或来源标注不全,请联系处理。未经授权,禁止用于商业用途,禁止抹除水印。转载请注明出处与链接并保留本声明。

...

评论 (0)

评论功能加载中...
Noise

Noise

执迷不悟

推荐阅读

Belin Doc-一键完成高质量文档翻译
AIGC

Belin Doc-一键完成高质量文档翻译

Noise | 2025-08-10

Belin Doc 是一款由 AI 驱动的免费、无限制 文档翻译工具。无需注册,没有限制。

截止发文,该产品属于新产品,未看到上架定价,未登录时可每日使用1000次,但任务有排队

官网:https://belindoc.com

功能

	文档翻译:支持多种格式的文档翻译,
544
Memory-不负时光摄影相册程序
探索发现

Memory-不负时光摄影相册程序

Noise | 2025-08-10

简介

一个瀑布流摄影图库,也是专为摄影师做的独立网络相册程序,它是基于[Moment](https://github.com/Robert-Stackflow/M

139
AI Movie Clip - 基于python的智能视频剪辑系统
探索发现

AI Movie Clip - 基于python的智能视频剪辑系统

Noise | 2025-08-10

一个基于人工智能的自动视频剪辑系统,能够自动分析视频内容并根据用户需求生成编辑后的视频。该项目为视频剪辑mcp提供了一个新的研究方向,它使用python脚本来分

75

标签