网页基础规范-AAA数字教育.pptxVIP

网页基本设计规范;电子商务网站 天猫，淘宝、京东、凡客、美丽说，聚美优品 ，苏宁易购等国内大型线上网购平台 资讯网站 网易、腾讯，搜狐，百度等新闻资讯线上平台 企业网站 个人公司，国有企业，外资企业，个人网站等线上平台。例如：华为集团，联想集团 房地产网站 各种房地产楼盘网站等线上平台。例如：保利地产，远洋地产，万科(北京) 社区网站 各种社区论坛，发表说说，沟通等线上平台。例如：开心?谈谈，QQ空间，天涯社区，猫扑， 大杂烩，新浪，微博，豆瓣 产品类 系统软件界面、后台登录界面。例如：国资委系统办公平台  ;色彩的定义;红色： 是一种激奋的色彩，给人以冲动、愤怒、热情和活力的感觉。 绿色： 介于冷暖两种色彩的中间，显得和睦、宁静、健康、安全。它和金黄、淡 白搭配，可以产生优雅、舒适的气氛。 橙色： 也是一种激奋的色彩，具有轻快、欢欣、热烈、温馨和时尚的效果。 黄色： 充满快乐、希望、智慧和轻快，它也是最亮的一种颜色。 蓝色： 是最具凉爽、清新、专业的色彩。它和白色混合，能体现柔顺、淡雅、 浪漫的气息（如天色的色彩） 。 白色： 给人以洁白、明快、纯真和干净的感觉。 黑色： 通常是深沉、神秘、寂静、悲哀和压抑的代表。 灰色： 具有中庸、平凡、温和、谦让、中立和高雅的感觉，它可以和任何一种颜 色进行搭配。;网页最常用流行色;蓝色——冷静、客观，沉静整洁的颜色，较多用于商业网站;几种固定搭配;蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮做点缀;色彩的限定;请注意我是黑色！;在整个页面设计中，网页在浏览习惯中，一般都会呈现以下几部分内容：;设计版面标准在1280宽（px）范围之内 通常适用的尺寸版面范围是这两个参考尺寸 1000px — 1200px 目前设计手法通常是网页上部分版面（眉页，主导航，banner） 都采用自适应屏幕方式（比如聚美优品，banner区域是通栏）???;1280（px）;构图的基本要素;在设计页面中，首先考虑的版面的版心设计尺寸，确定设计版心尺寸开始使用网格标尺 来定位版面设计区域。 所有左边外框边缘都要左对齐 所有右边外框边缘都要右对齐 在左边区域的文字或按钮边缘都要左对齐 在右边区域的文字或按钮边缘都要右对齐 所有横向和纵向的外框都要齐平，上边缘齐平，下边缘也要齐平;眉页的设计区域的规范;在设计页面中，每个首页的顶部都包括一下简单明了的信息，给用户建立方便快捷的浏览通道或者是信息，主要有以下信息： 法律声明 联系我们 登录 注册 联系电话 中文版及英文版 微信等应用图标或者文字 …;标志区域;整体眉页的设计高度，是有设计风格和标志的大小来决定的，基本范围在140px，不得低于120px;信息框：标准尺寸大约范围在40高（px） 搜索框：标准尺寸大约范围在465长x35高（px），高度不得低于20PX， 标准情况都是放在右对齐位置或者中间位置 字 体：微软雅黑或者宋体 字 号：12号 颜 色：标示性文字” 可设置灰色(#cccccc)显示 标 志：标准情况都是放在左对齐位置 图 标：标准情况都是应用企业色为点缀色;主导航的设计规范;在页面设计中，主导航的起到非常重要的视觉效果作用，它的实现的好坏决定整个网页的好坏和交互体验，在设计中，要求主导航的“高度，颜色，字体，细节处理，排版”等都必须设计到位。;菜单条：高度标准范围在35-50px之间，不得低于30px;字体：常用流行字体微软雅黑，不使用12号加粗，这样会导致复杂的文字难 以辨认 字号：14-16号之间，不得低于12号;Banner的设计规范;在页面设计中，banner的起到非常重要的视觉效果作用，“颜色的应用，广告语的位置和排版方式，画面的创意设计想法，构图，素材图片的优化”等的变现手法都非常的重要。;;首页中的banner的设计高度，基本范围在250-450px，不得低于250px 二级页面中的设计高度，基本范围在150－300px， 特殊情况可以自定;为了更直观的说明网站的分类，所以通常使用菜单列表，一般在购物网站和社区网站使用的表现手法。 菜单列表在banner的设计宽度，基本范围在200-300px，不得宽于300px;版面的划分区域的基本规范;在设计版面中，首先要搭建版面