不依赖「一键生成」的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.在线签名生成器免费,rpa,机器人,自动化yishuqian8.com在线免费艺术签名设计一键生成签名本站承诺永久免费在线生成艺术签名,步骤简单,只需要一键生成即可艺术签名,非常的简单好用 由于部分字体可能存在缺失情况,如果生成签名发现有问题,可以切换到其他字体生成艺术签名更多内容请查看https://yishuqian8.com/ https://www.wdlinux.cn/html/email/20241211/23845.html
2.字体转换器艺术字体转换器字体分类发现字体GT Sectra Trial Book 语言:英文 下载 GT Alpina Trial Cn Md It 语言:英文 下载 GT Eesti Display Trial Th It 语言:英文 下载 GT Flexa Mono Trial Lz It 语言:英文 下载 GT Alpina Fine Trial Lt 语言:英文 下载 GT Flexa Trial Cn Lt 语言:英文 下载传图识别字体 免费下载字体http://www.qiuziti.com/fontlist2?id=871857
3.常用字体在线生成器艺术字体在线生成器艺术字一笔签名设计 签名时飘逸潇洒,一气呵成! 花鸟艺术签名 将您的姓名转换为花鸟图画! 用名字写诗词 作一首名字诗词! 生日快乐诗词 生日快乐的藏头诗词生成器! 谐音梗生成器 有意思的谐音梗文案生成器! 火星文转换器 简繁体字、火星文一键转换! 流光字表情包 http://www.yishuzi.com/b/21.htm
4.字体转换器在线转换艺术字体在线生成器设计第一字体网为您提供最全的字体转换器在线转换、艺术字体在线生成器和字体下载,包括书法字体在线转换、毛笔字在线生成器,更有草书字体、篆体字、连笔字、POP字体转换器等中文和英文字体。https://www.diyiziti.com/
5.在线字体转换器字体列表/点图片快速转换 花体字生成 所有转换的字体可以用来欣赏,也可以作为比较各种字体看你更喜欢哪一种,如果需要使用,特别是商业使用请一定要向开发者索取版权!下面附带正版字体网站官网资料,你可以根据喜欢的字体名称找到对应的官方网站,请使用正版字体。 http://www.akuziti.com/
6.在线字体设计在线字体转换艺术字体在线设计转换生成在线字体设计网收集整理艺术字体美术字体pop字体等创意字体,集成艺术字体在线设计智能实现毛笔字体在线生成矢量,提供行书草书楷书篆书隶书等书法字体在线转换,请牢记天空字体 www.skyfont.comhttp://www.skyfont.com/
7.Ai艺术字体在线生成艺术字转换器字体转换器上一个艺术字体 下一个艺术字体 艺术字体在线生成控制台(增加倒影、投影、渐变等效果) 艺术字体 叶根卡通恶魔尾巴美呗嘿嘿体庞门正道细线体铁蒺藜体淘淘字体汉仪彩蝶体简汉仪海纹体华康金文字体腾祥相思简下雨了哦足球宝贝甲骨文字体哥特式字体海星田螺听不到啊圆圆字体我初恋了西良文字落落汤圆迷你双线秋生书法虾皮铭记https://www.yishuzi.cn/
8.免费字体万能转换器软件在线免费字体转换生成器:一键生成独特的在线免费字体转换生成器:一键生成,独特的字体设计 1.简介 在当今的数字时代,个性化字体设计越来越流行。无论是在社交媒体、海报设计还是日常文档中,独特的字体设计都可以使内容更具吸引力和创意。本文将向您介绍几种在线免费字体转换生成器,它们可以让您轻松生成独特的字体设计,为您的创作增添色彩。 https://font.nuanque.com/?p=3354
9.设计神器丨免费一键在线生成高大上艺术字体艺术字体具有美观有趣、易认易识,醒目张扬的特性,一直是设计师的偏爱。标题、海报、LOGO设计、电商、视频等应用场景都会用到艺术字体。很多人会问,去哪里免费下载艺术字体?不会ps有没有一键生成字体的快捷操作?想要自由调整字体大小和颜色怎么办?GEETYPE极字和风字库上线一款字体转换器,上百款字体任你挑选,几十种精http://www.geetype.cn/baike/3a289cfa96dd4340befb6ee45e895634.html
10.免费logo设计在线制作公司logo在线设计一键生成器万动力,为企业,公司,个人,店铺,品牌VI,网站提供商标自动在线logo生成,文字图标图片设计,标志艺术字体设计,字母头像制作,姓名字logo设计,创意loog制作,英文logo,无水印透明logo,可自己下载源文件.https://www.wandongli.com/
11.logo一键设计,设计logo免费,公司logo设计免费制作,免费logo在线标老哥(原变色龙)为领先的AI人工智能logo免费生成平台,提供logo一键设计,设计logo免费,公司logo设计免费制作,在线制作logo图标免费,免费logo在线生成免费,logo设计生成器,商标在线生成器,商标名称起名等服务。https://www.84logo.com/
12.免费商用字体特效在线生成器搜图神器一键搜索免费版权图库下载 字体特效生成器炫酷字体文字效果在线生成免费下载 滤镜特效神器上传图片,一键生成各种滤镜效果 超过500万用户的AI智能logo设计神器!标小智是国内领先的品牌创建平台。快速在线设计公司logo,生成企业VI,打造属于你的个性品牌。 https://www.logosc.cn/zitixiazai/
13.logo免费设计在线生成工具下载通过内置ai,智能人物/物品抠像,一键操作,方便快捷 6、图片去水印 框选屏幕上水印所在的区域,适用于去除背景简单的水印 7、图片加水印 水印类型支持文字、图片、画笔,超简单制作专属自己的水印效果 8、签名设计 输入您的名字,个性定制您的签名,快速生成免费字体签名 http://www.winwin7.com/azapp/66291.html
14.免费logo在线制作,logo设计,logo在线生成,字体logo设计,U钙网U钙网遵循标志logo设计理念的艺术规律,创造性地探求恰当的艺术表现形式和手法,使所设计的标志logo具有高度的整体美感、获得最佳视觉效果。 最新原创设计更多 免费LOGO设计案例 最新图标字母图标动物图标厨师美食房屋建筑植物图标龙凤神兽商标设计文字设计欧式花纹 https://www.uugai.com/
15.在线作诗机一键生成爱情藏头诗藏头诗在线生成器艺术字体设计网藏头诗网在线为您提供在线藏头诗,藏头诗在线制作,姓名藏头诗,爱情表白藏头诗生成器,在线作诗网,在线网名名字作诗,想向自己心爱的人表白,但又不太好意思,这时可以把自己要说的话做成一首诗,再送给她,让她感觉到你的心意。这就是现在很流行的爱情表白藏http://cts.qt86.com/
16.艺术签名在线生成器艺术签名在线生成器使用非常方便,只需输入你的名字并选择款式就可以一键生成了,完全免费,不限制次数,你可以完全自由发挥. 最高支持四个字的中文名字设计,如果是英文名请进入英文签名设计专用页面,这里只能输入中文,英文显示乱码。 艺术签名在线生成软件经过多年的迭代,现在是7.0版本,更新了多处细节,如调整签名字与字的http://www.kachayv.cn/
17.一键logo设计logo设计制作生成器一键logo设计是一款logo设计制作生成器,广泛用于公司logo设计、企业logo设计、品牌logo设计等设计场景,拥有丰富的logo图片、字体等logo素材,同时满足文字logo设计和图片logo设计需求.https://www.xunjiepdf.com/yjlogo
18.智能logo设计logo在线设计制作logo一键生成输入需求,一键智能设计 定稿评估对比,通过率未知 注册 通过率 在线评估对比,注册通过率高 定稿概不退换 售后 服务 7天无理由退换,1年logo双享 设计,因智能更出彩 智能生成 INTELLIGENT GENERATED 语义联想,以图生图,比设计更懂设计 智能匹配 INTELLIGENT MATCHING https://logo.xwzn.cn/
19.商标字体设计生成器(创意logo一键生成器)快速生成logo软件湖北省高级人民法院通常使用什么软件来设计职业品牌公司回答承担专业的设计标志设计师将使用两个软件,这两个专业的矢量排http://www.hkkaixin.com/content-57-187590-1.html
20.字体设计免费生成,免费字体设计生成工具,尽在这里!想要免费生成独特的字体设计吗?来体验我们提供的在线字体生成工具,轻松制作个性化的字体样式,快来试试吧! ,理想股票技术论坛https://www.55188.com/topics-5532266.html
21.字体LOGO设计免费生成器字体LOGO免费设计在线生成字体LOGO设计在线生成 找到109 个字体logo设计,或继续搜索logo图片素材 开始生成 今日LOGO下载2520个 | 累计生成8,390,869个 |可商用授权 自定义品牌Logo及品牌色彩 支持可印刷源文件下载 所有元素和字体均有商用授权 Ai一键生成 最新免费字体LOGO设计在线生成案例 https://www.logomaker.com.cn/logo/tag/3566/
22.英文签名设计英文艺术签名设计免费版在线生成点击图片可快速生成签名 潇洒英文签 帅气英文签 时尚大气英文签 连笔英文签 英文商务签 英文花式签 英文花体签 英文书法签 手写英文签 一笔英文签 英文艺术字体 英文美术体 连笔英文风格 连笔装饰英文体 简化英文签 个性英文签 英文浮夸签 飘逸英文签Copyright 2022 - 2026 www.uustv.com 联系我们:umjoy#foxmail.http://m.uustv.com/yw.php
23.logo免费设计在线生成字体商标标志在线制作logo在线制作_logo免费设计在线生成_字体商标标志在线制作_公司店铺标志设计-客来鸟logo网站https://www.ailogovi.com/
24.395工具花鸟字生成 字形演变 钢笔书法 书法大师 书法电子书 书法百科 碑帖法宝 書道Shodo ?绘画作品共3个 丰子恺漫画 邱忠均木刻 王子彬国画 字体设计共16个 古风书法字体 设计师签名 指纹签名 天空字体 英文手写字体 在线书法字体 多体书法字典 设计师字库 http://we.h12345.com/
25.设计LOGO必备的6个免费字体网站干货收藏特效字体常见于海报设计、PPT设计以及logo文字创意设计中,按照以往经验,这些吸人眼球的字体效果都需要通过ps来实现,虽然很好看,但是对我们普通人来讲,学习成本操作难度有点大。 网址:https://www.logosc.cn/text/ 推荐给大家一个字体特效生成器,输入名称在线生成各种字体特效,并完全免费开放使用,一键搞定字体效果创意https://www.niaogebiji.com/article-164870-1.html
26.艺术字在线设计生成器艺术字体生成器手机版下载艺术小编在这里给大家介绍几款关于艺术字体生成器的软件,它们包含了很多种的字体,让大家都可以选到喜欢的字体,而且转换的速度也快,方便你及时向他人展现你独到的眼光,操作方式也很简单,只需要你将文字输入进去就行了,没有其他特别的要求,如果大家喜欢的话欢迎来下载哦!https://www.itmop.com/key/ysztscq/
27.字体导航免费字体商用图片设计师实用百宝箱字体传奇设计导航提供,免费可商用字体,商用图片网站,中英文字体,书法字体,字库字体,字体大全,PSD矢量素材,LOGO生成,等海量设计师学习导航,字体教程,LOGO教程,国外设计教程,https://hao.ziticq.com/
28.设计神器Calligraphr免费在线生成矢量字体网站!一个免费的在线创建字体的网站,只需要将对应的文字写在提供的模板里,就可以快速地将我们的手写字生成一套字体。生成字体的版权属于自己,可以字由使用或分享传播。https://uiiiuiii.com/software/384519.html