不依赖「一键生成」的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.输入文字生成图片有哪些APP推荐输入文字生成图片有哪些下载豌豆荚输入文字生成图片有哪些榜单为您提供最新输入文字生成图片有哪些大全,这里不仅有输入文字生成图片有哪些安卓版本APP、历史版本应用下载资源,还有类似输入文字生成图片有哪些的应用推荐,欢迎大家前来豌豆荚下载。https://www.wandoujia.com/bangdan/405788/
2.文字生成图片软件有哪些?这些ai绘画软件分享给你你是否曾经想过,如果一段文字能够变成一张图片,那该有多么有趣呢?或者你需要在社交媒体上发布一些有趣的图片,但是却不知道该怎么做?别担心,现在有很多ai绘画软件可以帮助你解决这些问题,那么,你知道文字生成图片软件有哪些吗?一起来了解下吧。文字生成图片软件盘点一:AI智绘(手机端)你想要学习绘画吗?你https://baijiahao.baidu.com/s?id=1769192061793052063&wfr=spider&for=pc
3.ai输入文字生成图片的软件文字描述ai生成图片免费软件文字生成图片 ai绘画大师app v1.5.9最新版47.3M / 2024-07-05 下载 AI艺术绘画工具最新版 v1.1安卓版28.6M / 2023-04-21 下载 fantasy ai绘画软件 v3.8.5安卓版70.0M / 2023-09-25 下载 aimegen安卓(ai绘画) v2.1.6725.7M / 2023-04-20http://m.5577.com/k/fcptdl
4.在线立体文字生成器——发现艺术字体分类,一键转换生成独特字体设计在线立体文字生成器提供了多种字体样式,涵南构星烽立体、逗趣立体黑等客户可以按照本人的需求选择合适的字体。 2. 简单易用的操作界面 该生成器界面简洁,操作简单。使用者只需输入想要转换的文字,即可一键生成立体字体。 3. 无需安装任何软件 在线立体文字生成器无需安装任何软件,适用于非电脑专业人员,操作门槛低。https://www.yanggu.tv/webgov/aizhishi/71097.html
5.文字转图片用什么软件?这篇文章告诉你文字生成图片的软件有哪些分享原因:一键AI绘画这个软件的算法非常先进,可以生成出很多细腻的、逼真的艺术作品。你可以根据自己的喜好选择不同的主题和风格,另外,除了文字生成图片,它还支持一些其他的功能。比如说,它可以为你的照片添加上水印,更好的保护你的权益,还有一个老照片修复功能,可以通过AI算法进行修复你的老旧照片。当然,这些都是附加https://blog.csdn.net/xiehewe/article/details/130625209
6.文字生成图片软件有哪些?三个平台帮你搞定文字生成图片我对于AI绘画很感兴趣,因为我小的时候想成为一个画油画的画工,但是搞艺术很费钱,我只能向现实投降。毕竟人生不止有理想,还有柴米油盐。或许AI绘画在种程度上圆了我的梦想吧,只要把文字输进去,软件就会自动帮你生成图像。那么文字生成图片软件有哪些?一起来看看吧。https://cloud.tencent.com/developer/news/1051926
7.输入文字自动生成图片的叫什么软件输入文字自动生成图片的最近AI绘画非常的火,可以直接输入文字自动生成图片,功能非常的强大,一些朋友不知道输入文字自动生成图片的软件叫什么,其实这些AI绘画生成软件有很多,小编收集了一些输入文字自动生成图片的app,下面一起来看看。 输入文字自动生成图片的软件: UniDream AI绘画软件:http://962.net/azsoft/582405.html http://www.962.net/wz/176510.html
8.信息技术应用能力提升工程2.0工具软件集锦快速制作动态图片 快速将多个视频合开为一个视频 快速转化视频格式 qq影音官网下载地址:https://player.qq.com/ 讯飞语音输入法 在电脑上语音快速转文字,在手机上(APP)实现语音快速转文字,在手机上实现“随声译”。 天若OCR(电脑软件) 天若OCR是一款文字识别工具,直接图便能生成文字内容;具有对文本进行识别、编https://www.meipian.cn/3b1ahl50
9.卷王都在用!100款宝藏级AIGC工具分享,强烈建议收藏!!英文拼写检查工具Grammarly也推出了AI服务GrammarlyGo,它可以根据用户输入的关键词提示来生成邮件草稿,或是帮现有文章更换语气与文字风格、调整文章的长度等,并为主题写作起草大纲。网页链接:https://app.grammarly.com/12、火山写作WritingGo:翻译润色一键到位火山写作是字节跳动推出的一款写作助手,目前已支持全文润色的AIhttps://www.changbiyuan.cn/news/2023/news_0711/69335.html
10.认定这款ai文字生成图片软件,高效设计更轻松!随着人工智能技术的不断进步,AI文字生成图片软件已成为当今设计与创意领域的新宠。这类软件能够根据用户提供的文字描述,智能生成符合要求的图片,极大地拓展了设计的可能性,并简化了图像创作的流程。万彩商图在众多同类软件中凭借其卓越的功能和便捷的操作,成为了一款值得推荐的AI文字生成图片软件。 https://www.yunzhan365.com/blog/10172.html
11.图片批处理神器美图淘淘一键批量美化如图04所示,在软件的“文字”功能页面下,首先输入要添加的水印文字,然后分别定义一下字体样式、颜色、大小等,点击“应用”按钮就可在图片上看到效果了。你还可以拖动鼠标将文字进行合理的位置摆放哦! 图04 批量为图片添加水印 四、一键生成图片,批量美化大功告成 https://g.pconline.com.cn/x/301/2649488.html
12.输入文字生成图片的软件下载输入文字可以生成图片的app下载今天给大家带来输入文字就能够自由的去生成图片的软件,软件中你只需要输入文字就可以生成你想要的图片,超级好用的AI绘画功能等你来使用,操作起来超级的方便哦,有需要的朋友千万不要错过了!http://m.yx007.com/k/srwzsctpdrj/
13.分享5个能实现文字生成图片的软件随着AI(人工智能) 的发展,如今能够实现文字生成图片的软件已经越来越多。本文分享了5个能实现文字生成图片的软件,包括即时设计、DeepArt.io、Prisma、Pikazo和DALL-E。这些软件能够在艺术创作、设计领域、游戏开发等多个领域发挥作用,大大提升创作者的效率,也为创作者提供更多的可能性和灵感。尽管大部分软件都由国外开https://js.design/special/article/text-to-photo-software.html
14.文字图片生成器软件首页 安卓 苹果 专题 软件 游戏 资讯文字图片生成器软件3D文字图片生成器 v1.6 841.16KB | 图像制作 下载 猜你喜欢MentalCan v1.0.19461.0 10.82MB | 图像制作 下载 威尔克姆 v9.10 34.84MB | 图像制作 下载 varicad2022 v32/611 125.91MB | 图像制作 下载 Autodesk Revit 2021(附序列号) v2026 11.1https://m.crsky.com/mip/tag/wenzitupianshengchengqiruanjian.html
15.改图鸭改图鸭作为在线版图片格式处理工具,提供图片编辑、图片格式转换、图片压缩等大量的图片处理功能,用户不用下载任何软件,只需将图片上传到官网即可对图片进行编辑,方便快捷https://www.gaituya.com/
16.18个简单易上手的AI软件推荐,图片文字换脸无论是二次元、古风美女、风景建筑等,都可以利用Pixso AI一键生成。AI 系统会根据提供的文本内容,尽可能地解读和还原设计师的意图,提供个性化的图像生成结果。 创意激发:AI绘画生成软件免费Pixso AI文本生成图像功能不仅可以用于快速生成具体的设计元素,还可以用于创意的探索和激发。设计师可以使用简单的文本描述来表达https://pixso.cn/designskills/ai-software-recommendation/
17.文字图片生成器官方下载文字图片生成器最新版v2.3免费下载文字图片生成器最新版是一款简易实用,功能全面的图片生成软件。文字图片生成器官方版功能实用,能够自定义转换出来的图片大小和格式。文字图片生成器最新版还可以自定义文字颜色、背景颜色,调用第三方文件浏览器(如es文件浏览器)选择对应的编码(ANSI、UTF-8)可以读取本地文件,然后批量转换,有喜欢的小伙伴快来下载吧! https://soft.3dmgame.com/down/217971.html
18.人人都是画家——试用图片软件startai图片软件startai应运而生,目前已进入测试阶段(贝他版)。出于新奇我从startai的官网上下载了此电脑软件,并且用若干实例试试其“本领”,感觉挺有意思。Startai的文字生成图片功能只限输入英文,由软件根据文字的意思生成512X512像素png格式的图片,可以导出保存。https://www.jianshu.com/p/404a873c8e82
19.设计神器!5分钟就能上手的动态文字生成网站–SpaceType通过文字大小的变化做出层叠的空间延伸感,可以任意改变层叠数量、远近距离差、文字字体等,炫酷前卫的字效说来就来! DANGER-文字消散 时髦流行的文字消散动态效果!文字字体、字重颜色、消散程度等等完全自定义!没有繁琐的步骤~超吸睛文字效果简单生成! STRING-路径混合轴 https://uiiiuiii.com/software/324848.html
20.易词云用文字组成图形,在线生成「字云」易词云是一款简单易用的在线生成「字云」的服务,能够让自定的文本内容组成预设的图形。@Appinn 来自发现频道的推荐。 青小蛙印象里,这样的图片常见于户外广告,以及各种营销内容。 易词云 生成的图片还是非常精致的,不过后台设置界面有待优化。 可以设置最多 5 种颜色,以及自定义背景颜色,自定义字体大小。 https://www.appinn.com/www.appinn.com/ywordle/
21.图怪兽作图神器在线海报编辑器PS图片制作图怪兽作图神器,是一个在线ps图片编辑器,它相当于ps精简版软件,可提供微信编辑器功能,在线ps照片处理,拼图,图片制作,在线设计,平面设计,海报设计,在线图片处理等功能。图怪兽作图不求人处理简单易用,这款在线图片编辑软件让设计海报模板图片更轻松,帮助企业视觉营销投入成本http://www.pikhive.com/
22.AIDN:动态文字图片生成器新媒派AIDN是一个动态文字图片生成器,可以让你用文字来制作有趣的动画图片。你只需要输入你想要的文字,然后选择不同的动画效果和颜色,就可以生成一个 GIF 图片。https://pidoutv.com/sites/11457.html
23.图片编辑软件手机版免费图片编辑软件加文字图片编辑软件哪个好用?怎么下载?这是小编整理的免费图片编辑软件合集,都是手机上下载使用的,可以加文字,功能非常齐全,操作便捷,有了它你就是朋友圈、社交媒体上的靓仔,喜欢修图的小伙伴千万不要错过哦,赶快点击进来看看吧!https://www.lanrentuku.com/zhuanti/lsbkmhd/