<?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; 李辉 / Grey Li</title>
	<atom:link href="https://greyli.com/tag/%E8%AE%BE%E8%AE%A1/feed/" rel="self" type="application/rss+xml" />
	<link>https://greyli.com</link>
	<description>一个编程和写作爱好者的在线记事本</description>
	<lastBuildDate>Thu, 06 Nov 2025 11:36:11 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.9.26</generator>

<image>
	<url>https://greyli.com/wp-content/uploads/2025/03/avatar-500-compressed-144x144.jpg</url>
	<title>设计 &#8211; 李辉 / Grey Li</title>
	<link>https://greyli.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>《Flask Web开发实战》的封面设计是如何诞生的？</title>
		<link>https://greyli.com/flask-book-cover-design/</link>
		<comments>https://greyli.com/flask-book-cover-design/#respond</comments>
		<pubDate>Thu, 20 Sep 2018 13:54:26 +0000</pubDate>
		<dc:creator><![CDATA[李辉]]></dc:creator>
				<category><![CDATA[思考与随感]]></category>
		<category><![CDATA[Flask Web开发实战]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://greyli.com/?p=1931</guid>
		<description><![CDATA[一本书当然包含很多故事，这篇文章来介绍一下《Flask Web开发实战》封面设计的过程。 其实，这也算不上设计 [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>一本书当然包含很多故事，这篇文章来介绍一下《Flask Web开发实战》封面设计的过程。</p>
<p>其实，这也算不上设计。因为这本书隶属于“Web开发系列”，这个系列的书都有一个通用的设计模板，唯一不同的就是确定封面中的图案。在选择图片前，我立下了几个规则：</p>
<ul>
<li>使用Flask风格图片（黑白线条）</li>
<li>突出“实战”的含义</li>
</ul>
<p>基于这两点，我最先发现的合适素材是一张飞机的图片，这个图片是Flask作者Armin Ronacher在2011年的演讲“Opening the Flask”中使用的幻灯片的第10页的插图：</p>
<p><a href="http://greyli.com/wp-content/uploads/2018/09/plane.png"><img class="alignnone size-full wp-image-1939" src="http://greyli.com/wp-content/uploads/2018/09/plane.png" alt="" width="517" height="394" srcset="https://greyli.com/wp-content/uploads/2018/09/plane.png 517w, https://greyli.com/wp-content/uploads/2018/09/plane-150x114.png 150w, https://greyli.com/wp-content/uploads/2018/09/plane-300x229.png 300w" sizes="(max-width: 517px) 100vw, 517px" /></a></p>
<p>这就是封面设计初稿：</p>
<p><a href="http://greyli.com/wp-content/uploads/2018/09/cover-draft.png"><img class="alignnone size-full wp-image-1932" src="http://greyli.com/wp-content/uploads/2018/09/cover-draft.png" alt="" width="575" height="750" /></a></p>
<p>我非常喜欢这个封面，编辑也表示很不错。遗憾的是，我没有搜索到这个图片的版权方，无法商用，而且Armin Ronacher也表示记不起来是从哪里拿到这张图片。</p>
<p>接下来，我花费了大量时间想找一个替代品，但是却始终找不到满意的。</p>
<p>无奈之下，我只好扩大范围，不再局限于飞机图片，而且延伸到了船、武器、人物，陆续找到下面这些替代品：</p>
<p><a href="http://greyli.com/wp-content/uploads/2018/09/backup-imgs.png"><img class="alignnone size-full wp-image-1936" src="http://greyli.com/wp-content/uploads/2018/09/backup-imgs.png" alt="" width="1013" height="652" srcset="https://greyli.com/wp-content/uploads/2018/09/backup-imgs.png 1013w, https://greyli.com/wp-content/uploads/2018/09/backup-imgs-150x97.png 150w, https://greyli.com/wp-content/uploads/2018/09/backup-imgs-300x193.png 300w, https://greyli.com/wp-content/uploads/2018/09/backup-imgs-624x402.png 624w" sizes="(max-width: 1013px) 100vw, 1013px" /></a></p>
<p>也许是因为“曾经沧海”，试来试去这些都不满意。这时我忽然有了一个念头：Miguel Grinberg那本《Flask Web开发》封面上是一只狗，我可以用一只狼呀。既能突出实战的特点，又有一点遥相呼应的味道，形成一个有趣的对比。</p>
<p>虽然心底有一些犹疑：会不会太像O&#8217;reilly的“动物书”？读者会不会觉得这是山寨？但是当我看到这张狼的图片时，顿时就喜欢上了，疑虑也消了大半：</p>
<p><a href="http://greyli.com/wp-content/uploads/2018/09/wolf-153807_1280.png"><img class="alignnone size-large wp-image-1934" src="http://greyli.com/wp-content/uploads/2018/09/wolf-153807_1280-1024x657.png" alt="" width="625" height="401" srcset="https://greyli.com/wp-content/uploads/2018/09/wolf-153807_1280-1024x657.png 1024w, https://greyli.com/wp-content/uploads/2018/09/wolf-153807_1280-150x96.png 150w, https://greyli.com/wp-content/uploads/2018/09/wolf-153807_1280-300x192.png 300w, https://greyli.com/wp-content/uploads/2018/09/wolf-153807_1280-624x400.png 624w, https://greyli.com/wp-content/uploads/2018/09/wolf-153807_1280.png 1280w" sizes="(max-width: 625px) 100vw, 625px" /></a></p>
<p>把图片放到封面上看起来也非常合适：</p>
<p><a href="http://greyli.com/wp-content/uploads/2018/09/cover-final-draft.jpg"><img class="alignnone size-large wp-image-1935" src="http://greyli.com/wp-content/uploads/2018/09/cover-final-draft-754x1024.jpg" alt="" width="625" height="849" srcset="https://greyli.com/wp-content/uploads/2018/09/cover-final-draft-754x1024.jpg 754w, https://greyli.com/wp-content/uploads/2018/09/cover-final-draft-110x150.jpg 110w, https://greyli.com/wp-content/uploads/2018/09/cover-final-draft-221x300.jpg 221w, https://greyli.com/wp-content/uploads/2018/09/cover-final-draft-624x848.jpg 624w, https://greyli.com/wp-content/uploads/2018/09/cover-final-draft.jpg 806w" sizes="(max-width: 625px) 100vw, 625px" /></a></p>
<p>这就是最终的封面初稿。当然，经过出版社设计人员的美化，最终的封面要好看得多：</p>
<p><a href="http://greyli.com/wp-content/uploads/2018/09/final-cover.png"><img class="alignnone size-full wp-image-1938" src="http://greyli.com/wp-content/uploads/2018/09/final-cover.png" alt="" width="722" height="901" srcset="https://greyli.com/wp-content/uploads/2018/09/final-cover.png 722w, https://greyli.com/wp-content/uploads/2018/09/final-cover-120x150.png 120w, https://greyli.com/wp-content/uploads/2018/09/final-cover-240x300.png 240w, https://greyli.com/wp-content/uploads/2018/09/final-cover-624x779.png 624w" sizes="(max-width: 722px) 100vw, 722px" /></a></p>
<p>于是，《Flask Web开发实战》的封面就这么诞生了。</p>
]]></content:encoded>
			<wfw:commentRss>https://greyli.com/flask-book-cover-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
