H5的传播应用越来越广泛,你是不是很羡慕那些风格独特、样式精美的

构图

01确保画面内元素都是一个风格

02分清主次关系和前后层次关系,保持构图的平衡

03 注重留白,删除不必要的内容,少即是多。在干净背景的衬托下,

只需要一个简单的词语或是表达主题的图片,就能达到非常好的效果。

04 利用负空间巧妙构图,通过正负空间的建造,试同一张图可以看出两种图像。

颜色

01根据海报设定的主题来确定相应的颜色。

(例:新春主题采用传统的红色)

02可以使用纯色块,但是一定要选择好颜色的搭配。

03颜色上的强烈对比可以打造出夺人眼球的效果。

(例:蓝黄撞色)

文字

01选择字体时,至少选择两种,将标题和正文分开。

但同时同一页面内最好不超过三种字体,避免过于花哨。

02如果海报中只有少量文字,那么尽可能选用粗型字体,并结合图形或照片;

若海报中有大量文本,那么就将文字作为主视觉,试着放大标题,将文本视为文本块来处理。

图片

01 创建一个焦点

使用清晰或模糊的图片当背景,可以增强文字赋予的力量。

仅保留图片最核心的部分,有时候可能会有更戏剧化的效果,同时也非常吸引注意力。

创意

01 大胆发挥幽默感和想象力

可以根据H5的关键词进行头脑风暴,和当下的热点结合,并尽可能的脱离常人思维。

02 用放大来起到强调作用,加强记忆点。

当文字较少或图片单一的时候,可以将图片或文字放大,

在构图比例合理的条件下撑满空间,就会产生强有力的冲击力,使受众人群被它所产生的情绪所吸引。

03 强烈对比让它更有趣

方法有很多种,除了前文提到的颜色的对比,还可以进行字体大小的对比,带来强大的视觉效果。

掌握了这些技巧,模版的制作是不是很简单了呢?赶快登陆MAKA平台,进行你的创作吧!

原文出自>>>http://bbs.maka.im/thread-501-1-1.html

html5模板 制作,优秀的H5作品是如何炼成的?模板制作详解!相关推荐

  1. 如何开发优秀的HTML5游戏?-迪斯尼《寻找奥兹之路》游戏技术详解(二)

    (接上文)桌面游戏通常创建于一个核心的物理引擎.因此,要在3D世界中模拟一个柔软的物体,需要一个完整的物理模拟器,并且建立一种可信的行为. WebGL和JavaScript还不能奢华到可以运行一个完全 ...

  2. 怎样成为php高手,怎么成为php高手?如何自学成为php高手?优秀的PHP开发者是怎样炼成的?-PHP教程-基础篇-php语法基础--创业的风,吹向了年轻之长藤个人博客网站...

    怎么成为php高手?如何自学成为php高手?优秀的PHP开发者是怎样炼成的?要炼成php高手绝非一日之功劳,必须是通过系统的,高效的方法才能达到巅峰!何为巅峰呢? 很多年前,也许我们还学着原生的php ...

  3. HTML5 canvas绘制雪花飘落动画(需求分析、知识点、程序编写分布详解)

    HTML5 canvas绘制雪花飘落动画(需求分析.知识点.程序编写分布详解) 原文:HTML5 canvas绘制雪花飘落动画(需求分析.知识点.程序编写分布详解) 看到网上很多展示html5雪花飞动 ...

  4. 田永强:优秀的JavaScript模块是怎样炼成的

    转自:http://blog.jobbole.com/26101/ 引言:如今的JavaScript已经是Web上最流行的语言,没有之一.从GitHub上的语言排行榜https://github.co ...

  5. 优秀的JavaScript模块是怎样炼成的

    引言:如今的JavaScript已经是Web上最流行的语言,没有之一.从Github上的语言排行榜https://github.com/languages上即可看出,也是如今最为活跃的开源社区.随着N ...

  6. 【转】优秀的JavaScript模块是怎样炼成的

    作者 田永强 发布于 2012年8月27日 原文[url]http://www.infoq.com/cn/articles/how-to-create-great-js-module[/url] 引言 ...

  7. H5网页使用支付宝授权登录获取用户信息详解

    用户信息授权 用户信息授权主要是为了获取支付宝用户ID(USER_ID).授权令牌(access_token),便于开发者处理自身业务逻辑的时候使用,例如:获取支付宝用户信息.发会员卡.快捷登录等.授 ...

  8. 微信h5登录php,vue实现微信授权登录步骤详解

    这次给大家带来vue实现微信授权登录步骤详解,vue实现微信授权登录的注意事项有哪些,下面就是实战案例,一起来看一下. 背景 vue前后端分离开发微信授权 场景 app将商品分享到微信朋友圈或者分享给 ...

  9. Html5页面旋转横屏代码,H5教程|零代码,手把手教你制作超酷的横屏H5

    一般我们看到的H5基本上都是竖屏的,看惯了竖屏的H5,大家未免有些审美疲劳,横屏H5这种新奇玩法就容易脱颖而出,给目标用户留下深刻的印象,当然,除了技术的辅助,最重要还是内容与品牌.热点等因素的巧妙把 ...

最新文章

  1. 热点话题:全面解析有关网上邻居的内幕
  2. 面试:说说你对 ThreadLocal 的认识?
  3. tf.placehoder使用
  4. javascript加python_是否可以在javascript中添加一些新的语法?
  5. SQL Server 2008 允许远程链接 解决方法
  6. 物联网运营关键技术、终端、发展及运营前景
  7. python求解三角形第三边长
  8. pop3 c语言,VisualC#编写实现POP3的程序
  9. 随机森林、极端随机森林以及深度森林代码
  10. 校园二手交易平台-简要需求分析
  11. css 页面机械/数字电子 字体怎么实现?
  12. 两节串联锂电池充电管理芯片,IC的充放电方案
  13. C语言循环逻辑之if语句
  14. 稳压二极管和雪崩二极管的工作原理及选型学习总结
  15. 2021-7-28-自动化运维Ansible
  16. SSM_JSON格式增删改查
  17. 5分钟使用Unity制作AR应用,结合EasyAR制作AR(转)
  18. 利用三轴加速器的计步测算方法
  19. 累加器A用c语言,在c语言数组累加器的使用
  20. 服务器问题网站拔毛,网站被百度拔毛的经验分析

热门文章

  1. Linux 命令(17)—— su 与 sudo 命令
  2. C++ 基类私有成员会被继承吗
  3. HADOOP docker(六):hive简易使用指南
  4. wttr.in -- a magical website
  5. 华硕笔记本的U盘启动
  6. Retrofit的使用教程(二)
  7. spring配置文件中id与name
  8. CentOS7下安装达梦数据库的步骤
  9. 买一个二级计算机软件多少钱,计算机二级考试需要买课本吗
  10. [译] 轻松发布私有 App