网页设计 行间距 第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篇
1、主文字的颜色,建议使用公司品牌的VI颜色,可提高公司网站与公司VI之间的关联,增加可辨识性和记忆性。
2、正文字体颜色,保险起见,选用易读性的深灰色,建议选用#333到#666之前的颜色。
3、辅助性的,注释类的文字,则可以选用#999999之类的比较浅的颜色。
如果,你对颜色驾驭能力比较强,你也可以选择偏公司VI颜色的深色,作为正文字体颜色或者辅助性文字的颜色。
例如公司的品牌是蓝色,那么正文就可以选用偏蓝色的深色。这样处理之后,文字就有了环境色,网站整体将更加和谐。
深灰色 偏蓝色