<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>设计工具 &#8211; mylogs.cn</title>
	<atom:link href="https://mylogs.cn/tag/%e8%ae%be%e8%ae%a1%e5%b7%a5%e5%85%b7/feed/" rel="self" type="application/rss+xml" />
	<link>https://mylogs.cn</link>
	<description>发现、记录、分享</description>
	<lastBuildDate>Sun, 11 Oct 2026 19:23:39 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Anyway.Fonts 字体预览工具发布：专为中文设计，免费免登录</title>
		<link>https://mylogs.cn/anyway-fonts-%e5%ad%97%e4%bd%93%e9%a2%84%e8%a7%88%e5%b7%a5%e5%85%b7%e5%8f%91%e5%b8%83%ef%bc%9a%e4%b8%93%e4%b8%ba%e4%b8%ad%e6%96%87%e8%ae%be%e8%ae%a1%ef%bc%8c%e5%85%8d%e8%b4%b9%e5%85%8d%e7%99%bb/</link>
		
		<dc:creator><![CDATA[steve, zhang]]></dc:creator>
		<pubDate>Sun, 11 Oct 2026 19:23:39 +0000</pubDate>
				<category><![CDATA[科技]]></category>
		<category><![CDATA[Anyway.Fonts]]></category>
		<category><![CDATA[中文字体]]></category>
		<category><![CDATA[免费工具]]></category>
		<category><![CDATA[字体预览]]></category>
		<category><![CDATA[网页应用]]></category>
		<category><![CDATA[设计工具]]></category>
		<guid isPermaLink="false">https://mylogs.cn/anyway-fonts-%e5%ad%97%e4%bd%93%e9%a2%84%e8%a7%88%e5%b7%a5%e5%85%b7%e5%8f%91%e5%b8%83%ef%bc%9a%e4%b8%93%e4%b8%ba%e4%b8%ad%e6%96%87%e8%ae%be%e8%ae%a1%ef%bc%8c%e5%85%8d%e8%b4%b9%e5%85%8d%e7%99%bb/</guid>

					<description><![CDATA[设计师在挑选中文字体时，常常要在 Photoshop 或 Figma 的字体菜单里反复试错。针对这一痛点，An [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">设计师在挑选中文字体时，常常要在 Photoshop 或 Figma 的字体菜单里反复试错。针对这一痛点，Anyway.FM 电台成员 JJ 借助 AI 开发了网页字体预览工具 Anyway.Fonts，并于 2026 年 9 月 22 日在少数派 Matrix 社区发布。该工具主打「更适合中文」，目前完全免费、无需安装、也无需登录。</p>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6ae510899a4d5&quot;}" data-wp-interactive="core/image" data-wp-key="6ae510899a4d5" class="wp-block-image wp-lightbox-container"><img decoding="async" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://mylogs.cn/wp-content/uploads/2026/10/image-6.webp" alt="Anyway.Fonts 工具封面图" style="max-width:100%;height:auto;"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption>图片来源：少数派</figcaption></figure>
<h2 class="wp-block-heading">解决中文缺字与预览痛点</h2>
<p class="wp-block-paragraph">作者表示，市面上虽已有 Typeface 等同类工具，但多数对中文字体照顾不足。随着低成本可用的中文字体数量远超十年前，不同语言版本与字符集让管理和对比变得更加费劲。Anyway.Fonts 允许用户输入一段文字（例如请帖上的「陈喆与林珺的婚礼」），勾选「只看不缺字的」，即可先筛出能完整显示该文字的字体，再慢慢挑选风格。</p>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6ae510899a73b&quot;}" data-wp-interactive="core/image" data-wp-key="6ae510899a73b" class="wp-block-image wp-lightbox-container"><img decoding="async" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://mylogs.cn/wp-content/uploads/2026/10/image-7-scaled.webp" alt="Anyway.Fonts 字体对比与海报样张预览界面" style="max-width:100%;height:auto;"/><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption>图片来源：少数派</figcaption></figure>
<p class="wp-block-paragraph">除常见的列表与网格模式外，Anyway.Fonts 还支持竖排预览，把字体卡片切成窄长版面，查看不同字体在网页竖排中的实际效果。工具内置了十几张不同风格的海报样张模板，涵盖大标题、整段正文、竖排、双栏、票券等类型，方便用户直接判断字体落进设计后的观感。</p>
<h2 class="wp-block-heading">完整功能与本地化处理</h2>
<p class="wp-block-paragraph">其他日常功能也一并补齐：最多四款字体并排、逐行或重叠对比，按风格筛选，预置更符合中文习惯的试字文案，筛选可变字体，以及字体收藏与账号同步。中文字体也会优先显示中文名。</p>
<p class="wp-block-paragraph">在数据安全方面，Anyway.Fonts 的字体文件全部在本机解析，不会上传到服务器。用户使用桌面版 Chrome 或 Edge 等浏览器打开网页即可直接使用；由于 Safari 安全策略较严格、无法读取第三方字体，该工具暂不支持 Safari。</p>
<p class="wp-block-paragraph">作者还提到，曾尝试用 Codex 制作自动补字的插件，但当前效果还不够理想，且涉及的版权问题尚未理清，因此暂未放出。Anyway.Fonts 会随实际使用需求持续迭代，目标是做成一个功能完整、照顾中文使用者的字体预览器。</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Penpot 还是 Canva？做图工具这样选</title>
		<link>https://mylogs.cn/penpot-%e8%bf%98%e6%98%af-canva%ef%bc%9f%e5%81%9a%e5%9b%be%e5%b7%a5%e5%85%b7%e8%bf%99%e6%a0%b7%e9%80%89/</link>
		
		<dc:creator><![CDATA[steve, zhang]]></dc:creator>
		<pubDate>Tue, 11 Aug 2026 18:43:20 +0000</pubDate>
				<category><![CDATA[经验与技巧]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[Penpot]]></category>
		<category><![CDATA[开源软件]]></category>
		<category><![CDATA[自托管]]></category>
		<category><![CDATA[设计工具]]></category>
		<guid isPermaLink="false">https://mylogs.cn/penpot-%e8%bf%98%e6%98%af-canva%ef%bc%9f%e5%81%9a%e5%9b%be%e5%b7%a5%e5%85%b7%e8%bf%99%e6%a0%b7%e9%80%89/</guid>

					<description><![CDATA[很多人想快速做一张海报、视频缩略图或社媒配图，打开 Canva 发现顺手又好用，可一旦想去掉水印、用 AI 功 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">很多人想快速做一张海报、视频缩略图或社媒配图，打开 Canva 发现顺手又好用，可一旦想去掉水印、用 AI 功能，就被挡在付费墙后面；想要把数据握在自己手里、彻底不订阅，又找不到办法。其实还有一条路：开源、可自托管的 Penpot。两者定位不同，按需求挑才不会白花钱。</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6ae510899b59b&quot;}" data-wp-interactive="core/image" data-wp-key="6ae510899b59b" class="wp-block-image size-large aligncenter wp-lightbox-container"><img fetchpriority="high" decoding="async" width="1200" height="675" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://mylogs.cn/wp-content/uploads/2026/08/3181b1758e20_header.webp" alt="Penpot 还是 Canva？做图工具这样选" class="wp-image-4484" style="max-width:100%;height:auto" srcset="https://mylogs.cn/wp-content/uploads/2026/08/3181b1758e20_header.webp 1200w, https://mylogs.cn/wp-content/uploads/2026/08/3181b1758e20_header-300x169.webp 300w, https://mylogs.cn/wp-content/uploads/2026/08/3181b1758e20_header-1024x576.webp 1024w, https://mylogs.cn/wp-content/uploads/2026/08/3181b1758e20_header-768x432.webp 768w" sizes="(max-width: 1200px) 100vw, 1200px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">图片来源：How-To Geek</figcaption></figure>





<h2 class="wp-block-heading">一、先看清两者的本质区别</h2>



<ol class="wp-block-list"><li>Canva 于 2013 年上线，是成熟的 SaaS（软件即服务）在线设计工具，界面直观，几分钟就能做出像样的图；但它属于云端服务，<strong>无法自托管</strong>，大量 AI 功能（如 AI 生图、智能编辑）锁在付费订阅里。</li><li>Penpot 是开源项目，可免费使用，专业版按官网注册页同样免费；最关键的是它能<strong>自托管</strong>——原作者用 Docker 几分钟就跑了起了来。代价是上手门槛比 Canva 略高。</li></ol>



<h2 class="wp-block-heading">二、想要完全掌控数据，来自建 Penpot</h2>



<p class="wp-block-paragraph">如果介意把设计稿存在别人服务器，或不愿再开一个订阅，可以按下面步骤自己搭一个：</p>



<ol class="wp-block-list"><li>准备一台常开的电脑或小型服务器，先装好 Docker。</li><li>用 <code>wget</code> 下载官方提供的 docker-compose 配置文件（YAML 格式）。</li><li>把服务端口改成 <code>9001</code>（也可自定义），在文件所在目录执行 <code>docker compose up -d</code>。</li><li>浏览器打开对应地址即可使用。左侧常驻「图层 / 素材 / 变量」面板，中间是画布，右侧放设计元素；熟练后快捷键比 Canva 更顺手，例如按数字键 <code>2</code>、<code>9</code> 直接调透明度。</li></ol>



<h2 class="wp-block-heading">三、只想快出图，Canva 更省事</h2>



<ol class="wp-block-list"><li>临时做图、手机上随手改，Canva 的移动端体验明显更好，SaaS 模式意味着随处能登录。</li><li>多层图片、透明度调节同样好用，裁剪、缩放等常用功能都在菜单里一目了然。</li></ol>



<h2 class="wp-block-heading">四、AI 功能别抱太高期待</h2>



<p class="wp-block-paragraph">两家都集成了 AI，但实际体验都一般：Canva 的 AI 生图常被吐槽反应慢、不按指令；Penpot 的 AI 插件多用于快速打样，且需要自备带 API 的付费<a href="https://mylogs.cn/chatgpt-pro-%e9%87%8d%e5%bc%80-200-%e7%be%8e%e5%85%83%e6%a1%a3%ef%bc%9aapi-%e4%bb%b7%e5%80%bc%e8%bf%91%e7%bf%bb%e5%80%8d/">大模型</a>密钥。对多数人来说，自己动手改图反而更可控。</p>



<p class="wp-block-paragraph">注意事项：Penpot 自托管需要一台长期运行的主机，纯新手建议先用官方免费云端版试水；Canva 免费版已能满足大部分轻量需求，是否升级取决于是否需要去水印和高级 AI。</p>



<p class="wp-block-paragraph">来源：How-To Geek</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
