网页设计字体尺寸 第1篇
Ω
网页常用中文字体有宋体、微软雅黑、苹方;常用英文字体有 Times、NewRoman、Arial。
导航区域里的字体尺寸:14px、16px、18px、20px
正文字体尺寸:12px、14px
标题字体尺寸:22px、24px、26px、28px、30px
标题和内容字体尺寸为 10-16px
中英文结合字体尺寸最小为 12px
全英文网站字体尺寸最小为 10px
好啦,以上就是网页尺寸的全部内容了,我们上面说到的尺寸可以理解成是一个上限的尺寸,但是大家在实际的网页设计中,不能把网页设计地过于贴边,这样看起来就会非常拥挤,而且用户在操作的时候还容易误触,页面的内容和网页的边界要有空隙,这样看起来也会更松弛。推荐大家用即时设计进行网页设计,不仅可以清楚地预览你的网页原型,还可以使用响应式调整和自动布局等智能工具,解放你的双手!
网页设计字体尺寸 第2篇
文字字号,18px,20px,24px,28px,32px, 根据内容需要选用就好,并不是单数字号不可选,而是我个人喜好双数哈哈。为了让网页排版更好看,这里有个技巧,增加字号对比,在app界面设计中,标题与正文的文字差不会过大,以iPhone7尺寸为例,标题36号,文章正文可选34px,32px,30px。而在网页上极差关系可以做的更大,更夸张,标题30px正文12px,这种做法可以让网页众多的文字信息,分清层级主次,用户更有视觉焦点。这一原则,不适用在移动端。移动端我们可以通过颜色,字重,等其他方式来做极差关系。
文字边缘 锐利?浑厚?无?平滑?这些怎么选择
首先要知道一点,“无,锐利,犀利、浑厚、平滑”,都是指文字边缘的处理。
说白了这种形式就是为了在视觉上产生良好体验,加了“羽化”效果。
具体在设计中,我们应该如何做出选择?简单的来说12px以下,18px以上可以选择锐利或者平滑这样没有锯齿,其余可以选择无。微软雅黑 字体边缘选择window或者window LCD 其他字体的话基本上用window或者window LCD基本上没什么问题。
网页设计字体尺寸 第3篇
这是一个经验值,我个人最长采用的行间距是倍,不同的产品对这个值要求可能不同,比如下图正文字号是16px,间距是24px
对于中文来说,常用的字体大小12px、14px、16px、18px等偶数大小,在IE6和IE7设置其行高也为偶数能解决一些特殊情况下的字体对其问题。
在这里我加入了1倍间距,做设计的同学会感到奇怪,其实这个间距是针对word上面的正文排版,常用的是1倍-倍。过大就不方便阅读。这是跟网页中行距的区别。