画logo的核心价值在于为企业打造独特的品牌,画logo可以给企业带来良好的社会声誉和经济效益。
注:配图为本公司设计作品
我知道我并不孤单,我对半铸钢钢性铸铁(Cast Semi-Steel)动画感到纯粹的爱和快乐。我也知道我对手机的喜爱和快乐并不孤单。然而,使用动画网站的快乐体验在手机上却常常缺失。如果我们的目标是尽可能创造最好的用户体验,并且我们承认动画丰富了这种体验,那么我们需要确保无论使用什么设备,我们都能提供这种体验。
手机上可供动画使用的空间少得多,我们中的一些人(比如我)有一个笨拙的大拇指,有时可能会完全隐藏动画。移动设备上动画的局限性看起来相当令人沮丧,但是我们不能把所有的注意力都放在创建桌面动画上而不解决移动观看的问题。这样做,我们降低了大部分用户的体验。
目录
隐藏
通过动画交流
移动优先动画
按钮草图和演示
移动关键帧
移动限制
桌面关键帧
桌面限制
提交完成
实时预览和源文件
通过动画交流
我们还可以超越简单地用这些动画来过渡颜色和调整大小。它不一定是一个最终不相关的事件。我们可以使用有趣的动画作为与用户交流的工具。用户可以玩得开心,同时还能看到有意义的东西。我们已经引起了他们的注意,现在我们要告诉他们什么?
移动优先动画
就像我们建立一个网站一样,我们需要首先开发我们的移动动画。这迫使我们缩小范围,专注于我们想说的内容。创建响应式动画将允许我们构建不同的体验,每个体验都考虑到各种设备的局限性。然而,即使有这些不同,这些动画也不得不说同样的事情。每个屏幕都给我们带来了新的限制(是的,甚至是桌面),我们将通过响应式设计来克服这些限制。
按钮草图和演示
这是关于信息,尊重限制,享受乐趣。为了演示这个概念,我们将为提交按钮创建动画。我们的移动动画将保持在按钮的边界内。我们的桌面动画将敢于超越按钮,并利用一些我们现在拥有的辉煌空间。首先,让我们画出草图。
在线电子邮件模板生成器
有了明信片,你可以在线创建和编辑电子邮件模板,无需任何编码技能!包括100多个组件,帮助您以前所未有的速度创建自定义电子邮件模板。
免费试用其他产品
我们在这里的动作为用户传达了三个不同的阶段:非活动、提交和完成。通过这些动画,我们在整个提交过程中与用户交流。两者差别很大,但说的是同一件事。我们的信息是一致的,我们品牌的有趣形象是一致的,我们现在以无论屏幕大小都能带来美好时光而闻名。
在深入研究@关键帧之前,让我们先来看看按钮的演示。我们的按钮在小于800像素的屏幕上有一组动画,在大于800像素的屏幕上有一组不同的动画。当您更改屏幕尺寸以准备下一个动画时,该按钮将重置。
移动关键帧
我们将传达一个"提交"或"处理"的状态,让我们的水看起来升到按钮的一半,然后一旦按钮被点击,就让潜艇开到相反的一侧。文本交换也将通过动画来实现。我们告诉用户"嘿,谢谢点击,我们正在提交你的数据"。
为此,我们将设置三个不同的@关键帧。
@关键帧隐藏{
到{
transform:平移y(-50px);
}
}
@关键帧驱动{
注:配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐