找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[制作指南] 兔展新编辑器教程 | 编辑器辅助功能

[复制链接]
兔展君    管理员 
2020-7-29 11:03:00 显示全部楼层
排版不够整齐精致?设计感不够?无法抓人眼球?
知道这些编辑器辅助功能,这些问题再也不会困扰你啦~




1、图层管理器、网格、参考线、标尺H5可以更整齐


图层管理器:添加的每个素材都自动分为一个单独的图层,命名后方便区分及移动,可对图层进行组合合并。
左侧眼睛形状点击后可隐藏该图层,选中图层后,点击上部垃圾桶按钮删除图层,锁状锁定图层不可拖拽。
网格、参考线与标尺:网格与标尺打开后,便于素材对齐与页面排版。
                    兔展的参考线为只能参考线,指的是吸附线,即拖拽素材时,自动出现对齐线。


2、ps导入—别人家H5看起来更精致的秘密


编辑器无法直接满足设计需求,但做好了设计图,还需要切出素材在编辑器中重新排版又未免太麻烦。利用PS导入功能,兼顾设计需求,提高作品精致度!

导入PSD:直接将PSD文件原尺寸,原比例,原位置的导入,排版时间节省90%
登陆兔展,进入制作页面,点击【Ps】;
点击+”,添加PSD文档;
等待导入完成,点击完成;
导入完成后,即可在兔展编辑器上编辑。

提示:
但因Photoshop软件本身功能的强大,复杂,多变和效果的不可预测性,对平台的兼容性要求极高。为了避免导入过程中发生卡顿,图层丢失,效果异常等特殊情况,在使用前必须依照以下规范整理您的PSD源文件后再进行导入!养成良好的使用习惯!


PSD源文件整理规范如下:
1. 请将PSD源文件尺寸设置为640X1008像素,72DPI,模式为RGB/8位通道;
2. 请尽最大可能简化您的“图层关系”——
  A.将包含众多图层的“图层组”合并为单个图层;
  B.将有“链接”关系的相关图层合并为单个图层;
  C.将有“剪切蒙版”关系的相关图层合并为单个图层;
  D.将有“蒙版”的图层,右键点击“应用蒙版”;
  E. 将有“图层样式”的图层,右键点击“栅格化图层样式”
  F.将有“混合模式”的相关图层合并为单个图层或调为“正常”模式(平台不识别混合模式);
  G.将所有智能图层栅格化
  H.以上操作完后,最终执行“Ctrl+A——图像——裁剪”命令,将各图层超出画板四周的不可见部分清除后,即可进行导入。



3、动效设置—活动中需要突出的元素用动效即可


可设置入场类、强调类、淡出类三种动画类型,共65种动效自由选择。
动画可设置持续时间,延迟时间,循环次数以及循环间隔,以达到画面动效平衡,实现动效组合展示的最佳效果。

动效种类很多,但在于用得好而不是用得多。动效使用不好的反面案例比较多,比如进到一个活动页,各种元素一阵闪,用户进来就懵了,不知道点什么也不知道重点在哪里。这种情况下,动效主要用在核心想要展现的元素上就好。比如,希望用户点击的按钮上,或者是活动最核心的吸引主题上。

4、翻页一禁止翻页,让访客按照你的预设翻页


制作翻页H5时,若设计上出了跳转按钮图标,则可设置禁止翻页选项,让用户根据H5设计图的逻辑路径点击图标。  


回复

使用道具 举报

跳转到指定楼层
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|兔展论坛 ( 粤ICP备14051807号-6 )

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc. GMT+8, 2020-8-10 18:42 , Processed in 0.084103 second(s), 35 queries .

快速回复 返回顶部 返回列表
快速回复 返回顶部 返回列表