今天25学堂在 站酷上看到这样一位大神的主页，其中一篇《闲聊文字logo的动画大法》勾起了学堂君的注意，于是乎好好的欣赏了阿随君的一番感人肺腑的武功秘籍。
那就是今天的分享的APP设计主题：七招教你搞定高大上的文字logo动画设计。
下面让我们跟随小编一起学习几种常用的logo动画中文字变换的显示要领 ：
滑行效果、模糊效果、渐变效果、打字效果、颜色过渡效果、闪光效果。
第一招，文字logo之最基本的文本动画
最直接想到的是基本的“文本动画”，基于“文字”的位置、旋转、缩放、透明度、填充和描边等基本属性来做关键帧动画，可以逐字逐词，也可以完整一句来做动画，玩法非常多。比如下面这种用“物理撞击”结合位置和旋转两个属性来实现的效果。
第二招：文字logo之MG一波流
MG风在近年几乎大行其道，基本可以用风靡江湖来形容了。从视觉感官上来说，通过简单的元素、丰富得体的运动设计，营造的冲击力清新而美好，玩法自然也灰常多，比如下面这个极简的例子，基础的几何元素加到文字上，再通过文本的基本属性运动，来实现效果。熟练了之后，也可以让画面更为丰富有趣，当然也要谨记：形式勿大过内容！
第三招，文字logo之手势动画
随着智能设备的风起，“手势动画”也随之大热。而阿随君这里要说的是真正的手势，即让手势参与到动画中，相当于直观展示用手势操作手机的感觉。翻译过来，其实也就是在文本动画的基础上加上“手”这个元素的动画，比如说下面这个例子。
第四招：文字logo之粒子消散动画
除了在文本动画的基础上稍加发挥外，我们当然能够继续开脑洞，比如说做“粒子动画”，尤其在AE中，利用各种粒子插件如Trapcode Particular 、Trapcode Form等，可以很炫地玩起来，比如下面这个粒子消散类的动画效果。
第五招：文字logo之能量冲击动画
在制作文字logo动画的时候，还可以从动漫中吸收灵感，比如加入能量冲击波的概念，结合文字logo本身的寓意，让视觉效果更酷炫一点。
第六招：文字logo之光效动画
上帝说，要有光，于是有了光。嗯，动画要有光，于是，它亮了起来。光，可以玩的方法也是灰常多，元素细分后更是细节丰富，这里先简单放一个例子，以后再继续跟小伙伴们聊更多有趣的光效玩法。
第七招：文字logo之路径生成动画
这里要说的路径不是给文字做路径动画，而是用其他元素比如线条或者粒子做路径动画，最后以“生成”的形式露出文字logo。因此，基于路径的创作可以让这种动画更为绚丽多彩一些，比如下面的案例。当然，一脑补也可以想到水墨路径、子弹路径等等更多的玩法，以后再聊喽。
以上这七招高大上的文字logo动画设计方法，是阿随君总结的一些基本的文字logo动画思路。学会了以上七招也足以让你的logo设计，或者是APP动效设计更上一层楼。
下一节课，我们分享文字logo动画设计的进阶篇。
以上内容来源：.cn/article/ZNDE3NTQw.html
本文标题：
本文地址：/uidesign/12760.html
除非注明，本站文章均为原创或编译，转载请注明出处和原文链接，转载同时请务必保留原网站网址。
移动APP设计入门课程
为你推荐的相关文章
Copyright@
All Rights Reserved ICP备案号：桂ICP备号-2本站声明所有资源均是网上搜集或网友上传提供，如有侵犯您的版权，请及时联系我们（），我们将尽快处理。界面设计必备！全方位科普常用的字体规范
编者按：90后UI设计师的最新干货！应广大群众要求，今天@Micu设计&同学不说高大上的教程，来点即学即用的干货，从界面中文字的使用规则到字体颜色的选择，都有具体细致的说明，非常适合基础不扎实的同学。想一次性搞定字体这个关键点，马上学起来。
好长时间没发帖，净想过年了，过年哈，倒腾工作总结和年货是大事。
这几天有人问我说：&最近看了好多教程，都老高大上了，但是老弟我做不到呀，想学点直接能拿来用的，这个要求过分吗&&&
这个，好吧，那就直接说说能用的知识：字体字号。
也许你会说：字体字号？也太Low了吧，这个谁不知道重要呀。
对于这个问题，我想说：会和熟练，是两回事。一个App，不同部分的字体字号你能准确地说出来吗？
很多刚做APP界面的设计师，经常会因为字号，字体颜色，间距而困扰。
拿到设计需求后，开始进行设计，不知道从何去调整界面的字号和行间距等。容易碰到的问题是页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐，导致与预期不符等。
这小节我将和大家理一理界面中常用的字体，字号，字体颜色及间距对齐的一些小经验。希望能对大家有些帮助。
一、成也字，败也字
在设计师的职业生涯中，至少一次甚至多次在工作中因为字体不协调栽跟头。在实践的过程中我们会慢慢发现一些规律或者经验规范。接下来我将和大家一起聊聊在界面设计中的那些常规字体的使用规范。
我们常常会听到，这也太LOW了吧！！你能统一一下字体吗？
不明确而繁琐的字体搭配会导致整个画面失调。可以这样说，字体可以成就设计也可以毁掉设计。
问题的关键有：
字体样式太多，导致页面杂乱 使用的字体不易识别 字体样式和内容的气氛或规范不匹配
怎么避免这样的结果发生呢？
通过设计经验可以帮助你做出更好的版式，了解不同平台的常用字体设计规范。
在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。
不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。
字体与背景的层次要分明,确保字体样式与色调气氛相匹配
二、界面中文字使用的规则
在不同平台的界面设计中规范的字体会有不同，像移动界面的设计就会有固定的字体样式。网页中会有常用的几个字体，在这我和大家分别介绍一下。
以下是在72像素/英寸下的规范
移动端常规字体
IOS:常选择华文黑体或者冬青黑体，尤其是冬青黑体效果最好。
英文字体：Roboto
中文字体：Noto
移动端常用的的字号有哪些呢？
导航主标题字号：40-42px
我一般设计就用40px，偏小的40px字号，显得精致些。
在内文展示中字号大小又是多大呢？
大的正文字号32px，副文是26px，小字20px。在内文的使用中，根据不同类型的App会有所区别。
像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性，正文字号36px，会选择性的加粗。
而列表形式、工具化的APP普遍是正文32px，不加粗。副文案26px,小字20px
26px的字号还会用于划分类别的提示文案，因为这样的文字希望用户阅读，但不要抢过主列表信息的引导。
36px的字号还经常运用在页面的大按钮中。为了拉开按钮的层次，同时加强按钮引导性，选用了稍大号的字体。
（见下图中的退出按钮)
大家注意了，在选用字体大小的时候一定要选择偶数的字号，因为在开发界面的时候，字号大小换算是要除以二的。这个详细缘由大家可以网上查询，我就不在这一一的介绍了。
常用字号的大小基本就这几个，根据版式设计需要也会采用异样大小的字号来特殊处理。这种更高的要求设计师的全局把控能力了。
注：相关网站建设技巧阅读请移步到频道。
看过本文的人还看过
最新图文推荐
最新专栏文章
大家感兴趣的内容
&&<a rel="nofollow" class="red" href="" target="_blank" color="red新版网站排行榜
===全新上线===
网友热评的文章　|　　|　　|　
您所在的位置： >
> 英文字体
英文字体专题合集
精致漂亮美观的英文字体合集
畅读英文app是一款安卓端上的英文学习工具，使用这款工具用户能够获得最优秀的对照学习方式，出色的内容和精致的学习...
英文音标发音app是一款英语学习应用，英文音标发音app通过对英语的音标发音训练，帮助用户模仿音标口型，从而准确快速...
听歌学英文app是专为英语学习打造的应用，能随时在线倾听各种流行英文歌曲，支持双语歌词同步欣赏，拥有口语训练，智...
这是在长沙做设计的一个同学传给我的25款英文手写字体，我觉得非常的漂亮，特别适合做个性签名，能让整个作品看起来更...
英文字母发音收集了26个英文字母及发音音标。现代的英文字母完全借用了26个拉丁字母。所谓“拉丁字母”，就是...
Piximisa字体是一款用于艺术设计方面的字体,，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解...
Byington字体是一款用于艺术设计方面的字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压...
Cuisine字体是一款用于艺术设计方面的字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压...
TheNautiGalROB字体是一款用于花体设计方面的字体,欢迎大家下载！安装方法：1、首先选中你下载的打包字体，...
ISOCTEUR字体是一款手机设计字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压你下载的字...
OratorStd字体是一款用于艺术设计方面的字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体...
Padaloma字体是一款用于艺术设计方面的字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压...
BubbleBaZ字体是一款用于艺术设计方面的字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解...
CutBlox字体是一款用于艺术设计方面的字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压...
Gechristmasjoy艺术设计字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压你下载的字体压...
Christmas3艺术设计字体包，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压你下载的字体压缩...
OVERWORK手写字体下载是一款英文字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压你下载...
Almanac手写字体下载是一款中文简体字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压你...
Jungle卡通艺术设计字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压你下载的字体压缩包...
韩绍杰邯郸体字体由邯郸人韩绍杰历时半年研发的字体,生于1973年的韩绍杰是土生土长的邯郸人,毕业于邯郸市第二十六中...
BradleyHandITC字体是一款用于写信,手稿设计方面的字体，欢迎大家下载！安装方法：1、首先选中你下载的打...
Vivian字体是一款用于漫画设计方面的字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压你...
Ravie字体是一款动漫行业设计字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压你下载的...
CroissantD字体是一款卡通设计字体，欢迎大家下载！安装方法：1、首先选中你下载的打包字体，并解压你下载的...
热门关键词
进入手机版壹心理导读：来自人人网总结的中文字体排版的方法，叫你如何把字体排版设计做得高端大气上档次。—— &
一张好照片 够粗够稳的字体 一个貌似挺合适的文案 = =
大字间距居中，貌似文艺的黑白照片，再加个很囧很囧的logo
字好多还是要有层次，一堆汉字没有韵律感所以难看，加空白加线条衬一下
大段字多空点位置，字小空白多总归容易好看些，某老师用这种方法做ppt简直就是高SANG端JIN大TIAN气LIANG
这样子也挺萌的，大字小字线条的颜色都要微调，尽量保持颜色感觉平衡
常见方法，罩一层黑或白写字，标题或者大段都适合... 简单高效百搭款
周围加暗，配个重HAO口KAN的图，大大的字... 当标题挺帅气的...
背景加点肌理，装作很黑的样子 @新房昭之
黑底+无衬线细字，字的灰度层次感，再加一个没啥意义的文案...
白纸+衬线黑字，不同灰度体现层次感，弱对比更容易看起来高级，加些莫名其妙的线似乎能有莫名其妙的古典意味
整理自壹心理 （微信：治愈系图片，zhiyuxitupian）
治愈戳这里
治愈文章：
心理测试：
相关人气资讯 ：
你的男友是不是来自另外的星星，你的男友是不是这个世上另外的物...
如果他有以下表现，他可能真的不是那种喜欢你。
都说现在是个看脸的世界，连点心界都不服输。下面哪一款是你的最...
不错。学习！！！
今天，我来当小编！ &
推荐治愈系图片：
编辑推荐：······
热门测试 ：
& &All Rights Reserved. & &
登录壹心理
开始心理测试，收听FM，用心理学改变自己！
使用其它账号登录图文搭配技巧：文字排版让图片变得高大上
来源:派代我
浏览：20428
有时候好不容易拍了一张不错的图片，在添加文字时却感觉无从下手。如何处理文字，才可以让图片更加高大上呢？图文搭配是是平面设计的基本功。给照片配上文字，与平面排版有相通之处，但因为偏重不一样，所以处理方式截然不同。照片的文字，重在衬托照片，而平面设计的文字则重在传达力量。前者更多的是一种点缀，后者更多的是一种武器。所以，照片里的文字是为了引导人们更好的观看照片，而不是喧宾夺主。
虽然这幅照片的文字很吸引眼球，但这个文字是平和的，没有攻击性的。它重在描述事实，起的是辅助性的作用，哪怕它的位置很显眼，但人们分配给它的注意力却是有限的，这就属于给照片配字，而不是平面设计。
当然，有时候二者的界限并不是十分的明显，比如：
这幅作品的文字是平和的，不具有攻击性的，但它又是经过精心设计的，从花纹到字体都是经过雕琢的，因此，你很难判断它的性质。不过在正规的摄影比赛中，一般都不允许添加修饰性的文字，原因之一，就是因为修饰性的文字会让图片形成一种设计感，进而影响人们对图片本身的判断，比如这幅图，去掉文字你会感觉是非常普通的摄影作品，但加上文字之后你会感觉还比较不错。
一般而言，采用平和的描述可以很大限度的避免你的摄影作品变成平面设计作品。
下面开始正文。
我归纳了一下我常用的添加文字的方法：文字渲染型、朴实无华型、底纹型、文字线型、字体搭配型、颜色搭配型、大小组合型、图文混合型、印章型、镂空型。上面十种类型如果都能掌握，那给照片添加文字绝对是绰绰有余了。
App Store是苹果公司的iTunes Store，为iPhone、iPod以及iPad等产品创建和维护的数字化应用发布平台。根据应用发布的情况，用户可以付费或者免费下载。
近几年苹果的App Store可谓是风生水起，大批的游戏应用让苹果公司和开发者都赚开怀了，这自然会吸引很多人的关注。
工商总局推行网络市场监管9大行动
5月4日，国家工商总局公布了《2016网络市场监管专项行动方案》，并将于5至11月落实行动。方案提出将对网络违规侵权、商品质量、网络商标侵权、虚假宣传等问题严加监管，具体措施如下：
协议到期，微博不卖广告出路在哪里？
近年来，新浪的关系一直都让人难以捉摸。一到淘宝天猫大促，微博那铺天盖地的广告呐，占据了三分之二的版面。于是，微博被阿里收购的传言，时不时就得被翻出来再传一次。
如何让恐惧营销更高效更深入人心？
提及恐惧营销，大家在脑海中一定不会陌生，它最常出现的保健品的广告上，比如，某保健产品在市场推广时，重点阐述，由于各种原因，人体内难以避免或多或少聚集了毒素，灌输给消费者“排毒”的意识，成功利用消费者的心理恐惧，为产品的推广目标人群，促使客户做出购买的决策。在营销学上，这种手法称之为恐惧营销。
内容营销新手如何为文章配图？
再说配图之前我们先思考几个问题：1、需要找什么样的图片，你想找的图片与文章内容一致吗？2、图片的格式和大小问题。太大的图片，不利于收索引擎优化，打开还慢。太小的图片插入文中，不美观，用户体验不好。
杜蕾斯不是你想模仿就模仿
杜蕾斯作为全球知名的两性健康品牌，在国内几乎是“避孕套”的代名词，作为如此挑逗人神经的存在，杜蕾斯利用当下实时热点，让其品牌在这互联网营销的时代中迅速蹿红。从微博到微信、从话题到游戏，小杜杜以其独特的基调定位和有趣的传播内容成为借势营销的典范。
30分钟，学会写人见人爱的好标题
对于很多专业的标题党来说，写出一个有吸引力的标题应该不是难事，但是对于淘宝中小卖家来讲，对写标题应该会有些吃力，如果你的标题是去炒别人的，那么你要让买家如何知道你的产品是新的呢？
厦门邮洽信息科技有限公司，CMO,互联网市场营销及品牌管理资深从业人员，对企业互联网品牌、移动互联网品牌有深入的研究和应用实践。曾先后在多家上市企业及互联网金融领军企业任市场核心要职。 其多个创业项目先后获得国内知名上市企业天使轮、A轮投资。
福州市众人行贸易有限公司 总经理 主营儿童座椅里的细分类目——儿童安全带固定调节器，12年开始从事电商行业，曾进军大众汽车用品改装的市场，之后改自营儿童座椅类目，当前主要致力于研究产品改进方面以及产品的品牌拓展。
服务热线：