木疙瘩HTML5模板设计大赛·第二季:图文展示新闻示例

图文展示新闻.png

图文并茂的展示新闻内容,图文排版形式多样,物体动画形式多变。
模板内容自由发挥,可以将网上的图文新闻套入。注意选题要通用一些,这样受众用户多。
 
选择图文展示新闻的小伙伴,要注意把媒体信息放进模板中哦!
通常首页会放媒体logo、“某某新闻新媒体中心出品”字样,结尾页会放媒体logo、二维码、制作人员信息等,如:
策划:XXX
记者:XXX
设计:XXX
制作:XXX

那么,新闻模板到底长什么样子?

下面来结合示例分析:

首先,看一个基本的图文展示新闻模板。  观看模板>>
每页的平面版式都差不多,但平面上添加了跟多装饰元素,做动画时就有了一定的发挥空间,设计师做了很多的出现动画,每页定格后都有循环的元件动画,选用的运动方式都很恰当,整体视觉效果非常好。
1.gif

 
接下来这个模板,注重展示形式的设计。    观看模板>>
平面很下功夫,每页排版、内容形式都不同,使用了不少异形图片。
2.gif

 
除了分页展示图文以外,还有很多动画和交互形式可以发挥我们的创意!下面看一个创新形式:            观看模板>>
用手指滑动来控制汽车行驶,每到达一个目的地,都可以点击道路两侧的热点来查看文字,是不是很赞?
3.gif

 
最后分享一个特别的交互形式,利用陀螺仪操控画面:      观看模板>>
开头添加了操作提示界面,非常注重用户体验。用户左右转动手机,就能看到所有内容,点击按钮查看图文详情。
创新的形式总能让人印象深刻~
4.gif

 
看到这里,是否对图文展示新闻类模板有了自己的认识呢?
其实,只要有策划、有创意就不愁好作品。
大家可以将预置动画、关键帧动画、路径动画、遮罩动画结合起来,可以实现非常多优秀的动画效果。
此外,交互设计也有很大发挥空间,木疙瘩有点击、滑动、摇一摇、擦一擦、陀螺仪等超级多的交互形式,就等你来解锁哦~
 
>>>查看模板制作规范>>>
 
 

0 个评论

要回复文章请先登录注册