粉丝1790获赞1.3万
好,这节给大家介绍一下如何使用搞定设计来制作一个好看的公众号图文。我们在遇到很多团队在做公众号的时候,大家没有设计美工的基础,那么怎么让一个业余的选手做出一个精美的公众号图文,这是今天要分享的重点, 给大家推荐一个免费的工具搞定设计。首先大家要记住这个网址,这个网址是搞定设计,专门用来编辑公众号的文章的。这个网址好,我打开这个网址,第一次登录的时候,我们使用微信扫码登录,右上角扫码登录就行了。左边 是公众号的图文样式,我们可以选择左边,选择对应的模板,点击向左的箭头可以返回,比如选择新闻资讯类,大家看一下这些模板通常都 比自己设计的要美观大方。第一步我们要选择适合自己的模板,比如说我选择这种模板,然后点击上方的使用模板, 使用模板,这个模板里面他分成表格、图片和文字,你可以在此编辑,也可以调整到公众号里面编辑。测试公众号,我们点击同步, 右上角同步。第一次我们需要添加公众号来进行授权,好,公众平台进行授权,使用公众号的管理员微信来扫码登录,授权同意 点击下一步封面图啊,你可以选择一个图片好,然后打开这个编辑器,我从电脑 一盘,刚才下载,这是我们在做测试的方面,自己实际使用的时候,你用做好的这个图片放在这个尺寸是二点三五比一的,这个尺寸的封面放在里面,然后标题写上这两个是必填的,其他的不是必填的,然后点同步 好,然后我们在这个时候我们打开微信公众号的后台, 发现在这个草稿箱里面就有一个图文,这个草稿我们就可以在此基础上进行编辑了, 在上面打字这个图片你也可以把它进行替换,点击时候进行替换,替换成自己的。所以说这这里面编辑可以几种,第一个就是我们在搞定设计的后台 编辑,第二个就是同步到公众号后台进行编辑啊,当你完全编辑完之后,我们就可以点击发表,剩下的就和正常的发布公众号是一样。关于怎么使用搞定设计来设计一个精美的公众号,图文就介绍这里,大家再见。
hello, 大家好,我是龙仔,最近呢我在研究发布公众号的一些事情, 然后呢中间发现了一些问题,呃,这里的话就主要来讲一下我遇到的一些问题啊。首先我们在写公众号的时候,他这里这个创作这个新写这个图文, 呃,我们他这个编辑器是不太友好的,就是编写起来很难受,一些排版呀和一些样式问题。然后所以说我们需要借助第三方的一些工具来帮助我们进行一个排版, 让我们发布的公众号更加的美观。嗯,然后我们写的一个代码模块,然后高亮显示啊这样的一些功能,嗯,根据这个需求呢,然后我找到了两个工具,第一个呢就是 这个 m d x editor, 它相当于是一呃是以一种 m d x 一一样的方式来把我们的这个文档以组接的形式渲染出来, 然后让我们看起来这个呃这个页面就是我们的代码也有高量显示。然后呢标题,然后并且我们可以在这里定一些自己的 这个样式要求。在这里的话我简单来给大家演示一下他这个如何来定义一些样式要求。首先我们可以比如说我这里要对这个标题添加一些特殊的样式,我想要的一个比较好看的样式啊, 在这里我就打开了这个控控制台。然后啊,当然啊这一步还是对于针对于我们就是 是发布技术文章了,对于普通的用户来说可能还是有点有一点难度的,因为他们是不会写代码的,主要是针对我们的这个我们的开发人员来使用的这个工具,这的话我可以看到 它是一个 h 三的一个标题,但是它上面最开始它是被这个 肋给包裹了一下子,所以说我们前面要加上这个 h 三,然后给它定一个钥匙 bottle left, 给它定一个五 p x 吧 slow 的,然后 整一个颜色,我们就用他这个颜色,蓝色跟这个主题相符合一点。好,我们就可以看到他这 定一个他这个边框 moder, 然后有一个五 px 的这样一个,呃,边框啊,左边有一个边框,然后我们让他就是距离稍微远一点十 px。 好的,我们这样就完成了 呃自定义样式这样的一个功能,他这样他这里会把我们的这个写的 css, 然后直接渲染到我们的这个文档中,这样的一一个功能啊, 我们可以看到它这里凡是第三级标题的,它都有一个这个 左边的一个编剧这个边框。好,我们这个样式相当于就定义完成了。他这个使用起来也是很简单的,因为我们最开始都是,嗯, 大家使用的这个 taper 这个工具可能比较多一点,然后我们直接 control a, control a, control c, 然后将我们的这个文章 ctrl v 保存到这里,他就会把我们的文章解析成这样的一个,根据我们写的样式还有一些配置,然后来生成我们的这个最终的一个文档的一个效果,这就是我们我想要的一个效果啊。 最后,呃我,我就是点这个 copy, 相当于我把他给我排版好的这个文章,然后我要复制到我的公众号里面去,然后我 ctrl v 一下,好的,我们就可以看到 他可以把我们拍不到钥匙是完美的,就是粘贴到了我们这个公众号的编辑器中,显示也是非常完美的,代码很清晰, 也有高亮显示。呃,效果还是很不错的这样的一个东西。呃,接下来呢,然后还有另外一个东西,就是我们在 公众号中我们可能会添加一些比较好看的图片呢,或者是一些特效的功能。呃,下面的话就是一个秀米,他是一个公众号的排版的一个工具,在这里的话他有各种的卡片、图片布局,然后一些热门的组件, 比如说我们关注公众号啊,然后我们经常看公众号的文章的时候,他们用的这样的一些组件我们都可以在这里找到, 比如说你看他这个关注让直接跳转到这个公众号的主页啊,这样这种图片都是通过这个工具,嗯,来添加添加的,然后一个公众号的二维码, 就是就是这样添加上去,我们就可以进行一个使用,这里的话我生成了一个相当于一个公众号的二维码,这个东西怎么使用呢?我们可以看到 直接复制点这个东西,直接复制到微信,我们 ctrl v、 ctrlv 一下,然后来到我们的公众号这个编辑器,走到最后好, ctrlv, 我就把我的就是他刚才复制的这个二维码这个组件,然后粘贴到了我的公众号里面, 并且下面还有这个,它是另外一个组件,然后我们也是复制到微信, ctrl v 保存一下。好的,这就是完成了一个组件的使用,然后我还 想添加一个其他的一个,呃,组件啊,就是这我写了一个字体样式,这样的一个组件,知其然,知其所以然,这也是我写博客,写文章的一个,呃,遵旨啊, 就是我们做什么东西都是要明白它的原理才能做好这个东西。 钱插入端落,好的钱插入端落,我们粘贴 ctrl v 过去,然后它就生成了。呃,把我们这个特殊字体的这个呃 以一段话,然后就插入了这个第一行,然后这就是我想要的一个效果,最终我们的一篇公众号文章这样就排版完成了。 这,这是用姓名然后完成的一个字体,然后下面是通过 mdxideter 然后对文章和代码进行一个高亮显示一个排版的。呃,过程。最后还有我们这个公众号的一个链接,然后一个二维码 可以给,就是我们的用户,请快速的扫描关注我们的公众号。好的,这样就完成了我们一个公众号的排版。好,今天的分享的话就到这里,呃,谢谢大家的关注。
no one can hold me back i ain't got suffered walking hold me back, i ain't gonna suffer that no one can hold me back i ain't got time for that i can hold me back i ain't got supper。
今天介绍一个公众号快速排版的技巧,首先呢我们需要有个工具,这个工具就是什么呢?键盘面速排, 前面门锁牌是一个网站,我们电脑浏览器就可以访问了,到达这个网站之后呢,我们在左侧找到全文模板这个栏目,点击一下就可以看到很多的全文模板了,都是已经排版好设计好的了, 鼠标浮动上去之后,点击使用就可以了。然后呢我们就可以改变这里面的文字,我们可以正常的输入文字,点击图片呢,然后再点击这个换图按钮,就可以换我们自己的图片了,换图换文字都非常简单的,如果还有其他更多的需求呢,我们就可以点击这个样式素材, 插入一些我们喜欢的素材,在这里面使用,就可以快速的完成一篇文章的美化 排版了,速度很快的,几分钟就能做好一篇公众号的完整文章了。然后呢点击这个复制全文的按钮,就可以把它复制到公众号的文章编辑页面了,这样一篇完整的文章就快速的完成了,有什么问题呢可以给我留言。
公众号排版模板怎么做?很费时间,而且做出来也未必美观,我们可以找一个更好的方法,我们可以电脑浏览器放个键盘面促排,是个网站,不用下载任何东西,然后点击学完模板,就会看到很多的模板分类了,根据行业也好,节日也好都可以。 我们可以点击这个预览,看这个模板具体是个什么情况。如果我们觉得可以的话呢,就可以点击这个使用按钮,他就会在右侧出现。 这些模板呢都已经是做好的了,我们可以选中文字来修改文字,输入文字就可以修改了,点击图片就可以在图片按钮上面板上找到这个换图按钮,点击换图就可以了, 这样呢,我们就可以快速的把一篇文章做完了,这样是一个不错的模板,又有效率又美观。然后点击复制全网按钮,就可以把它粘贴到公众号的后台了,很快很迅速,有什么问题呢可以给我留言。
哈喽,大家好,我是小鱼,好久不见了。这段时间呢,有不少小伙伴向我请教公众号排版,我发现大家对公众号的动态排版很有兴趣,就是那种,比如你点击一下屏幕,页面会展开,再比如页面里的元素是在运动的,看上去像动图,但他又不是动图, 再比如左右滑动会出现不一样的画面等等,这些效果呢,都是可以利用 scg 布局来实现的。那今天呢,我就临摹紧着我遇到过的例子,亲手操作来告诉大家如何做公众号动画效果。 打开少女编辑器,找到 svg 布局模板,他有这么多的效果和模板,可以根据自己的想法来创作。具体怎么操作呢?来看第一个案例,这是我帮客户做的一个红木家具的广告,开头做了一个文字依次自动出现的效果,这效果的做法并不难,点击左 模板中的布局,选择基础布局就好。下拉找到 svg 布局,点击编辑就可以设计效果了。 svg 布局分为两块区域,上面的区域是动画层,下面的区域是内容层。如果要设置动画效果,就要在动画层操作。 这个编辑区域的大小是可以调整的,把事先做好的背景图插到编辑区,图的大小和位置也是可以自由变换的。接着把文字依次插入到编辑区里, 这里我要说明的是,秀敏自带的字体是没有这样的书法体的,大家看到的字体和排版都是我在 ps 里先设计好,再导出成 pmg 格式后导入进来的。选中文字,点击动画,在自动效果中设置想要的效果就好了。 这里的文字出场动画,我设置的都是弹入动画,时长是一到二秒,除了第一行文字以外,下面的 文字都比上一行延迟一秒出现,这样就会有文字一行一行的依次出现的效果了。点击预览来看看最后的效果吧。 这个案例就是这样了,还算简单吧,刚刚讲的是全自动出现的效果。第二个案例来讲一个手动点击后又自动出现的效果。大家看这篇推文中写着,点击爱心,查看所有头像,我点击后,所有的头像也确实依次出现了。这个做法也很简单, 我们也先写好点击爱心,查看所有头像。这样一句话我只是给大家演示方法,不会把版面做的很精美,大家就将就看,学会了方法后,再举一反三,做出更精美的排版来哈。写好文字后,插入 svg 布局,进入编辑区,我就随意在系统自带的形状中找一个爱心,拖入动画区, 调整一下大小。这里不需要设置图片的动画,只需要设置转场效果就可以了。第一页要设置点击转场,而不是自动转场,这样才会有点击后出现其他图片的效果。这里设置的是弹出效果, 然后复制一下,得到第二张页面,把头像拉进来,调整一下大小,从第二页开始,把交互转场效果删除,设置成自动弹出效果。接着再复制第三张,把第二个头像也插入进来,方法和之前一样,第四个头像也是一样的操作, 我这里就不过多演示了。要说明的是,如果最后一个头像操作完了,那么最后一页的转场效果就要删除,这样就能停止自动转场了,我们来预览一下吧。我这里就简单做了四个点击后出现的头像,大家可以用这个方法尝试 做点不一样的画面效果。在秀米的 s v g 模板中找到点击显示效果,里面的模板就利用到了转场方法, 大家可以研究研究。我们再来看个有意思的案例。这篇推文的背景图片是一个地图的样式,点击地图上的路牌,就会弹出路牌名称,对应的地点介绍排版,非常有创意。这种效果用秀米的 spg 的点击弹出就可以做到。如果要做到这样有背景图片, 并且每个路牌都放在指定的位置上的效果,就需要线套布局,还要调整布局定位了,我这就来操作。 我们还是新建一个 scg 布局,因为路牌是产生动画的,而风景图片是动画发生后显现的内容,所以我们把路牌图片放在动画层,风景图片放在内容层,点击显示内容,就会出现内容框,把风景图片拖入 进来,再点击外面一层的 svg 动画层,点击图片,把路牌图片放进来,背景色改成透明,打开,点击穿透,把动画删除。现在内容图很大,我们就需要点击图片,在出现的菜单栏中选择适应,点击放大,缩小数值,这样图的高度就缩小了, 但是这张图片的长度还是有点超出了路牌图片没有被完全遮住,那我们就选中图片调整大小到路牌图片可以遮盖住风景图片就可以了。在手机上预览一下,这个效果就完成啦。 像这种点击一张图片,出现另一张图片的效果,大家还可以去左侧菜单栏中点击 svg 找到点击弹出。这里有一些模板供大家选择,比如这个日历模板,点击标红的日期就会出现其他图片,记得要在 手机上遇了,电脑上是看不出效果的哦。接下来就要做地图的布局了,点击左侧菜单栏中的布局中的基础布局,选择第一个就好。 把这个 svg 布局一整个拖到刚建好的布局里,这样路牌的大小和位置都方便调整了。然后再新建一个基础布局,把背景设置成地图图片, 背景图不重复。接着再把路牌布局拖进来,现在地图没有全部显示出来,可以向下插入空行地图会慢慢显示出来的。复制一遍路牌,再拖入进来,放在合适的位置,这样地图上就有路牌啦。 不过路牌的大小和位置还不是很合适,那就慢慢调整。在调整路牌的过程中,风景图可能又会显露一点出来,那就通过设置组前距和组后距调整他的位置,直到 它被遮住为止。第二块路牌可以移到右边,改变距离参数来调整它的位置。差不多就是这样了,在手机上预览一下。嗯,完成啦, 来看下一个案例。有些公众号的开头都会有自己的 logo 或者标语的动画,如果长按能完整地保存到手机,就说明这是一个 gif。 如果像这样看起来是在运动的,但是长按只有一张背景图,就说明其他元素是设置了 svg 动画。 我们可以用 sfg 图集来实现这个效果。先在 ps 里面画了和案例相似的图片,每个部分分别导出成 pmg, 在基础布局中下拉,找到 sfg 图集, 点击图集设置,把类型改成切换,后面的循环要记得周选上,想让图片切换的快一点就改一下,单张时长我改成了零点三秒, 然后把图片依次添加进来,动画效果都是可以改的,这样操作完后就可以预览了,看这是不是也不难。 暂时呢,就先分享以上四个 s c g 效果的制作方法,大家如果遇到其他的效果也可以来问我,不能保证所有的问题我都能回答的上来,但是我知道的一定会告诉你们,尽我最大的努力,让大家的排版不再难,那就先这样啦,拜拜!