Web网页设计标准之常见问题
来源:才华咖 本文已影响1.07W人
来源:才华咖 本文已影响1.07W人
引导语:网页的设计需要考虑的问题比较多就,例如移动端与pc短的兼容性等,以下是小编整理的Web网页设计标准之常见问题,欢迎参考阅读!
Q:网页设计的尺寸是多少?
制作网页时,我们选用的分辨率是 72像素/英寸,使用的画布尺寸1920*1080px。
但是并不代表我们可以在整个画布上作图。
网页的布局主要有两种,左右型布局 和 居中型布局。布局的不一致,使得可设计的空间也不相同。
左右布局,灵活性强, UI 的限制小;
左边通栏为导航栏,宽度没有具体的限制,可根据实际情况调整;
右侧为内容版块范围,是网站内容的展示区域。
居中布局, 中间的黄色部分为有效的显示局域,用于网站内容的展示;
换句话说,两边均为留白,没有实际用途,只是为了适配而存在;
内容显示的区域,最好控制在 1000-1200px。
Q:选择什么样的字体?
字体设计的总原则是:可辨识性和易读性。
中文建议使用 微软雅黑 字体,英文则建议使用 arial无衬线字体,常用的字体字号大小有以下几种:
12px 是应用于网页的`最小字体,适用于非突出性的日期,版权等注释性内容。
14px 则适用于非突出性的普通正文内容。
16px 或者 18px 适用于突出性的标题内容。
网站的字体大小并没有硬性规定具体的字号,根据实际情况可以酌情考虑,但是要 优先使用偶数字号。
字体规格也不需要太多,最好使用三种混搭。
如果需要更多层次的区别,可以用改变字体颜色或者加粗的方式来实现。
Q:字体间距舒适范围是多少?
相邻两个文字的间距,其实不需要太过介意,除了特殊的需求之外,都可以使用默认数值的间距。
行间距,推荐以 字体大小的1.5—2倍 作为参考;
段间距,推荐以 字体大小的2—2.5倍 作为参考。
即,当选用14px 的字体时,行间距:21—28px;段间距:8px—35px。
Q:字体颜色设计技巧?
主文字颜色,建议使用 公司品牌的VI颜色,可提高公司网站与公司VI之间的关联,增加可辨识性和记忆性。
正文字体颜色,保险起见,选用易读性的深灰色,建议选用 #333333到#666666 之间的颜色。
辅助性的,注释类的文字,则可以选用#999999之类的比较浅的颜色。
如果,你对颜色驾驭能力比较强,你也可以选用 偏公司VI颜色的深色,作为正文字体颜色或者辅助性文字颜色。
例如公司的品牌色是蓝色,那么,正文字体就可以选用偏蓝的深色。
这样处理之后,文字就带有了环境色,网站整体色调将更加和谐。
Q:其他需要注意的事项有哪些?
做网页设计时,你还要特别 注意网页的首屏内容,在构图和内容呈现上,首屏模块的设计至关重要。
除去任务栏,浏览器菜单栏以及状态栏的高度,剩下的是首屏的高度。
Window XP的首屏高度平均值是580px,Window 7的首屏高度平均值是710px。
综合考虑到Window XP已经逐渐退出市场,在实际操作时,我们 以710px 作为依据。
如下图所示,黄色的区域则是我们设计时需要着重考虑的首屏范围。
另外,是关于图片尺寸的问题。
需要全屏显示的图片,宽度尺寸严格设计为1920px。
但是值得注意的是,图片内容的有效范围不能超过网页内容的有效范围,即 控制在1200px以内。
避免遇到小屏幕设备时,内容显示不全,而造成信息的遗漏的情况。
网页设计标准的尺寸
如何使用Dreamweaver8解决web标准
网页设计中常见的几种交互设计错误
移动端网页设计尺寸标准
网页设计中常见的交互设计错误
网页设计中常见的五种交互设计错误
web常见漏洞问题危害及修复建议
网页设计工作见习情况汇报
web标准常见问题
网页设计常见的交互设计错误
浅谈Web标准真的是标准吗
J2EE当前持久层设计常见问题
如何用Dreamweaver批量做web网页详细步骤
Dreamweaver定义模板批量制作web网页
网页设计的标准与规范
设计师常见面试问题
网页设计的标准和规范
web网页设计的心得体会范文(通用6篇)
计算机二级WEB程序设计考试常见知识点
网页设计标准尺寸是多少
如何用Dreamweaver8搞定web标准
常见的网页布局设计
SEO网站Web设计错误大全
网页设计的常见版式
网页设计的标准尺寸