不依赖「一键生成」的App,你该如何做张优雅的长文图片?

如果你只是单纯需要制作一张长文图片,那么不少写作App中自带的导出为图片功能基本上就能满足了,例如桌面端的Typora、Bear和Markdown,移动端的锤子便签、Zine等等。我们只需要在App中直接撰写对应的内容,在导出时选择图片格式即可。

一般而言,上述这些App生成的图片效果都还不错,有些App还提供了自定义样式选择。而有些App(例如Typora)甚至还支持通过CSS完全自定义排版,可以说非常专业了。

不过,这些软件虽然提供了导出为长文图片的功能,但在很多时候可能却不尽如人意。例如,你没办法去控制字体的大小、行间距,以及字体、图片宽度、图片分辨率和精细度等等。即使可以,很多也都需要通过Typora这样,需要在CSS中进行调整,门槛较高且不够灵活。

除此之外,一些更有设计感的长文图片,这些App也都是无能为力的。所以如果你有更高阶的需求,那么不妨继续往下看。

App代劳的方式束缚太多,那么为什么我们不直接来排版呢?通过更加专业的排版设计软件,制作出一个完全符合我们预期的效果,其实并没有这么难。

如果要对图片中的每一个细节进行自定义,那么先不要急着打开电脑。首先先问自己:自己的审美大概在哪个水平?如果你觉得自己做出来的效果并不比App自动生成的更好看,或者你不太清楚自己到底要什么样的长文图片,那么我建议你先好好想想这个问题,不然做出来的效果可能并不能满足你的预期。

另外需要考虑的一个问题是你的能力水平。如果你是一位专业的平面设计师,那么相信你已经是轻车熟路。但对于大部分没有接触过专业设计软件的同学来说,即使你有了足够好的审美,想要做出十分漂亮的长文图片也是有一定难度的——毕竟设计还是一门需要软件技术和美术功力双重修养的学科。

上面这些问题你有了答案,并决定继续往前之后,就到了「选择什么软件」的处境。这又是一个负责且庞大的问题,根据你想要的效果和能力水平,可以有无数种搭配。因为每个人的需求不同,熟悉的操作系统和软件也都不同,所以这里其实我没法给出什么好的建议。或许有时候你听身边的朋友说某软件好用,尝试一番却发现还不如用之前的「土办法」来的顺手,严重影响了进度,那么在这种时候,保障更优质的产出结果和更高的效率可能是更好的选择。

目前我自己的需求,最合适且用得最顺手的软件是Sketch。其他诸如Figma、AdobePhotoshop,甚至PowerPoint、Keynote,都是可以的,不要太纠结于某一款。它们本身也不是互斥的关系,当遇到了某个软件无法支持的功能时,再请其它的帮手来完成就可以。就好比有时候我需要一张抠掉背景的图片,而Sketch做不到时,那么Photoshop、TouchRetouch就可以出来帮忙了。

非要推荐几款的话,Mac上我推荐Sketch和Figma,Keynote次之。Windows因为用的不多,这里就不班门弄斧了。但是我确实是不太建议用Photoshop来做完全所有的工作,毕竟从我自己的体验来说,Photoshop在处理这些大量文字和长图片的时候,性能表现总是不如人意。在Sketch中能够流畅滑动的图片,到了Photoshop里就变得一卡一卡的。

走完了上面的步骤,也还是先别急着动手。长文图片排版的核心不是「排版」和「图片」,而是「长文」。有了好的内容,后面的包装才有了登场的必要。试想如果没有一部好的剧本,那么再厉害的剧组和演员,到了现场也都只能干瞪眼。

若你接下来要做的一张长文图片不是其他人分派给你的工作,那么请一定把核心放在图片中的文字内容上。不需要多么华丽的修饰,但一定要通顺,的地得也要用对,接着还要能把事情说清楚,直白明了,生动有趣。

现在,有了顺手的工具和优质的内容,我们就可以打开电脑和软件开始操作了。这里我会以我习惯使用的Sketch为例来讲解,不必拘泥于具体的功能和操作本身,希望能给大家提供一些思路,就当是抛砖引玉。

考虑到长文图片的使用环境一般都是手机,因此在创建画板时,主要考虑的还是图片的宽度。这是因为后续一旦调整了宽度之后,很多细节就要全部跟着一起更改,所以我强烈建议以目前手机主流的分辨率来定图片宽度。我习惯用的是1440px,比1080P略高一些像素,这样就可以在绝大部分手机上都获得清晰和接近的效果。

另外还需要注意如今全面屏手机的形态问题。一定不要将标题放到太靠图片顶部的位置,留出适当的空白空间,避免在点开长图时造成内容被手机顶部的挖孔、刘海或水滴遮挡。

而长度则基本不需要担心,不够了就继续加,加到足够为止。

现在,我们可以将写好的内容复制到画板中,开始对内容进行排版。针对这些在屏幕上阅读的内容,需要注意以下几点。

不知道你有没有看过父母的手机,或是在一些App上开启老年模式。它们之所以会让我们觉得「难受」,不仅仅是因为很多厂商的解决方案只是单纯地放大字体,更是因为在手机屏幕这种宽度资源十分有限的设备上,造成的信息密度严重下降和阅读时频繁换行,我们的眼球需要不停在行与行之间进行跳跃所导致的。

如果你还不太理解「眼睛跳跃」是个什么感受,你可以拉一个很窄的文本框进行中英混排,相信就会立刻明白这种体验会有多么折磨眼球。千万要记住,就算手机屏幕窄,也要尽可能利用每一分空间。宁愿缩小文字,也不要让一行只出现几个文字然后不断换行。

小时候老师告诉我们,作文开头的时候要空两格,不然考试的时候就会被扣分。尽管老师不厌其烦地提醒,但总还是还有人会因为这个问题而被扣分。

那么,开头不缩进之后,段落区隔这个问题要怎么解决?别着急——

为了解决开头不缩进的问题,我们就要借助段落距来对段落进行分隔。段落距指的是两段文字之间的留白空间,它没有很死板的规定一定要空多少,只需要能让读者有明显能感知到的段落区隔即可。如果你实在是偷懒不想搞,那么直接按两下回车,在中间空一行,也勉强算是个解决办法。

行距则是段落内每一行文字之间的距离。一般来说,不少字体本身自带的1倍行距在移动设备的小屏幕上显示会出现过密的问题,容易将字体糊成一片,不利于阅读效率,因此我建议在排版时将行距适当增加。不过,我依然没有办法给出一条可以直接供你使用的法则,因为具体的行距大小受到的影响因素也非常多,例如字间距、字体大小、字体类型等等。你可以根据你的实际情况尝试多种不同的距离,直到调整到一个适合手机阅读舒适的数值。

要注意的是,字与字的间距尽量不要去调整,因为很多字体在出厂时就已经帮你调好了最佳间距。

由于屏幕设备本身的宽度较小,如果仍然采用原有的左对齐,那么在一行的结尾就非常容易出现凹凸不平的情况。这时候,如果采用了两边对齐的形式,那么至少能保证左右两侧都一样宽,进一步加强读者对段落区隔的感知。

但是要注意,两边对齐后,文本框的宽度应该以字号的整数倍来进行选择,否则除了最后一行之外,前面的内容字间距都会因为需要两端对齐而被强行拉开,使得页面不美观。

随着即时通讯软件的诞生,很多时候人们已经习惯使用空格或直接发送多行文字来替代标点对句子的分隔作用,导致如今很多人对标点符号的用法产生了误解,「一个逗号用到底」就是不少人的实际写照。

但除了用好标点符号之外,其实在排版中我们还要了解更多的知识。同样回到小时候,老师也会不断和我们强调要把标点符号当成一个字来看,除非它在段落的结尾,否则它占用的一定是作文纸里一个字的空间。唯一的例外则是当冒号和引号、引号和句号同时出现的时候,才可以把两个标点符号放在一个格子中。

首先,我们需要了解两个概念:全角符号与半角符号。前者指的是不管什么情况下都占一分宽(可以理解为作文纸里占一格宽度)的中文标点,后者则指的是只占半分宽的标点。

目前大部分的情况下,中文排版都会默认都采用全角符号。但这样其实并不美观,最明显的例子就是文字的「推出」:由于句号、逗号这些标点符号不能出现在新一行的开头,所以很多软件采用的都是推出的方式,即将上一行的最后一个字推到下一行,后面再接上标点。然而,这就会导致上一行缺少了一个文字,如果打开了两段对齐,那么就会拉大字间距,让读者在阅读时产生这样的感觉。

那么,我们需要怎么解决这个问题?这里就需要引入「挤进」和半角符号了。所谓挤进,就是将全角标点符号中的一些空间「挤掉」,替换成半角符号,把句子末尾的文字和符号一同压缩在一行内。这样,我们就保证了文字的舒适密度,同时还让段落的末尾实现最大可能的对齐。

在这里,我推荐大家可以了解一下「开明式」的排版方式,即用在一句话结尾的标点,如「。」「!」「?」用全角字符,其它句子中间的符号则采用半角字符。

或许在非专业的排版软件中,要做开明式排版、挤进和推出这样的操作非常繁琐,很容易让你产生「有没有必要」的想法。但仔细想想,为读者带来最佳的长文图片阅读体验,不正是我们的初衷吗?

中文与英文、英文与数字、中文与数字混排时,在二者衔接的地方空一格。如果在混排时衔接的下一个内容是全角符号,则这个空格无需添加。

此外,一些专有名词,也请一定遵守它的大小写规范,例如Apple、Google、GitHub等等。

在长文图片中,也会有不少需要在段落中出现图片的场景。不过相比于文字来说,图片内容要相对简单一些。

首先,图片的宽度一般是与段落的宽度等宽。如果下方需要添加注释性文字,行间距应适当缩小(有时候1倍行距都是可以的),且采用左侧对齐的方式。这是因为考虑到有些图片的说明文字较长,居中放置会对阅读的习惯产生微小的影响。

而图片的上下边距,与文字内容的上下边距一致或略小即可。如果图片添加有注释性文字,则以注释文字文本框的下边距来计算。

长文图片可以按照「电子书」的方向来选定字体和色彩。

如果你的内容风格偏向于文艺,那么方正悠宋、方正颜宋这种柔和的衬线字体是不错的选择,一些相对「高冷」或逼格的文本,则可以考虑思源宋体。为了彰显文艺感,可以使用字体的细体字重(一般Light即可,但尽量不要用UltraLight这种过细的),带来更加清新的感觉。

对于科技类、财经类这些更加正经且现代的内容,黑体就显得更加庄重,如思源黑体、苹方和兰亭黑。字重的选择上,标题可以用粗体,正文采用Regular即可。

色彩的选择上,尽量不使用过多的或对比度过于强烈颜色。例如最好不要同时使用全白或全黑,这种对比度非常的色彩用在一起,很容易引起视觉疲劳。想偷懒的话,可以参考一些电子书App的设计方法,将背景调整为浅灰色或浅米黄色,以达到模仿纸张的效果,事实证明它们确实能提供更舒适的阅读体验。

对于文字中的内容,就尽量采用一种颜色吧。如果要进行内容强调,用加粗的字重即可。实在需要,可以用一些温和的暖色来进行标注。

对于代码行或代码块这一部分还需要着重强调一下。由于这一类的内容有着比较特殊的性质,因此最好是选择能够与正文有明显区分的格式,例如背景块、字体和字符颜色等。这一块其实也有现成的方案供我们使用,例如VSCode、Vim等文本编辑器自带的主题,不必再自己造轮子。

这一块要展开讲其实就太庞大了,如果有兴趣的话还要自己不断去探索和尝试,这里就只是简单提一下。

对于装饰性元素来说,它们可以营造对应的氛围感,例如圣诞节中的圣诞树、铃铛、雪地和礼物,或是农历新年的鞭炮、年兽和红包这些元素,可以用于长文图片的周围装饰。但一定要注意,它们只是锦上添花的点缀,千万不要把太多心思用在这些上面,忽视了内容的重要性。

而「设计感」所涉及的面就更大了。总的来说,这还是与个人审美水平有关的东西,且不是一蹴而就的。只有不断欣赏更好的作品和不断尝试,才能越来越体现出这种感觉。平时多到Dribbble、Behance这些平台看看世界各地的优秀设计作品,相信会对审美会有很大帮助和提高。

其次还要注意一些平台的压缩算法问题。有些平台并不支持长度过长的图片进行原图上传,这时候就需要我们进行切图的操作。切图其实也是个有讲究的活,我们在分割的时候,最好是切在某个段落的结束。绝对不要强行将长图「对半折」,这样带来的体验会极其糟糕。

THE END
1.绘图软件全评测:十大专业工具提供强大排版功能,创建专业文本效果。导入导出功能:Vectr支持多种文件格式,包括SVG、PNG、JPEG等,方便导出设计。支持从电脑或网页直接导入图片。绘图软件评测总结 在评测这些绘图软件时,我们考虑了易用性、功能性、兼容性和用户需求等因素。每款软件都有独特优点,适合不同人群。为找到最适合您的专业绘图软件,需https://baijiahao.baidu.com/s?id=1818672816032537720&wfr=spider&for=pc
2.公众号图文排版用什么软件60秒读懂世界公众号图文排版用什么软件 微信公众号图文排版利器盘点:助你打造精美图文文章 在微信公众号运营中,图文排版是提升文章吸引力和阅读体验的关键。 如何选择合适的图文排版软件呢?本文将为您盘点几款实用的微信公众号图文排版软件,助您打造精美图文文章。 一、秀米编辑器https://blog.yyzq.team/post/372567.html
3.海报设计软件用什么软件?推荐5个设计师必备的海报设计软件Photoshop 是Adobe 全家桶中具有强大图形图像处理功能的软件,也是不少设计师选择进行海报设计的支持软件。作为一款专业的设计软件,Photoshop 所支持的绘画涂鸦工具、图层编辑、滤镜添加、文字处理等多重功能可以支持海报设计的功能,对设计师而言也能便捷地开展图文排版的相关工作。不过,Photoshop 在具有强大功能的同时也存在https://js.design/special/article/poster-design-software.html
4.真实案例,不用PS也能搞定500强专业图文排版的PPT技巧!今天我们拿出500强的PPT做案例,用一些更直接、灵活的思路和方法,帮你在PPT图文排版上提升专业性。 前几期Bobbie老师的图文排版教程中有提到,图片在PPT中的作用主要分为内容和修饰两种用途。 如果从PPT文档结构来看, 图片主要就出现在PPT中的2个位置: 封面 https://post.m.smzdm.com/p/ammqn4v4/
5.图文框排版是什么,使用Affinity进行图文框排版技巧软件版本:Affinity Publisher2 设计师在设计宣传物料、杂志内页以及产品包装时,常需要用到富有设计感的图文框排版。为了吸引受众目光,图文排版框不仅要传递内容,还要主次分明,融入丰富有趣的排版设计。那么图文框排版是什么?下文将介绍并讲解使用Affinity进行图文框排版技巧的教程。 https://www.affinitychina.cn/jiqiao/aff-publisher-tuwenkuang.html
6.2023v18.1.0印刷排版设计软件ID中文破解版安装图文教程【Adobe InDesign 2023 v18.2.1安装教程】 Adobe InDesign 2023 v18.2.1【印刷排版设计软件下载附安装教程】集成破解最新官方免费版安装图文教程 【Adobe InDesign 2024 v19.0.0,ID最新版,InDesign 2024免费版,InDesign 2024中文特别版安装教程】 Adobe InDesign 2024 v19.0.0【ID最新版】免费版 中文特别版安装https://www.yutu.cn/softhtml/softsetup_8342.html
7.小红书的图文用什么软件设计?怎么写图文?一、小红书的图文用什么软件设计? 1、Adobe Photoshop:可用于编辑、修饰和优化照片。你可以利用它进行图像的裁剪、调整亮度对比度、添滤镜和特效等操作,打造独特而引人注目的小红书图文内容。 2、Canva:让你能够轻松制作出专业水准的图文内容。从社交媒体封面、海报到卡片、宣传册,提供了各种规格和风格的模板,满足不同https://xueyuan.yixiaoer.cn/article/12932
8.十大排版软件排行照片排版软件哪个好图文编辑软件推荐→MAIGOO现代社会中,版式设计的完成效率因为一些排版软件而大幅提升,审美亦呈多元化发展,其范围涉及刊物、书籍、挂历、画册等等。maigoo小编针对这一领域,带来一批书籍/照片排版软件,其中InDesign、方正飞腾、QuarkXpress、PageMaker、FrameMaker、LaTeX等被广泛使用,下面来看看! 十大排版软件 01 Adobe InDesign 02 方正飞腾 03https://m.maigoo.com/top/419805.html
9.微信图文排版用什么软件微信公众号指南相信大多数人都不会设计这种滑动效果吧,不过别着急,壹伴助手这款好用微信编辑器就专门设计了能让图片滑动的排版样式哦! 下面小编就给大家介绍一下,怎么使用壹伴助手在文章中添加图片滑动样式吧! 壹伴助手是一款插件式的微信编辑器,我们在浏览器中下载并安装好壹伴助手插件后,进入到公众号后台的图文编辑页面,就能看到https://yiban.io/blog/21225
10.QuarkXPress2021forMac(图文设计排版布局软件)v17.0.3中文版还在寻找一款专业的图文设计排版布局工具吗?QuarkXPress 2021推荐给大家!QuarkXPress 2021是一款功能强大的图形设计和网页排版布局工具,它被设计师、出版商或印刷厂用来制作宣传手册、杂志、书本、广告、商品目录、报纸、包装、技术手册、年度报告、贺卡、刊物、传单、建议书、等等工作。它就像平面设计行业里的龙头老大一样!https://www.downpj.com/1494.html
11.排版软件免费下载手机排版软件app下载安装在我们的工作和学习中,免不了要接触图文的排版,拥有一款好的图文排版软件能够帮助您解决排版更美观且节约时间,本站为大家带来了图文排版软件大全,整理了专门用于设计和排版图文内容的工具,一起来了解一下吧! 135编辑器特别适合微信公众号文章的排版和内容编辑,提供丰富的样式模板和便捷的图文排版功能,为大家分别提供了https://www.32r.com/zt/178.html
12.方正飞腾图文怎么排版?方正飞腾图片和文字排版技巧其他工具方正飞腾中需要排版图片和文字,该怎么对图文进行排版呢?下面我们就来看看方正飞腾图片和文字排版技巧 GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用! 【如果你想靠AI翻身,你先需要一个靠谱的工具!】 方正飞腾是一款非常优秀的排版软件,利用它我们可以设计出非常优秀的版面。需要注意的是,方正飞腾排入文字与别的https://www.jb51.net/softjc/912781.html
13.Latex排版IASRS编辑和Microsoft Office Word 等所见即所得的办公软件不同,用LATEX 排版文档,首先要用文本编辑器编辑好tex 文档,然后通过各种程序编译,得到pdf 文档用于打印或者阅读。基本的排版流程如下图: 一般我们经常用pdflatex 或者xelatex 程序直接从tex 文件生成pdf 文件。如果是中文tex 文档,优先使用xelatex 程序编译。 WinEdt是http://www.iasrs.cn/translation.asp?id=38
14.「秀米秀米微信图文排版软件」免费在线试用怎么样收费价格秀米微信图文排版软件页面为您介绍秀米功能介绍以及产品定价、行业案例、文章点评等相关信息,便于您更快速的了解秀米微信图文排版软件.https://www.36dianping.com/space/4782100023
15.图文广告店设计师常用的软件和作用可以总结下吗?在图文广告设计中,熟练掌握各类设计软件对于设计师而言是至关重要的。这些软件不仅简化了设计流程,还为设计师提供了无尽的创意空间。接下来,我们将对设计师在工作中常用的软件及其作用进行详细介绍。 1.Adobe Photoshop Adobe Photoshop,简称PS,是设计师最常使用的图像处理软件之一。它提供了丰富的工具和功能,可对图片https://www.1651ky.com/Details/19074.htm
16.公众号排版用什么软件?探索最佳工具与技巧公众号排版用什么软件? 对于公众号运营者来说,排版是提升文章可读性和吸引力的重要环节。选择合适的排版软件,可以大大提升工作效率和文章质量。以下是几种常用的公众号排版软件及其特点: 1.秀米编辑器 秀米编辑器是一款广受欢迎的在线公众号排版工具。它提供了丰富的模板和样式,用户可以轻松选择并应用到文章中。秀米的https://www.banlikanban.com/info/tool/toolchat/8039.html
17.印刷排版软件有哪些好用免费印刷排版软件排行榜软件技巧探寻优质排版工具?本文带你领略印刷排版软件好用免费排行榜,精选多款高效、易学的软件,无论你是设计新手还是专业人士,都能找到满足需求的免费选项。从专业级到入门级,全面解析各软件功能与优势,助你轻松完成各类文档设计任务。 1.家谱族谱云排版工具 2.0 https://xiazai.zol.com.cn/jiqiao/234983.html
18.图文排版app哪个好用图文排版app免费版大全图文排版软件有哪些?大家在工作学习当中,需要写一些东西时,都是避免不了需要做一些简单的页面排版,这样才能让页面变得更加简洁美观,今天小编给大家推荐几款好用的图文排版软件,拥有海量的图文排版模版,各种风格的都有,适用于多种场合,写的东西页面更加清晰美观,让http://www.downcc.com/k/twpbapp/
19.11个实用svg编辑工具,高效图文排版必备!领域相关的技术,那么对SVG编辑工具的学习就需要提上日程了,与其他图像格式相比,使用SVG的优势在于SVG图像可以更加灵活,自由收缩放大而不影响图片的质量,还可以通过SVG代码实现可交互的炫酷动态效果,可以让你的设计活起来,一个合适的SVG编辑工具能够让你的学习旅程事半功倍,下面就跟着Pixso一起来看看这些冷门软件好用在https://pixso.cn/designskills/11-svg-editing-tools/
20.图文一键排版工具下载图文一键排版工具免费版下载2.78图文一键排版工具的软件界面是非常简单的,看上去没有太多的设计元素,主要针对图文信息的排版做文章,通过工作台上方的工具栏选择最适合当前以页面的处理方式,加大文字字号,修正图片的环绕方式以及图片格式大小,支持对素材的批量导入和输出,节省排版的工作时间,让专业的文字工作者们可以达到快速处理发表的目的。 https://www.golue.com/game/v567132.html
21.6种文案大神都在用的工具,排版设计页面网站小程序样样都有!4· Powerpoint:经典的快速设计工具。 |图文排版 1· Markdown Here:公众号最骇客的排版辅助工具。 其它:秀米/i排版/135编辑器 |视频制作 1· VUE:快速制作电影级的短视频。 2· 小影:新媒体短视频创作工具。 3· Powtoon:强大的在线动画视频制作工具,类似动画版的PPT工具。 http://www.360doc.com/content/19/0601/13/4914539_839608058.shtml
22.微信图文排版在线设计工具微信图文排版是指针对微信文章进行优化和美化排版,使得图文更加美观和易读。本专题页面将详细介绍微信图文排版的设计方法和工具,提供多样化的设计模板风格,并推荐适合使用的优秀模板。通过这些信息,您可以轻松完成微信图文的排版工作,提升文章的阅读体验及视觉效果。https://m.gaoding.com/features/wechat-article-layout-guide