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

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

网站建设5个月前 (06-12)319

图文排版

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://muyuzhen.com/post/116798.html

分享给朋友:

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

图片制作网站(图片制作网站推荐)

图片制作网站(图片制作网站推荐)

今天给各位分享图片制作网站的知识,其中也会对图片制作网站推荐进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、gif图片制作选择哪个网站呢? 2、有哪些在线图片制作网站,图片如何处理呢? 3、说几个图片制作网站~~ 4、谁推荐几个图片的制作网站?...

企业网站seo(企业网站seo工作)

企业网站seo(企业网站seo工作)

本篇文章给大家谈谈企业网站seo,以及企业网站seo工作对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、怎么做企业网站的SEO优化 2、什么是SEO?我们企业网站如何做好优化呢? 3、企业网站进行SEO优化有哪些好处? 4、企业新网站seo推广步骤? 5、...

福州网站优化(福州网站优化服务)

福州网站优化(福州网站优化服务)

本篇文章给大家谈谈福州网站优化,以及福州网站优化服务对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、福州网站推广网站内链的SEO优化技巧有哪些? 2、福州网站优化推广公司哪个好?公司从没在互联网推广过 3、福州网站seo优化 4、如何优化并推广? 福州网站关键...

网站建设推广(外贸网站建设推广)

网站建设推广(外贸网站建设推广)

今天给各位分享网站建设推广的知识,其中也会对外贸网站建设推广进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、网站建设推广有哪些方式? 2、网站建设流程和推广? 3、网站如何推广 4、网站建设通常有哪些步骤?如何推广 网站建设推广有哪些方式? 1...

网站建设与管理(网站建设与管理学什么)

网站建设与管理(网站建设与管理学什么)

今天给各位分享网站建设与管理的知识,其中也会对网站建设与管理学什么进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、网站建设与管理 2、网站建设与管理主要学什么 3、网站建设与管理出来可以做什么样的工作 网站建设与管理 1.建立网站的目的这是网站规划...

怎么给视频加模板边框(如何给视频加边框)

怎么给视频加模板边框(如何给视频加边框)

今天给各位分享怎么给视频加模板边框的知识,其中也会对如何给视频加边框进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、pr怎么在视频上加个边框 2、拜年视频边框怎么加? 3、怎么给自制视频加边框? 4、手机怎么给视频加黑色椭圆边框 5、怎样制作...