网页也称为超文本。 既然是超文本，那就还涉及到文字和图片的排版。 文字作为信息呈现的主体html 段落间距，非常重要。 现在很多设计师都是从APP设计开始的，最后可以根据工作需要制作一些网页相关的页面，直接将APP图文的布局规则应用到网站上。 由于终端设备和使用场景的变化，会变得非常复杂。 不合适。 虽然这里有一些规则，但我明天会与大家分享。 记住这些规则，即使你从未做过网页设计，你仍然能够创建一个符合行业标准且布局美观的网站。
行宽
1倍 1.2倍 1.5倍 1.8倍 2倍
这是一个经验值。 我个人使用的最长线宽是1.5倍。 不同的产品对该值可能有不同的要求。 例如右图字体大小为16px，宽度为24px
对于英文来说，常用的字体大小是12px、14px、16px、18px等奇数。在IE6、IE7中将列宽设置为素数可以解决一些特殊情况下的字体对齐问题。
这里我加了1倍的宽度，设计同学会觉得很奇怪，虽然这个宽度是为了word中文字的排版用的，但常用的是1倍-1.2倍。 太大了不方便阅读。 这就是与网页页边距的区别。
段落宽度：线宽为段落宽度的50%或75%
例如，线宽为32px，那么段落宽度可以为64px，也可以为43px
字体
第一种：系统默认字体
不同的浏览器有不同的默认字体。 其实我们也可以在网站上自己设置。 然而，需要考虑的一个问题是您选择的字体是否安装在您的用户笔记本中。 如果没有的话，就会按照这样的方式进行浏览。 转换为默认字体。常用的默认字体有哪些？
英文：黑体、谷歌雅黑、中文宋体宋体（无状态）
大胆的：
Win最常见的字体是小字体点阵和大字体TrueType。 不过大字体不好看，所以最好不要做标题。
谷歌雅黑：
Vista之后新推出的字体，开启Cleartype后显示出良好的疗效html 段落间距，但没有Cleartype则变弱。
中国细黑：
Mac下默认英文。
英语: helvetica arial
黑体：
被评为设计师最喜欢的字体，写实风格和简洁现代的腰线，特别受欢迎。 它被认为是 Mac 下最好的网页字体，而在 Windows 下由于 Hinting 的原因显示效果很差。
宋体：
Helvetica的“克隆”与Helvetica非常相似，只是在R、G等细节上有细微差别。如果字号太小、字数太多，就会显得有些累。 Win、Mac显示均正常
作为系统字体，以上可以应用在网站的标题中，其中文字需要呈现很多信息
第二类：图片字体
图片字体是网站上一些横幅、海报中用来呈现信息内容的字体。 这取决于视觉设计师制作的效果图。 可以理解为图片，不受浏览器默认字体的影响。 唯一要注意的是字体的知识内容是否与文案内容相符，是否美观，是否收费
发表评论