6
Web Design in 4 minutes
source link: https://forrestsu.github.io/posts/web/web-design-in-4-minutes/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Web Design in 4 minutes
2017年10月26日
| 字数
640
|
Web
| 阅读 16
网页设计 4 分钟
假如你有一个产品，一个作品集，又或仅仅是一个想法，你想要在你的网站上与大家分享。在你发布在网络上之前，你想要让它看起来有吸引力，专业，或者至少看起来像样。 那么你需要做的第一件事是什么呢？
1 Content
设计的目的是增强你需要呈现的内容。这听起来似乎很明显，但是
2 Centering
长文字很难解析，同样也很难去阅读。设置每行字符数限制，极大地增强了文本块的可读性和吸引力。
body {
margin: 0 auto;
max-width: 50em;
}
在对文本块进行样式化后，如何对文本自身进行样式化？
3 Font family
浏览器缺省的(英文)字体是 “Times”, 这可能看起来不那么吸引人(主要是因为它是 “unstyled” 字体)。选择一个无衬线字体(比如 “Helvetica" 或者 ”Arial“)，能够极大的改善你页面的外观。
body {
font-family: "Helvetica", "Arial", sans-serif;
}
如果你想要用一款衬线字体，可以试试 ”Georgia“。 在让我们的文字更有吸引力力的同时，接下来继续让它更具有可读性。
4 Spacing
最后谈谈如何在微信公众号里面设置英文字体？ 微信对字体做了限制，但是我们可以通过word 先设置字体，但是最后渲染的效果还是取决于对应的终端有没有安装这款字体。（iPhone/Android) 默认都支持 Helvetica,可以使用。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK