UI 设计师个人简历介绍 H5+视频快闪

工具：ps+ae+mugeda

用了H5+视频结合

用视频快闪做自我介绍，这个想法来自苹果的一个宣传视频。

想过用H5序列帧制作，但是会出现音乐和画面跟不上的问题，节奏点不对的话，那么快闪就没意义了。

视频一开始设置的尺寸是1920*1080，横版的。

制作出来之后，在h5上看，横版的体验还是不够舒服，要把手机放横，有人会因为这一步就不想看。为避免这种情况发生，就把视频改为竖版。

视频做好，只要放上h5上就可以。

我的想法是进入H5的时候，播放头片-然后自动打开视频播放，视频结束后-跳出介绍页面

用3页界面介绍

后来想想，自动打开视频这个设定似乎有点强制性。

没有给用户选择的选项，用户跳转率就会增高。

后来重新设计界面，让用户自己触发。

设计界面上，用了渐变色 + ios11的卡片元素

希望你喜欢我的东西。

可以扫描一下二维码，去看完整的H5。

或者点击地址：http://www.mugeda.com/client/preview_css3.html?id=5a587a29