专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

微信公众平台中的图文怎么弄呢_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 8:56:19       共计:3625 浏览

微信公众平台中的图文怎么弄呢?

版式设计对于微信公众号相当重要,直接影响了用户的阅读所以提高排版是运营者的必备技能。

【木梓设计】公众号就有很多设计排版的小教程

审美。

现在无论是微信文章还是其他场景,面对没有排版的文字,我都会瞬间失去阅读兴趣。下面将从文字、留白、图片、引导几部分来写。先来说说排版的作用。

001 排版的作用

首先要明确,排版是为了内容服务。好的排版,一定都是顺应人性的排版。

人天生缺乏耐心,如果没有经过排版处理,冗长的文章会给读者带来很大的信息获取压力。

排版的作用有三点:

正文排版,包括三部分:

1.文字:字号、颜色、标点符号、排版规范2.留白:字间距、行间距、段间距、页边距3.配图:封面图、配图、GIF

002 字号? 标题:推荐16px-18px ? 正文:推荐14px-16px ? 标注:推荐12px-14px003 颜色

文章中除了图片,正文全部颜色不要超过三种,颜色太多显得杂乱。另外,不要选择饱和度太高的颜色,就是日常所说鲜艳的颜色。

这些颜色看起来比较廉价,因为会对我们的情绪造成影响。

▍主题色

一种颜色作为主题色,可以用在标题、重点内容、二维码、头像、顶部和底部的引导等。

▍正文颜色

一种作为正文颜色,不建议用纯黑(#000000),手机端会比较刺眼,灰色会温和一点。常用的有:#595959、#3f3f3f

▍标注色

一种作为标注颜色,用作引用内容、注释、声明等。常用的颜色有:#888888、#a5a5a5

004 对齐

对齐方式主要有两种:左对齐、居中。

▍左对齐

左对齐型排版,首行不需要缩进。在中文书籍中,因为段落间没有间隙,所以需要用两个字符的缩进加以辨识。但在网页端和手机端,书本式的排版会让读者感到压力,大家改用空行作了段落区分。

▍两端对齐

没有了首行缩进之后,文章左侧像刀削斧砍一样工整。与之相对,右侧容易出现锯齿一样粗糙的边缘,英文排版中尤甚。

针对这种情况,可以在编辑器中,使用两端对齐功能,将右侧也对齐,显得更加精致。

▍居中 居中型排版 一句话一行 视觉在中央 所以呢 每行不要多 否则就像这句话突然让眼球扫一整行好费劲

另外,不同的对齐方式不要混淆在一起。否则就打破了整体上的视觉统一,不够舒适。

005 标点符号

标点的乱用,也会导致排版会乱。一些文字编辑对标点乱用是非常反感的。

我之前在朋友圈看到简书主编一鸣发文章说这个事,整篇文章用的都是咆哮体!一天审稿那么多,可以体会一下他的心情。

中文标点符号应全部使用全角符号,下面举出几个常用的标点符号。

▍引号

引号推荐使用直角引号「」,这个符号是「我的最爱」。引号中再用引号使用双直角引号『』。表示讽刺、反讽暗示、强调语气、人物对话时,使用弯引号“ ”。

直角引号可以在中文输入法中「特殊符号 — 标点符号」中找到,或者是用直接日文输入法输入,键盘上的括号键即是。

直角引号源自日文,弯引号源自英文。

相比弯引号,直角引号在汉字排版中更为优雅和美观,也避免了全角半角不分的同学乱用弯引号导致的格式错乱。

▍省略号

千万不要用六个句号「。。。。。。」作省略号,也不要用三个点「...」,三个点是英文中的省略号。中文省略号「……」在中文输入法下,用 shift + 6 打出来。

▍破折号

破折号占两个汉字空间,不能用连字符代替,即「--」,除了书本里,我现在很少看到有人打出标准的破折号了。

在中文输入法下,用 shift + - (键盘 0 右侧的键)打出来,即「——」。

▍项目符号

有时候文章中会有一些并列关系的条目和句子,可以用项目符号区分开。各种编辑器中都有列表功能,分为有序列表和无序列表两种。

有序列表:

1. 数字序列是最常见的有序列表。 2. 数字之外还有英文、罗马文序列等。 3. 数字后面加的是圆点而不是顿号。

无序列表:

● 小黑点是最常用的。 ■ 小方块跟中文搭配也很优美。 ○ 小圆圈多用于注释内容。

▍三角符

微信文章中经常可以看到各类三角符号,有各式各样的用处: ▲正三角经常居中放在照片下方,注释内容前面,起指示作用。 ▼倒三角经常单独居中成行,用于分隔两部分内容,引出下文。

▍分隔符

除倒三角外,还有很多符号,都可以用作分隔符。

分割线也是最常用的一种,各种编辑器中都有不同样式的分割线,是排版中很重要的元素。除了用在文中,也可以用在文末。

▍进度符

这是 i排版在一篇文章中提出的方法,我觉得也很有意思:

选择同一个小符号,用类似进度条的方式来标注,更换其中某一个或几个小符号的颜色,让读者知道文章读到哪一部分,起到提示进度的作用。

下面我用一个小符号来示范下:

第一部分? ? ? 第二部分? ? ? 第三部分? ? ?

PS:改不了颜色,我就先用斜体代替了。

006 排版规范

▍强调

在文章中,经常需要强调某一部分,通过设计在视觉上凸显出来。

引用 justfont 中的一段话: 借由底色、边框与不同字体的变化,告诉读者这一段很重要,也帮助快速浏览掌握重点。除了要特别讨论的上色之外,最常用的强调法不外乎「加粗」、「变斜」或是「加底线」。 加粗、变斜是透过墨色浓度或形状变化与正文对比,这发源自西方数百年的排版规则;加底线则是打字机盛行之后留下的遗产。

强调方式很多,但是千万不能乱用,更不能同时用在一个段落里,否则效果会让人很尴尬。下面进行一一说明。

▍下划线

下划线是打字机时代的产物,如今已经过时。如果用下划线进行强调,反而会喧宾夺主,对文字的阅读形成干扰。除超链接外,其他句子尽量不要使用下划线。

▍斜体英文从文艺复兴时期,就已经有了用斜体进行强调的排版规则。但中文不同,中文没有斜体,只有计算机程序变形的斜体效果。中文斜体后失去了中文字形原来的结构和美感,所以不要在中文中使用斜体。

▍加粗加粗是最理想的强调方式,也是最通用的做法。强调的时候除了加粗外,还可以改变字号或改变颜色。

▍引用开头的摘要、别人的资料、人物对话、重点语句,都可以使用引用功能。

▲引用功能

引用的内容要独立成段,如果来自别处,请记得加上引用说明。用了引动功能的句子,就是多了这句话前面那道竖杠。

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:tnt版本的为什么安装好是英文的_CSS学习 | ·下一条:华为笔记本屏幕触摸鼠标怎么恢复_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有