對于設(shè)計(jì)師而言，視頻和動(dòng)效是一個(gè)非常重要的風(fēng)口，這次的壹周速讀小專題，帶你快速入門動(dòng)效設(shè)計(jì)，當(dāng)然，其他的干貨也不要錯(cuò)過！

動(dòng)效入門指南

學(xué)習(xí)動(dòng)效設(shè)計(jì)是大勢所趨。如何做好動(dòng)效設(shè)計(jì)？這篇小專題來給你梳理總結(jié)一下！

1、動(dòng)效設(shè)計(jì)的基本規(guī)律

學(xué)習(xí)動(dòng)畫的同學(xué)應(yīng)該都知道迪士尼的動(dòng)畫設(shè)計(jì)12原則吧？這可能是傳統(tǒng)動(dòng)畫領(lǐng)域，最為重要、價(jià)值不可估量的原則之一。雖然這些原則最初是應(yīng)用在動(dòng)畫設(shè)計(jì)當(dāng)中，但是實(shí)際上在如今的 UI 界面當(dāng)中，同樣是適用，并且效果拔群的：

2、動(dòng)效基礎(chǔ)知識(shí)框架

郗鑒的這篇?jiǎng)有гO(shè)計(jì)基礎(chǔ)知識(shí)總結(jié)可以說是非常全面了，僅此一篇就足以幫你對動(dòng)效有足夠的基礎(chǔ)認(rèn)知：

3、基礎(chǔ)知識(shí)補(bǔ)充

很多同學(xué)對于動(dòng)效設(shè)計(jì)感興趣，但是對于很多零散的基礎(chǔ)知識(shí)，大家可能還不夠了解。動(dòng)畫效果都是怎么實(shí)現(xiàn)出來的？不同的軟件都會(huì)有哪些功能特色？格式如何選取比較合理？這些基礎(chǔ)知識(shí)都在這篇來自騰訊設(shè)計(jì)高手的總結(jié)里：

4、動(dòng)效表達(dá)式快速入門

很多朋友面對AE表達(dá)式望而生畏，不過再難的東西都會(huì)有它最本質(zhì)的規(guī)則，如果你理解了基本的原理和常用的表達(dá)式命令，這也許會(huì)提高你的工作效率。凌旬通過自己對AE表達(dá)式的理解，嘗試用最簡單的語言解釋一些看似復(fù)雜的操作，希望能給你帶來一些啟發(fā)：

5、入手動(dòng)效神器

上面的文章中有提到過超給你的動(dòng)效神器 Lottie，而這篇文章就給你提供了全面的技巧和知識(shí)：

UI·產(chǎn)品

其實(shí)用 Sketch 設(shè)計(jì) UI 有一些偷懶的技巧，當(dāng)你開始使用這些技巧的時(shí)候，才真正開始工業(yè)化生產(chǎn)頁面，其中一項(xiàng)就是Sketch自帶的 Symbol 功能。這篇文章就總結(jié)一下使用Symbol的一些經(jīng)驗(yàn)分享給大家：

「系統(tǒng)狀態(tài)可見性」可以說是如今交互設(shè)計(jì)領(lǐng)域當(dāng)中，最為重要的原則之一。通過向用戶展現(xiàn)當(dāng)前的狀態(tài)，讓用戶擁有對系統(tǒng)的控制權(quán)，建立用戶對于產(chǎn)品的信任感，這也是這種設(shè)計(jì)啟發(fā)式的最重要的價(jià)值之一。但是，想要做到可靠、易用，系統(tǒng)狀態(tài)展現(xiàn)的技巧是很講究的。這里梳理了4種最為常用的方法：

視覺·版式

「左右構(gòu)圖」是將版面分割為左右兩部分，或通過設(shè)計(jì)元素的布局讓畫面整體呈現(xiàn)出左右的分布趨勢，具有平衡、穩(wěn)定、互相呼應(yīng)的特點(diǎn)。這篇文章要分享的是左右構(gòu)圖的使用方法，與上一期的上下構(gòu)圖使用方法類似，都是版式設(shè)計(jì)中比較通用和非常實(shí)用的構(gòu)圖形式，適用于各種設(shè)計(jì)項(xiàng)目：

為什么設(shè)計(jì)師需要關(guān)注柵格呢？通過柵格中的網(wǎng)格系統(tǒng)，可以有效的將內(nèi)容組織起來，形成內(nèi)容布局的規(guī)律性，更易識(shí)別。這篇來自京東設(shè)計(jì)中心的這篇柵格基礎(chǔ)知識(shí)總結(jié)，不僅有知識(shí)干貨，還有實(shí)戰(zhàn)案例：

神器·干貨

文字 LOGO 的設(shè)計(jì)經(jīng)常會(huì)采用優(yōu)質(zhì)的經(jīng)典字體作為基底，那么我們所熟悉的著名品牌會(huì)使用哪些經(jīng)典字體？這些字體本身又有哪些特質(zhì)，被這些品牌所選擇？而設(shè)計(jì)師在設(shè)計(jì)的時(shí)候，又是如何借用這些字體的特質(zhì)來凸顯品牌的特征？這回借用一個(gè) LOGO 「逆向工程」設(shè)計(jì)項(xiàng)目，盤點(diǎn)8款經(jīng)典英文字體，以及一系列優(yōu)秀的 LOGO 設(shè)計(jì)范例：

UI 設(shè)計(jì)中，顏色幾乎是最先被感知到的設(shè)計(jì)元素，好的色彩感知是成為一個(gè)優(yōu)秀的設(shè)計(jì)師的基礎(chǔ)，配色工具層出不窮，辭典醬在篩選了100多種配色工具后，精選了這25個(gè)，相信必然幫到你！

有這樣一些網(wǎng)站，聽起來沒什么用，甚至有點(diǎn)無厘頭，但用起來那可就是真香現(xiàn)場！越玩越覺得有趣，甚至可以玩一天：

職場·面試

想作為一名專業(yè)的 UX 設(shè)計(jì)師并應(yīng)聘大廠，你所需要做的各種準(zhǔn)備其實(shí)非常多。準(zhǔn)備到位了，方法正確，可以幫你將成功率提高一大截。辭典醬 的這篇UX設(shè)計(jì)師面試通關(guān)方法論是結(jié)合了100多份優(yōu)質(zhì)的設(shè)計(jì)作品集、結(jié)合最頂級的 UX 設(shè)計(jì)師的經(jīng)歷和總結(jié)之后，梳理出來的高純度干貨：

UI 設(shè)計(jì)師為什么應(yīng)該進(jìn)大廠？因?yàn)?UI 和平面、建筑這些設(shè)計(jì)類型有巨大的差異，互聯(lián)網(wǎng)快速迭代的屬性決定了 UI 很難脫離產(chǎn)品團(tuán)隊(duì)獨(dú)立存在。大廠雖好，但又不是想進(jìn)就進(jìn)的去的，所以這篇來自小紅書前設(shè)計(jì)總監(jiān)要分享的，講的就是要進(jìn)大廠應(yīng)該怎么辦：

我們所有的提案過程，目的只有一個(gè)，就是說服需求方，讓他快速定稿使用我們的方案。節(jié)約更多的時(shí)間成本支持更多的項(xiàng)目。即使只有一張?jiān)O(shè)計(jì)圖，能說服客戶使用你的設(shè)計(jì)，那這次匯報(bào)無疑也是成功的。但一般情況下，我們需要大量的闡述，才能打動(dòng)客戶，達(dá)到我們的目的。接下來為大家整理的品牌類匯報(bào)文件的四個(gè)制作步驟：