肆合互动,团队始于2008,为您提供可信任的一站式网站制作和网络推广优化服务!
028-85756675
网站地图

新闻资讯

为您提供网站建设资讯、网站优化知识、主机域名邮箱、
关键词排名、网站开发常见问题等。

网页设计时需要注意哪些点?成都网站建设为您讲解

发表日期:2020/11/08 来源:肆合互动 咨询电话:028-85756675

  在制作网站之前,我们首先需要做好网页设计,那么在做网页设计时,我们需要注意哪些点呢?一起和成都网站建设公司小编来了解下吧:

  一、网页尺寸

  制作网页时,我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px。

  但是并不代表我们可以在整个画布上作图。

  网页的布局主要有两种,左右型布局和居中型布局。布局的不一致,使得可设计的空间也不相同。

  1、左右布局

  灵活性强, UI的限制小,左边通栏为导航栏,宽度没有具体的限制,可根据实际情况调整;

  右侧为内容版块范围,是网站内容的展示区域。

  2、居中布局

  中间的蓝色部分为有效的显示局域,用于网站内容的展示;换句话说,两边均为留白,没有实际用途,只是为了适配而存在;

  3.主流电脑屏幕尺寸有以下几种:

  一般网站内容显示的区域为996px;国内网站大部分还是以1000个像素为界限,因超过1000像素适合在大屏幕上浏览,小屏幕会显得拥挤。所以网站宽度在1000像素以内可以保证大部分用户舒适的浏览网页。

  二、网页字体

  字体设计的总原则是:可辨识性和易读性。

  网页的中文字设计是系统默认的字体:宋体、微软黑体、苹果系统黑体;

  英文则建议使用Times New Roamn、Arial、Comis Sans MS等无衬线字体。

  常用的字号大小有以下几种:

  12px是应用于网页的zui小字体,适用于非突出性的日期,版权等注释性内容。

  14px 则适用于非突出性的普通正文内容。

  16px、18px、20px、26px或者30px 适用于突出性的标题内容。注意都是偶数原则,奇数像素会出毛边!

  三、字体间距

  相邻两个文字的间距,其实不需要太过介意,除了特殊的需求之外,都可以使用默认数值的间距。

  行间距:推荐以字体大小的1.5—2倍作为参考;

  段间距:推荐以字体大小的2—2.5倍作为参考。

  例如,当选用14px 的字体时,行间距:21—28px;段间距:28px—35px。

  四、字体颜色

  六种除了主色调以外都是场景色,需要在不同的场景中使用(例如危险色表示危险的场景)六种是文字排版色,通过文字的不同用色进行文字排版,以表现层次结构。

  主文字颜色,建议使用 公司品牌的VI颜色,可提高公司网站与公司VI之间的关联,增加可辨识性和记忆性。

  正文字体颜色,保险起见,选用易读性的深灰色,建议选用 #333333到#666666 之间的颜色。

  五、首屏内容

  做网页设计时,你还要特别注意网页的首屏内容,在构图和内容呈现上,首屏模块的设计至关重要。

  除去任务栏,浏览器菜单栏以及状态栏的高度,剩下的是首屏的高度。

  Window XP的首屏高度平均值是580px;Window 7的首屏高度平均值是710px。

  综合考虑到Window XP已经逐渐退出市场,在实际操作时,我们 以710px 作为依据。

  另外,是关于图片尺寸的问题。

  需要全屏显示的图片,宽度尺寸严格设计为1920px。 但是值得注意的是,图片内容的有效范围不能超过网页内容的有效范围,即控制在1200px以内。避免遇到小屏幕设备时,内容显示不全,而造成信息的遗漏的情况。


相关案例
更多案例>
ARE YOU
INTERESTED
IN?
感兴趣吗?

网站建设及推广咨询电话

028-85756675
15308030114

成都市天府新区华府大道1号蓝润置地广场T3公寓806室

7x24 小时专业服务
专业备案全程跟进
承诺做不到退款
快速建站SEO友好

填写网站建设及SEO优化排名需求

*请认真填写需求信息,24小时内与您取得联系。
在线咨询
电话咨询

立即咨询

028-85756675
微信咨询
微信二维码
QQ咨询
返回顶部