网页设计行间距规范 第1篇
文字字号,18px,20px,24px,28px,32px, 根据内容需要选用就好,并不是单数字号不可选,而是我个人喜好双数哈哈。为了让网页排版更好看,这里有个技巧,增加字号对比,在app界面设计中,标题与正文的文字差不会过大,以iPhone7尺寸为例,标题36号,文章正文可选34px,32px,30px。而在网页上极差关系可以做的更大,更夸张,标题30px正文12px,这种做法可以让网页众多的文字信息,分清层级主次,用户更有视觉焦点。这一原则,不适用在移动端。移动端我们可以通过颜色,字重,等其他方式来做极差关系。
文字边缘 锐利?浑厚?无?平滑?这些怎么选择
首先要知道一点,“无,锐利,犀利、浑厚、平滑”,都是指文字边缘的处理。
说白了这种形式就是为了在视觉上产生良好体验,加了“羽化”效果。
具体在设计中,我们应该如何做出选择?简单的来说12px以下,18px以上可以选择锐利或者平滑这样没有锯齿,其余可以选择无。微软雅黑 字体边缘选择window或者window LCD 其他字体的话基本上用window或者window LCD基本上没什么问题。
网页设计行间距规范 第2篇
做网页设计时,你还要特别注意网页的首屏内容,在构图和内容呈现上,首屏模块的设计至关重要。
1、除去任务栏,浏览器菜单栏以及状态栏的高度,剩下的是首屏高度。
2、Window XP 的首屏高度平均值为580px, window 7 的首屏高度平均值是710px。
3、综合考虑到 Window XP 已经退出市场,在实际操作时,我们以710px作为依据。
如下图,黄色区域是我们设计时要着重考虑的首屏范围
另外,是关于图片尺寸问题。需要全屏显示的图片,宽度尺寸严格设计为1920px。但是值得注意的是,图片内容的有效范围不能超过网页内容的有效范围,控制在1200px以内,以免遇到小屏设备时显示不全,而造成信息遗漏。
说到这里,网站设计规范部分的内容就算是讲完了,当然上面的所有规范也只是规范,不要因为这些规范去限制自己的想法,规范是用来打破的,设计最重要的还是设计得美观,设计的时候具体要给多大的数值,取决于设计师,规范是用来参考的。
Ps:如果想做一个好的UI设计师,一定要从规范入手。很多都是细节的东西,在于积累。
----------------------------------------------------------------------------------------------------
文章为原创,欢迎点赞或收藏。如有大数据爱好者,欢迎共同探讨。
关于IDEADATA:IDEADATA专注于从数据到信息的有效管理与应用,是领先的商业信息服务技术提供商,是数据仓库及大数据技术和应用的先行实践者。
微信关注:IDEADATA大数据
新浪微博:iDEADATA大数据视界
公司官网:
原文链接:
网页设计行间距规范 第3篇
这是一个经验值,我个人最长采用的行间距是倍,不同的产品对这个值要求可能不同,比如下图正文字号是16px,间距是24px
对于中文来说,常用的字体大小12px、14px、16px、18px等偶数大小,在IE6和IE7设置其行高也为偶数能解决一些特殊情况下的字体对其问题。
在这里我加入了1倍间距,做设计的同学会感到奇怪,其实这个间距是针对word上面的正文排版,常用的是1倍-倍。过大就不方便阅读。这是跟网页中行距的区别。