网页设计中为啥少用奇数字体?

一、UI设计师的原因

多数设计师用的设计软件(如:ps)大多数都是偶数,所以前端工程师一般都是用偶数字体

二、浏览器的原因

其一是为了迁就ie6,万恶的ie6会把定义为13px的字渲染成14px,你可以写个页面试试
还有一个原因是,偶数宽的汉字,比如12px宽的汉字,去掉1像素的间距,填充了像素的实际宽是11px,这样汉字的中竖线左右是平分的,以“中”这个字为例,在12像素时,竖线在中间,左右各5像素,显得均衡。

其二像谷歌一些比较流行的浏览器一般会有个默认的最小字体,而且对奇数字体渲染的不太好看

三、实际应用

  • 偶数字号相对更容易和 web 设计的其他部分构成比例关系。比如:当我用了 14 px 的正文字号,我可能会在一些地方用 14 × 0.5 = 7 px 的 margin,在另一些地方用 14 × 1.5 = 21 px 的标题字号。
  • Windows 自带的点阵宋体(中易宋体)从 Vista 开始只提供 12、14、16 px 这三个大小的点阵,而 13、15、17 px 时用的是小一号的点阵(即每个字占的空间大了 1 px,但点阵没变),于是略显稀疏。
时间: 2024-10-10 14:44:25

网页设计中为啥少用奇数字体?的相关文章

网页设计中常用的Web安全字体

但多数情况下,考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写,这里整理了19个Web安全字体,让你无需任何顾虑的情况下畅快使用. 1,  Arial 微软公司的网页核心字体之一,最常用的sans-serif字体,当字号很小时不容易阅读.但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代.(苹果系统没有这种字体,但有一种对应于Arial的字体叫Helvetica,它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一

网页设计中透明效果的使用技巧

在网页设计中使用透明效果是件既美观又冒险的事儿.透明效果的使用是把色块,文本或图像“变薄”或者降低饱和度,使颜色变浅透明,这样下个图层的内 容就能穿透显示出来.这种方法如果用好了,效果将会特别棒——能突出显示文本或者在图像的特定区域形成焦点.但设计者在运用透明效果时要特别小心,因为这 么做可能会影响页面的可读性.要是框和文本的透明度不对,更可能会影响到整体的设计. 下文是一些注意事项以及巧妙运用透明效果的成功案例. 用“透明效果”来制造对比 使 用透明效果最大的优点是可以形成对比.设计者可以在图

网页设计中 效果的使用技巧

运用好透明效果是提高网页设计水准的重要方法之一.如同使用其他方法一样,设计师们有很多种手段将透明效果运用到网页中,今天这篇文章就来好好和您分享一下关于“透明”的实用小技巧哟:) 在 网页设计中使用透明效果是件既美观又冒险的事儿.透明效果的使用是把色块,文本或图像“变薄”或者降低饱和度,使颜色变浅透明,这样下个图层的内容就能穿 透显示出来.这种方法如果用好了,效果将会特别棒——能突出显示文本或者在图像的特定区域形成焦点.但设计者在运用透明效果时要特别小心,因为这么做可能 会影响页面的可读性.要是框

网页设计中最被低估的是什么?

导读:启示性(affordance)指的是某物体或者对象具有某种操作或功能上的暗示性.举例来说,一张高于你膝盖高度的椅子,它可以暗示你坐.牙刷的手柄略长于人类的手掌,它暗示可以用来握紧. 所有我们周围的客体都具有启示性:有些是外显的(如门手柄上写着的“推”字信息),有些是内隐的(如椅子可以用来打破玻璃或者用来当做武器).这个概念最初由心理学家詹姆斯·吉布森提出,随后被唐纳德·诺曼在<设计心理学>一书中引进到人机交互领域. 交互设计师经常运用启示性.他们必须这么做.物理客体基于他们的形状.大小.

设计趋势:网页设计中的幽灵按钮

幽灵按钮——那些透明的.可点击的物体——忽然间就变得无处不在.以狂风暴雨之势席卷正网页设计领域.谁能想到,像按钮这么简单的事物,能够改变我们看待网页设计的方式? 参考:预测网页设计趋势 什么是幽灵按钮? 幽灵按钮有着最简单的扁平外形——正方形.矩形.圆形.菱形——没有填充色,只有一条淡淡的轮廓.除了外框和文字,它完完全全(或者说几乎完全)透明.(因此得名“幽灵”) 这些按钮通常比网页上传统的可点击按钮大,也被置于显要位置,例如屏幕的正中央. 各种类型的网站(包括移动APP)中都能发现幽灵按钮的身

网页设计中的彩色滤镜效果

网页设计中的彩色滤镜效果 在当今这个充斥着先进的特效和精妙风格的世界中,谁曾料到,像纯色和渐变这样简单的手法,竟能够催化出创造力,并极大提升网站的美学水准?现代网页设计师们,证明了优雅的插画.精致的图形和壮丽的照片,都能在彩色滤镜效果下很自然地得到强调.气氛焕然一新,网站开始变得光彩夺目.的确,它有助于解决某些问题. 首先,彩色滤镜能给网站耳目一新的外观,却不会增加负担 .其次,它通过搭配传递各种情绪的色彩,很好地丰富了设计.第三,作为一层低透明度的遮罩,它不会掩盖主背景的魅力,对于想要轻微淡化

网页设计中7个令人抓狂的错误

所有人都知道网页设计的重要性,糟糕的网页设计会给用户带来糟糕的体验,从而影响网页的流量,或是产品的销售.那么在设计网页的过程中,应该避免出现哪些错误呢? 1. 要求用户必须注册才能浏览网页内容 这种做法足以让用户立刻感到气愤不已.也许这样做能够让你获得一些注册用户,但是你失去的远比所得到的要多. 2. 忘记针对不同设备优化网页 要知道,现在很多用户都不再使用PC浏览网页了.因此在设计网页的时候,不要忘了针对智能手机.平板电脑等移动设备进行网页优化.你必须确保用户在任何设备上浏览你的网页时,都可以

转: 网页设计中的一些色彩搭配技巧

在网页设计中色彩搭配是一件很重要的事情,要是色彩搭配好了,能让整个网站看起来清新悦目,眼前一 亮的感觉.要是色彩搭配混乱,会让人看着很吃力或者整个网站没有亮点.不吸引人.下面我说说自己在 网页设计中积累的一些经验,希望对大家有用. 一.色彩搭配原则 在选择网页色彩时,除了考虑网站本身的特点外还要遵循一定的艺术规律,从而设计出精美的网页. 1.色彩的鲜明性: 如果一个网站的色彩鲜明,很容易引人注意,会给浏览者耳目一新的感觉. 2.色彩的独特性: 要有与众不同色彩,网页的用色必须要有自己独特的风格,

不会配色?来看看网页设计中怎样使用柔和色调

网页中的柔和色调的使用,不止是近来的趋势,这是一项设计师使用多年的技巧,用来创造有冲击力的视觉效果. 当你听到“柔和”一词,想到的可能是淡粉色.淡蓝色.淡黄色,不过这种配色远不止这些颜色.柔和并不一定要感觉像新生儿一样.通过某些适当的方式,配合其他元素,这些色调也可以相当鲜明. 下面我们从优秀的案例网站出发,了解10种在网页设计中运用柔和色调的方法. 柔和的照片 照片上的柔和遮罩层,或是在恰当的光照环境中拍摄的照片,可以成为精妙绝伦的网站背景.照片的色调越淡雅,设计师就有越多的区域可以放置其他元