当前位置:首页 > 网站建设 > 正文内容

html5自适应中文网页模板(自适应h5页面)

网站建设7个月前 (06-12)396

图文排版

H5

手机版秀米

小伙伴们好啊

今天又周三了~

又到了介绍咱们新功能的时候了

因为老板们年前太努力了

也可能是我太摸鱼了

昨天在一堆已经更新的功能里扒拉了一下

想想写哪个比较好呢~

展开全文

捡了一个

html5自适应中文网页模板(自适应h5页面)

不算太难但又很方便实用的新功能

和大家讲一讲吧(#^.^#)

封面设计

秀米的全新功能,前所未有

操作方便,简单上手

01

秀米的封面设计

封面设计,在图文编辑界面顶部,将鼠标光标挪到封面上,左上角会有一个

标签,点击它,会弹出来:设计封面。

图文编辑好并保存好后,点击封面左上角,进入设计封面界面,默认显示为2.35:1的白色编辑区。

点击白色区域,会弹出来菜单,也可以点击右边齿轮

,可以设置背景,以及切换封面图比例设置。

封面比例有三种: 首图(2.35:1)、 次图(1:1)以及 双图(3.35:1);封面设计需要用到的素材,可以从左边素材区选择。

02

怎么设计封面呢?

现在,我们可以来设计封面了。因只作为示范操作,所以大家理解操作流程就好了,剩下的设计审美就靠自己啦~

制作一个简单的首图/次图封面

因为首图与次图的封面制作,只有比例上的不同,剩下的操作基本一致,所以以制作首图封面为例。

01

先设计一个背景

点击封面白色编辑区任意区域,在弹出的菜单中,点击圆形,设置一个背景。

设置封面图的背景色

需要注意,在设置背景图时,秀米提供的纹理素材,以及自己图库中的图片,都可以设为背景图;背景可以设重复方式,可以调整图片显示区域。

设置封面图的背景图

02

给封面加点素材吧

素材,可以从左边素材区选择合适的添加到封面编辑区,也可以用自己图库里的素材:

添加素材封面区后,可以选中素材调整位置、大小。

03

给封面加点文字

文字,可以点击封面区右边的

然后直接输入文字,也可以从左边选择文字组件,然后修改文字。

点击

输入文字后,可以继续调整文字格式,比如字号、颜色、间距等等;选中文字可调整位置:

封面图上直接输入文字

从左边选择文字组件,添加到封面编辑区,调整位置,再修改文字格式等,让整体协调:

选择合适的文字组件进行调整

这样就差不多,有一个封面图的意思了。

另外,当封面中的添加的元素过多的话,可以通过编辑区右边的辅助按钮来看;更容易选中需要调整的组件。

03

封面设计好,如何生成/导出?

封面设计完成,可以根据实际需求,生成封面、导出封面图,也可以将封面收藏成版式,下次继续使用。

直接生成封面

点击顶部菜单中的返回,回到图文编辑界面的同时,会提示生成封面,耐心等一会儿,就可以看到啦:

直接下载封面图

做好的封面,可以直接下载。在封面编辑区,点击顶部菜单的更多,可以直接下载;图片清晰度有 标清、 高清、 超清三种, 高清与超清清晰度需要秀米等级会员。

如果封面图中带有字体,字体生成规则与长图可用字体生成是一致的。

下载好的封面图,可以上传到图库,或是发给他人。

收藏封面版式,下次使用

在封面编辑区右边,可以点击

,将当前制作的封面图收藏,放进左边的版式收藏里,方便下次使用。

下次再设计封面时,可以从版式收藏里添加,再进行修改:

图片收集功能,可收集封面

在图文编辑界面,点击顶部菜单更多→收集图片,可以将图文中的图片,包括设计的封面,一并收集到图库里。

04

秀米双图封面怎么用

双图封面,其实把首图(2.35:1)与次图(1:1)拼到一起得到后的一个3.35:1的图片比例。

在秀米中制作双图封面,建议先分别做好一个首图与次图,然后将图片导出后,再用秀米双图比例进行拼接。

在拼接的时候,可以借助 编辑辅助中的 显示网格、 智能吸附工具:

图文同步到微信后,在封面编辑中,根据微信封面尺寸来调整下封面区域显示:

小结

秀米的封面设计,提供了首图(2.35:1)、次图(1:1)、双图(3.35:1)三种比例的封面图尺寸,可以利用秀米已有素材、字体等制作出想要的封面设计。

封面制作好,点击顶部返回按钮,可以直接生成封面图;点击顶部更多,可以下载图片;封面图版式也可以收藏起来,以便后期使用。

更多阅读

小白适用

系统介绍秀米的基础操作

☚☚☚ 向左滑动

秀米有那么多骚技能

不来学几招?

秀米每一天都是最新的

你的 在看也是最新滴~

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://chlfg.com/post/116798.html

分享给朋友:

“html5自适应中文网页模板(自适应h5页面)” 的相关文章

湖南网站建设的简单介绍

湖南网站建设的简单介绍

本篇文章给大家谈谈湖南网站建设,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、湖南湘潭哪里有网站设计和建设的公司? 2、湖南长沙,最完善的网站设计运营公司 3、湖南做网站建设一般多少钱? 4、湖南网站建设需要注意什么? 湖南湘潭哪里有网站设计和建设的公...

武汉?网站制作(武汉网站制作案例)

武汉?网站制作(武汉网站制作案例)

今天给各位分享武汉?网站制作的知识,其中也会对武汉网站制作案例进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、武汉网站设计制作,武汉做网站多少钱 2、武汉网站建设哪家公司好 3、武汉网站建设公司哪家最好? 4、在武汉制作一个网站需要多少钱?...

酒店水单模板word免费(酒店住宿水单模板word免费)

酒店水单模板word免费(酒店住宿水单模板word免费)

今天给各位分享酒店水单模板word免费的知识,其中也会对酒店住宿水单模板word免费进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、谁有饭店用的流水账模板,我主要是买菜和日常支出记录,以及酒店收支明细模板 2、可修改 酒店水单模板 3、宾馆水单怎么打...

手机制作3d模型的软件(手机能做3d模型的软件)

手机制作3d模型的软件(手机能做3d模型的软件)

本篇文章给大家谈谈手机制作3d模型的软件,以及手机能做3d模型的软件对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、手机上有哪些3d建模软件 2、3d建模软件哪个好 3、做3d模型的软件都有那些 ?那些擅长做人物模型? 4、有什么软件可以在手机上面做3D动画...

安卓如何修改APP数据(如何修改手机app 数据)

安卓如何修改APP数据(如何修改手机app 数据)

今天给各位分享安卓如何修改APP数据的知识,其中也会对如何修改手机app 数据进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、开发:安卓如何修改内存数据 2、安卓手机怎么修改app的网络mac 3、android 怎么利用sqllite修改数据库...

小学教资作文素材百度网盘(写作素材 百度网盘)

小学教资作文素材百度网盘(写作素材 百度网盘)

今天给各位分享小学教资作文素材百度网盘的知识,其中也会对写作素材 百度网盘进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、求 小学教师资格证 考试 真题 。。。急啊,在线等 2、求《教师资格证作文素材》全文免费下载百度网盘资源,谢谢~ 3、求小学教师...