三周三页面
$7.99
最低售价
$9.99
建议售价

三周三页面

从设计稿到代码

关于本书

我们往往惊叹于UX设计师做出的或简洁清新,或色彩丰富,或风格独立的精美设计稿。这本书的主要目的就是要教会你,用最简单的HTML和CSS来复现这些充满美感的设计。

书中选取了3个不同设计师的作品,其中包含了主流Web页面所必备的元素,如导航栏,卡片,输入框,图片/头像以及文本的排版等等。我们会从无到有的介绍如何编写HTML文档,如何使用CSS的布局器控制元素的位置,使用字体,空间,形状,颜色等将平淡无奇的文档变为设计。

通过实现这些设计,你不但可以从开发者的角度去了解如何解构页面,如何使用工具逐步完成一个设计的复线,你还可以从中学习到一个好的设计之所以是美的原因,从而潜移默化的将这些对美的感知应用到你下一个项目中。

关于作者

Juntao Qiu
Juntao Qiu

Hi, I'm Juntao, and I help people write better code.

I'm also enthusiastic about sharing my leanings of projects with the community online and offline. I've already published many books related to Web Development, and the most recent two are Test-Driven Development with React (2021), and Maintainable React(2022).

I'm running a Youtube channel (https://youtube.com/@icodeit.juntao) too targeting to share my Clean Code and Refactoring tips with other developers.

书籍目录

  • 前言(第二版)
    • 结构
    • 风格
  • 前言(第一版)
    • 一些更新
    • 关于本书第一版的一些赞誉
  • 第一周:游戏新闻 - Game Insider
    • 工具
    • HTML和CSS入门
    • 任务
    • 发布你的设计
    • 小结
    • 挑战
  • 第二周:社交媒体- Instagram新界面
    • 解构页面
    • 实现内容列表
    • 挑战
  • 第三周:移动优先 - Creative Agency
    • 解构页面
    • 桌面版本
    • 设计
    • 总结
    • 挑战

Leanpub 无条件、无风险的 100% 保证满意

付款之後的 60 天內,只要點個兩下,你就可以完成退書並且取回先前支付的全數金額。退書是採用人工作業,因此可能需要花幾天的時間才能完成整個程序。
See full terms.

80% Royalties. Earn $16 on a $20 book.

We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $12 million USDwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers), EPUB (for phones and tablets) and MOBI (for Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

在 Leanpub 上面写作并出版

作者与出版社使用 Leanpub 来出版写作中和已完成的书籍,就像这本书一样。你可以可以用 Leanpub 来撰写、出版和销售你的作品!Leanpub 是功能强大的平台,非常适合认真的作者。它结合了简单、优雅的写作与出版流程,以及一个可销售写作中的电子书的线上商店。Leanpub 对作家而言是个神奇的打自己:紫耀编写纯文本,然后点击按钮就可以出版你的电子书。真的就是这么简单。

学习更多关于如何在 Leanpub 上写作