MAKA教程——版式设计篇
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
不知道怎么
图片
?
1.利用图片组合
当需要把更多的图片作为一组来呈现的时候,还有一种 将他们作为组合来处理的方式。
这是利用组合图片,来整体 展现图片的例子,与单张呈 现相比,这种方式废人以信 息丰富的印象。
这是在每张图片之间留有一 定的空隙的例子。虽然也可 以通过边框来进行分割,但 是留白的方式能够减轻画面 的压迫感,看上去更清楚。
3. 注意图片中插入的文字处理
有些情况下必须在图片中插入文字,这样的情况下,一 个重要的前提是,不要将文字覆盖在需要重点展示的对 象上,此外,对于文字来说也是一样及时是插入图片中, 也最好采用不影响文字可识别性的颜色。
将文字放置在不影响图片效果的位置上
图片插入文字,选用容易识别的颜色很重要
一般性的规则,应该将文段与图片的宽度统一起来。如 果文字或文段的结尾处长短不一,会让人觉得不协调。
如何轻松玩转H5 (版式设计wk.baidu.com)
想象一场炫目的线上活动推广,
借助简单易用的工具,
让您5分钟内轻松制作、 展示赏心悦目的Html5 Web APP, 让您的想法 生动呈现,在指尖流转。 MAKA, 您值得拥有!
特别声明
MAKA.im基于html5技术实现,Chrome浏览器与电信高速宽带能带来 最佳体验,为了保证创作体验,建议使用最新版Chrome进行设计(使用 现有的浏览器部分编辑功能可能无法实现)
一、设备适配 HTML5的流畅度与设备型号和版本高度相关,建议使用iPhone4s以上 或安卓4.0以上的设备进行浏览。 二、网络适配 3G以上的移动网络能够给您带来绝佳的浏览体验,但部分丰富的作品建 议在Wi-Fi环境下浏览。 三、图片与音乐体积 MAKA建议作品上传音乐大小不大于1M,每张图片(支持jpg、png、 gif)不大于2M。
并非图片都是等大的,可以 将其中的一张放大处理,从 而使画面产生变化,更加有 节奏感。
2.不要用图片将文字切断
图片排版中的要点是,注意不能损坏文字部分的可读 性与连续性。
如果在文段中插入图片,文字就会因为图片的大单而难于顺利的继续阅读(上), 如果可能的话,应该吧图片插入到文段的开始或者结尾处(下)。
4.统一文字与图片的变形
文段左侧对齐,而右侧有偏 差,就会显得不自然。
文段与图片宽度并未统一, 文段与图片对齐,视觉上显得 视觉上会显得不自然。 更加协调
Thank you!