h5设计公司
h5设计公司
h5设计公司
h5设计公司
h5设计公司
扫一扫
h5设计公司
h5设计公司

回到顶部

微信H5设计|SVG动效H5设计案例

SVG动效H5设计案例 2020年11月06日

SVG动效设计是我们H5动效设计中比较常用的方法,只是其设计流程比较复杂,国内很少有人用到,但是国外非常流行用SVG来制作页面动画效果。下面小编就来分享两个由SVG技术完成的H5案例,看看这两者结合的效果如何。

案例一、如果你有间设计工作室,你可以这样建设自己的品牌

品牌:creativedreams

微信H5设计|SVG动效设计案例

1、创意背景

国外设计师的工作室自我介绍,包含联系方式(沟通项目使用),可以做什么(提供什么服务),做过的项目。当然,网站本身就是你的名片。

国外很多创意工作室,或者几个设计师(技术工程师)合作开的公司,用的比较多的是One page形式,就是一个页面中,介绍自己和业务。这种小而美的公司,就有曾经我很喜欢的teehanlax,后来被facebook收入麾下。

2、内容策划

One page类型的H5,响应式页面,一共8屏,介绍的内容分布是:Email方式接收项目、自我介绍、可以做什么、做过的项目,最后是社交账号。

3、设计上

简洁风格,黑色的线条,配合彩色的修饰图标。

4、技术上

画面中的动画采用SVG,SVG动画在微信图文设计中也可以运行。如果想和设计师配合完成SVG类型的动画,最好让设计师出AI格式的源文件。

案例二、嗨,一起设计一张属于你的海报吧

品牌:网易云音乐

微信H5设计|SVG动效设计案例

1、创意背景及内容

“一起设计一张属于你的海报”为出发点,如何设计海报呢?通过4次选择。

第一个选择是4个图形,你觉得现在的自己更像哪个图形,选择了图形后,后面三个选择和最后海报都是你选择的图形;第二个选择是选择你最喜欢的旋律,一共四个选项,可以点击播放按钮试听,但是每次进入,这四个选项不同,会有变化;第三个选择是滑动选择现在的心情;第四个选择是3秒内随意敲击屏幕,确实不同的敲击出现的图形波纹不同;出现一个图后,输入你的名字,调整海报上大字的颜色,属于你的海报生成完毕。

2、设计上

大色调纯色,还要网易云音乐的配色风格。

3、技术上

动画使用SVG实现,代码哦!现在国外流行把图标和动画使用SVG实现,不知道你发现没有有些公众号的长图加入动画,其实也是使用SVG实现。

综上所述,如果运用SVG图片来作为H5页面的动效设计,会有非常奇特的展现效果,算是一种比较新颖的H5形式,如果你也想试试这种类型的H5页面的话,可以咨询我们蓝橙客服,了解最新H5设计服务。


更多服务:微信推文长图设计|表情包定制公司|分销商城开发|题库小程序|小程序定制|商城小程序开发|成都网站优化公司|年会创意游戏|h5投票平台
微信H5设计

微信H5设计资讯

NEWS

让您了解更多关于微信H5设计信息

H5页面设计需要注意的四个细节

随着h5技术的进步,h5页面也逐渐一个企业必备的一种营销工具。事实上,并不是所有h5页面都是成功的,很多h5页面被企业推出之后就无人问津,导致了活动以失败而告终。

2021年01月19日

如何提高H5页面设计的视觉效果

随着H5技术的不断成熟,H5页面已经从最初的单一性,变成了如今的多样性,各种各样的H5页面出现在我们视野中。

2021年01月19日

微信H5页面设计的四大类型赏析

无论是在哪一个场合,我们见到的H5页面都是不一样的,所以说明了微信H5页面的样式多种多样,让很多用户对H5页面产生了一些疑惑,不知道H5页面有哪几种类型。

2021年01月18日

H5页面设计的技巧及作用有哪些

现如今,H5页面已经从成为一种重要的推广宣传渠道,无论是教育业招生,还是营销促销活动,H5页面都是不错的选择,那么要设计出一款H5页面,它有哪些设计技巧和作用呢?

2021年01月18日

微信H5页面视觉设计原则有哪些

一个微信H5页面的视觉效果对于企业而言是非常重要的,因为用户第一眼看到的就是页面视觉效果,只有提高了H5页面的视觉效果,才能给用户一个好的视觉体验。

2021年01月15日

H5设计公司开展品牌设计的注意方面

我们都知道,一个企业能否在同行的激烈竞争者中脱颖而出,在某种程度上取决于品牌设计在市场上的优异表现,也只有通过它才能更好的传达出企业的价值信息。

2021年01月14日

微信H5设计需要遵守的基本原则

随着H5技术的不断发展,微信H5设计也随着发生了翻天覆地的变化,其中就包括精美炫酷的微信H5页面,给人一种非常好的视觉体验

2021年01月14日

完美的网页设计是如何设计的?

随着当下的电子商务时代的到来,各行各业的老板都想通过网站进行公司产品的宣传,此时,网页设计就成了网站中的重中之重,是需要认真对待的一件事情。

2021年01月13日

企业做H5宣传页面设计的五个好处

现如今,H5已经成为了移动端宣传的一个主流方式,不管是一些营销活动还是品牌宣传推广,很多企业都会设计一款h5宣传页面来进行相应的宣传工作,那么企业做H5宣传页面设计的好处有哪些呢?

2021年01月12日