Web UI 网页设计规范
一、页设网页尺寸 制作网页时,计规我们选用的页设分辨率是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以内。 避免遇到小屏幕设备时,内容显示不全,而造成信息的遗漏的情况。
- 最近发表
- 随机阅读
-
- 企业网站制作需要注意什么事项
- 电商网站制作网页的必要性有哪些
- 响应式网站制作要留意哪几个方面?
- 网站首页被K怎么快速恢复
- 深圳网站建设对于网民越来越没有耐性的启示
- 网站建设的方向怎么定,网站定位方法
- 2020年,电子商务行业网站设计趋势
- 电商网站存在过期页面要如何处理?
- 深圳网站建设的价格与品质的关系
- 优秀的网站设计并不只是追求时尚
- 农业生鲜电商2016年发展趋势,农业电商未来增长点
- 谷歌SEO算法变化及应对策略:如何应对搜索引擎的更新
- 网站设计要如何提升用户体验度?
- 网站设计一定不能马虎 这些事项要注意
- 互联网+给各行业带来的那些机遇-深圳网站建设分析
- 搜索引擎优化思路有哪些?这些思路要技巧
- 网站设计中404页面重要吗
- 将云端科技与深圳网站建设结合
- 网页设计应该怎么做效果更好
- 搜索
-
- 友情链接
-
- 跨境电商网站建设流程详解
- 株洲网站优化:关键词到首页需要多长时间?
- 网站制作费用为什么会有差别?
- 广东网页设计公司哪家好?
- 提供良好的用户体验:长沙网站设计的追求
- 外贸网站制作如何收费?
- 长沙网页设计公司的具体设计流程介绍
- 企业网站设计中触摸与移动交互的有效实践
- 武汉网站建设企业网站有哪些分类?
- 武汉网站建设企业网站有哪些分类?
- 湖南网站建设策划书
- 专业网站建设开发公司介绍常用网站建设开发工具
- 企业官网搭建:选择最适合你的方案
- 长沙网站建设一般如何收费?
- 湘潭网站开发教你营销网站建设具体流程是怎样的?
- 企业官网搭建:选择最适合你的方案
- 长沙企业的数字名片:为何专业网站成为必备选择
- 深圳网站设计中的排版艺术:如何选择简洁字体与合理排版方式
- 长沙网站建设:选择响应式高端网站,实现商业目标
- 长沙企业的数字名片:为何专业网站成为必备选择