135编辑器模板设计

135编辑器模板设计及投稿的相关要求及注意事项，如关于模板原创性：头图设计要求纯原创设计，将素材导入自由布局进行排版；样式设计可通过原有的样式素材，进行样式换色、换图等设计。

135编辑器模板设计

投稿标准

S+/S

贴纸、元素：原创贴纸且视觉美观强，画面布局合理流畅丰富且有视觉冲击力

GIF动图：贴纸原创且美观+GIF动图设计

配色：配色优质，整体元素、色彩搭配与主题搭配

文案：文案内容与主题贴切，无重复文案，内容结构逻辑清晰

图片搭配：图片风格、色系和主题高度匹配

A

配色：配色很优质，整体元素、色彩搭配与主题搭配，有视觉冲击力

贴纸、元素：有少量简单的原创元素（如：植物、色块、线条等）画面布局合理流畅

内容排版：排版形式不重复，有差异化

文案：文案内容与主题贴切，无重复文案，内容结构逻辑清晰

图片搭配：图片风格、色系和主题高度匹配

B

内容排版：丰富的排版内容，排版形式多样化不重复

贴纸、元素：贴纸非原创元素、原创贴纸无主体物（如：装饰的色块、线条等）、元素为改制等，画面布局合理流畅

配色：整体元素、色彩搭配与主题搭配

文案：文案内容与主题贴切，无重复文案，内容结构逻辑清晰

图片搭配：图片风格、色系和主题高度匹配且图片无大面积重复

模板的基本标准

要素齐全：包含大标题的头图、正文、小标题样式、图片样式、图文样式

建议至少分为三个段落，每个段落内文案不低于100字

颜色搭配和谐，全文最好不要超过3种配色

结尾必备模板说明

元素、模板风格和文案主题要相匹配

结尾模板说明

文字来源（表明模板中文字内容来源，便于内容版权追溯）

文字内容来源于央视新闻、人民日报、国家卫建委等政务媒体的的内容，均需附上来源链接

文字内容不能包含任何党政内容、国家领导人、宗教迷信、攻击性、色情、诈骗、虚假误导信息等相关内容

文字内容摘抄来源于网络时，请注明来源于网络，请勿直接采用或搬运他人原创内容

图片来源（根据相关描述可以溯源图片版权）

使用pexels的图片时需要注明图片来源网址

使用135编辑器自带图片时需要注明相关样式ID

头图说明（表明头图为本人原创设计）

常见格式：本人原创绘制、135元素改制+本人原创绘制

艺术字

如一定需要用艺术字进行创作，请用135编辑器样式中心提供的艺术字样式，并在说明中标注艺术字“XXX”及可修改范围

图片说明文档注意事项

将您投稿模板中的图片素材一一截图并注明素材来源网址，需要是具体图片的网址 (仅支持135自带和pexels/pixabay网站CCO图片)

如果素材来源于135编辑器，请在[素材来源网址]一栏填写“来源于135编辑器”+样式截图 (截图要包含式ID)

如果素材是自己原创的，请在[素材来源网址]一栏填写“原创”+设计制作过程清晰截图（证明是原创的证据，这很重要！）

如果文章中没有任何元素或图片，请直接在说明文档表格中写“无图片“

关于模板原创性

头图设计

纯原创设计，将素材导入自由布局进行排版

样式设计

通过原有的样式素材，进行样式换色、换图等设计

高销量模板的结构及元素分析

常见版式构成

总（概括文章整体内容）——分（分段进行阐述）——结尾引导关注

总（概括文章整体内容）——分（分段进行阐述）——总（总结文章内容或进行互动）——结尾引导关注

总：显示一个短小的开头，或是下文分述内容的起因，或是下文分述内容的总说，一般用概括的语言表现

分：总体内容的分层叙述，素材或内容采用并列式或递进式的排布

总：推文的结尾，又是总说，可以使开头呼应，也可以作总结性结尾

素材结构

正文样式——图片样式——标题样式——分割线——引导关注&二维码

排版六大元素

引导关注、二维码、标题样式、正文样式、分割线样式、图片样式

排版基础要点

文字

字体：微软雅黑

正文字号：14号

标题与注释：注释文字比正文小两个字号，标题比正文大两个字号

字间距：1.5

对齐方式

文字内容较少的内容可以使用居中对齐

两端对齐是排版中最常见的正文排版方式，适用于文字较多的文章。同时可用图片作为文字分割线，形成图文对称排版

颜色

正文以黑色为主，如#595959、#3f3f3f、#262626

注释颜色以灰色为主，如#7f7f7f、#a5a5a5、#bfbfbf

段落

段落行间距1.75/1.5

段前后距离的调整可以让文章段落层次显得更加清晰，但使用时不应将距离调整得过紧或者过密，建议段前段后控制在5-10

两侧边距为5-10最常见

图片

正文配图统一性

正文图片推荐尺寸：900*600、600*400、640*640

图片配置张数

文案长：5-8张

文案短：3-5张

一屏内容配一张图

选择图片的路径

官方自带；Pexels网站；官方图库CCO图片

投稿小Tips

排版：画面平衡；文字间距；对齐方式；图文具有联系性；样式模块化布局

文字：文案积极向上；易阅读

配色/图：所有元素符合文章主题；配色原则上不超过三种颜色；图片注意侵权

90%设计师必会的基础排版操作

全局篇

背景布局；前后空行；文字、段落设置；定位

样式篇

样式换色；样式换图；调整样式宽度比；样式内、外边距；样式边框、弧度

原创素材和编辑器的融合使用

自由布局介绍

自由布局的功能可以实现文章编辑排版像PS一样自由挪动

自由布局支持任意拖拽元素调整位置，精准定位，类似PS作图的方式。编辑完成的结果也像图片一样，在不同宽度会自动缩放适应，文字大小也会跟着缩放。最终显显示效果请手机预览确认。

动画效果设置

如何构思一篇原创模板

图文的制作流程

寻找热点，确定主题

热点：节日、节气等

主题：百度近期热点

获取排版灵感（样式、色彩）

比格设计

小红书、花瓣网、ABCD

网页搜索“海报”可获得各类相关网站

入门简约型排版参考：“观夏”、“祖玛珑”等公众号

色彩搭配网站

https://colordrop.io/

https://flatuicolors.com/palette/ca

https://www.colorhexa.com/89c698

https://colorlisa.com/

制作图文

投稿上架

如何利用现有素材进行二次创作

在设计模板中选择主题

热门主题：简约、文艺清新、莫兰迪、幼小学、企业、热点节日等

配色方面

配色一定要清新，颜色不易过重，要对比鲜明一些，热门主题和爆款模版几乎都是有这个特点，行业用户群体年轻人占比偏多，设计中颜色一定要青春活力，结合主题来自由发挥颜色的搭配

标志性主题小元素

比如：劳动节常见元素有齿轮，扳手，麦穗，劳动人民插画人物

小元素一定要契合主题设计，小元素设计的种类不易较多，也不易较少，一般设计3~4个小元素在搭配一些，形状，线条，不规则形状，这样组合起来的样式既美观又不失设计感

爆款模板和样式

爆款模版都有一个特点，就是简约略带一些设计感，元素对称摆放不易过乱堆积，颜色清新，大多用户喜欢单图，双图组合和四图组合样式，这样一来我们模版中也可以较多使用这些图片组合来搭配设计

设计完的投稿问题

在AI或PS等设计软件设计好之后，导出不规则形状以及小元素的时候尽量导出2X或者3X图，有些小的元素可以适当导出大一点，会AE的话可以在AE里面稍微做一些小动态，这样会使模版更加美观活跃

模板头图常用编辑

一般模版头图编辑都是使用自由布局，这个布局可以任意调整元素大小和位置，类似于咱们用的设计软件，比较方便，但是强调一点，自由布局只适合使用于头图排版编辑，他的局限性教高，不易用户使用编辑，只适合不大幅度改动的模版头图部分

模版内小标题框常用设计

一般小标题不易花哨，有小元素点缀一下符合模版主题整体感觉就好，这里经常使用咱们135编辑器的“定位功能”“内边距”定位功能他可以自由调整上下左右小元素离标题框的距离，内边距调整适当可以使标题框看着大气协调不拥挤

图片以及文本框常见设计

公众号发布的文章中常见的图片和文本框一般都是单张大图和矩形框，还有带有底色的矩形框，(当然这种底色矩形框一般都是很浅的颜色)主要是突出文字的，并不是看这个文本框多么华丽，设计的时候也要考虑主次分明，图片样式也是如此，文本框边缘一般是用元素稍加点缀，这样又简约又没有失去主题性

分割线的设计

分割线的作用就是为了区分隔断上下内容的连接，一般一个模版可以多次使用分割线来隔断上下内容的段落，分割线的设计动态的偏活跃一些，尽可能的在分割线上加一些幅度较小的动态，分割线在模版中的作用也很大，熟练使用分割线排版可以提高模版的美观度

二维码的常见设计

一整篇文章结束的时候附上的二维码主要是引导用户关注我们的企业，方便后续我们企业发布的一些公众号文章及时查看并了解，所以这个二维码设计也不容小觑，二维码的设计有些像文本框那样，在简约的矩形框点缀一些我们设计的小元素，越明显越好，尽量引导用户去扫码关注。

智能AI助力模板创作

常见的内容来源情况（需要进行标注）

文字内容来源于央视新闻、人民日报、国家卫建委等政务媒体的的内容，均需附上来源链接

文字内容摘抄来源于网络时，请注明来源于网络，请勿直接采用或搬运他人原创内容

注意！文字内容不能包含任何党政内容、国家领导人、宗教迷信、攻击性、色情、诈骗、虚假误导信息等相关内容

推荐的两个AI创作工具

AI帮个忙（网址：https://aibang.run/）

一般用来生成相关标题作为参考，以“小红书标题生成器”为例，输入想要的指令，提交后就可以等待生成了

比如“春日旅游Vlog标题”，像图中第一点和第二点钟就可以拎出来作为标题放进头图中

135编辑器文本AI功能（网址：www.135editor.com）

在我们想要修改某段文案时，只需要全选文案就会出现 [AI文案] 的选项，单击后等待一会就会给到你修改后的文案

135编辑器也上新了【AI写作】功能，包含长文写作和短文生成

在[长文写作]模式下，创作者仅需要提供一个文章标题，AI就能自动生成文章大纲，创作者可以根据AI生成的文章大纲进行手动修改，然后等待AI生成内容即可

搭配AI写作+样式秒刷，能够快速完成一篇有内容、有排版的文章，可以大大提升效率

排版必备六大元素

标题+征文+分割线+二维码+引导关注+图片

基础排版七大技巧

字体字号规范

让整篇推文看起来舒服，除了字体大小和颜色，文字之间的距离也会起到很大的作用，通过调整字与字、行与行之间的距离，减轻用户的阅读疲劳感

推荐字号一般在14—16px

14px适合于文艺、情感类公众号

15px是属于阅读起来比较舒适的字号

16px适合科技类、政务类账号

字间距

推荐字间距设置的数值在1px—1.5px，不宜超过2px

行间距

推荐行间距设置的数值在1.5px—2px

字体及颜色建议

字体色推荐

一般正文颜色推荐色值：#7f7f7f、#545454、#5a5a5a，建议不要用纯黑色，看起来会很沉闷

注释/角标的字体颜色推荐：#7f7f7f、#a5a5a5

注意：正文颜色最好不要超过三种

段落标准化

一段文字显示高度为3~4行文字是较为舒服的，长度适中的文字阅读起来不会费事，同时又能以较快的速度进行内容理解。

标题排版

头图中的标题可以使用自由布局，单行总长度不超过7个字

正文标题长度控制在20字以内，遵循阅读习惯使用标点符号隔开

图片排版

jpg/png格式的图片大小不超过10M，长度不超过4000px

gif动图大小不超过9M，且帧数不超过300帧

重点突出技巧

当你想要强调文章中的重要内容时，可以使用粗体、斜体、阴影、背景色的效果

重点突出需要单独列出

标注品牌色

字体加大加粗

使用特殊排版风格

文章对齐方式

在编辑器之中有4种对齐方式，分别是左对齐、右对齐、居中对齐、两端对齐

左对齐比较符合人们的阅读习

居中对齐适合比较随性简洁的文章

右对齐适合像一些文艺散文、时尚类推文的不规则排版

两端对齐是常用的一种对齐方式

好看的配色网站

中国传统颜色（网址：http://zhongguose.com/）

Chinese colors 收录了许多中国传统色，你每选中一个颜色背景也会随之改变。每个颜色被赋予饱含古风韵味的名字，如：牡丹粉红、蓟粉红、山黎豆红。

颜色美的古色古香，如果你正在做古风、传统节气、国潮风格的主题排版设计，这个网站一定不能错过！

大声笑配色（网址：https://www.webdesignrankings.com/resources/lolcolors/）

简单可爱的配色网站，颜色明亮、活泼。当鼠标移动到每个水滴上时会自动出现颜色编号，方便用户参考、提取~

通过配色板的收藏数，也可以了解大家喜欢的配色方案，为你的配色提供一个参考！

135配色方案（网址：https://www.135editor.com/color-plans?cate_id=3&cols=）

135编辑器不仅能三五分钟搞定一篇排版，还为你提供了单色、多色、渐变色等各种配色方案

色彩代码轻松复制使用，助你快速完成一篇美观、大气的文章排版！