一.基本页面规范

1.1 横向宽度

页面尺寸：1920px
中间区域：1000px/1200px
分辨率：72
颜色：RGB

1.2 top区当前设计很少有此区域

宽度：1920px
高度：35——65px

1.3 导航区

宽度：1920px
高度：80px——100px

1.4 banner区

宽度：1920px
安全区：1000px/1200px
高度： 300px——650px

二.基本字体使用规范

2.1 常用字体选择

思源宋体，思源黑体
切记查看该字体是否可以商用

字由，360查字体，可以查看字体是否可以商用等字体信息

2.2 字体字号和字体间距

2.2.1字体字号

12px是应用于网页的最小字体，用于非突出性的日期
14px适用于普通正文内容
16px，18px，20px适用于突出性的标题内容

2.2.2 字体间距

相邻两个字的间距，除特殊要求外，直接为默认数值
行间距，推荐以字体大小的1.5——2倍之间
段间距，推荐以字体大小的2——2.5倍之间
举个例子：字体大小14px，行间距：21px——28px，段间距：28px——35px

一个页面字体最好不要超过三种

2.3 字体颜色选择

正文颜色选择
RGB颜色中 333333/666666/999999

三.页面色彩搭配

3.1 颜色基础

所有画面必须要有主色调
主色调在设计中占比最大
其次是辅助色在设计中除黑白灰外，颜色不要超过三种

3.2 关于颜色的技巧

3.2.1 马卡龙色（马赛克取色法）

操作步骤
①将图片导入ps
②滤镜——像素化——马赛克
即可生成马赛克颜色

3.2.2 二度调节

通过降低某颜色的饱和度和明度来调节取色

3.2.3 取LOGO色/商品主色，辅色，相邻色

不做解释

四. 关于页面协调性

4.1 基础要求

① 色调统一·
② 风格统一
③ 排版统一
④图标的格式保持一致
⑤图片动效一致
⑥图片画质一致

4.2 风格化

①合理的使自身元素与页面内容融合，可使用户感受到别样的体验
②足够艺术性的尝试
③通过配色，字体，布局，交互等来凸显出
④通过分析展示用户的范围来确定主页面的

关于设计规范违禁词以及违禁行为，可通过白马查来进行深度了解

【网页设计自习室#003】网页设计基本规范和要求相关推荐

【网页设计自习室#010】CSS01
一.CSS基础 1.1 CSS引入方式 ①内嵌:写在style标签中(单个页面/通常放在head中) ②外联:单独写入.css文件中(多个页面) ③行内:写在标签中的style中(配合js做动效) & ...
Web前端设计与开发课程设计：简易淘宝网页设计
实验日期:2022-09-23 (一)大作业要求综合运用所学知识,完成一个Web前端项目.内容和功能不做具体限定,主题可以是商业公司网站.学校网站或电商网站等. 技术要求: 掌握HTML5的基本结构 ...
网页上的广告条设计[zt]
网页上的广告条设计[转贴] 网站上的Banner条,是网站用来作为盈利或者是发布一些重要的信息的工具.但是它又不能作为网页的主要内容,因为它的主要目的是吸引人的注意力,让人来购买某种商品,或者是让人注 ...
rem 前端字体_响应式网页设计:rem设置网页字体大小自适应
首先简单科普一下什么是响应式网页.响应式网页是指会根据输出设备的分辨率不同,而自动调整布局的网页.同时,在输出设备分辨率改变时,也能及时自动调整.说穿了,就是三个字:自适应. 响应式网页不仅仅是响应不 ...
Flexbox设计H5应用网页布局
Flexbox设计H5应用网页布局 1 样式: 2 代码: 借助Flexbox定义伸缩盒模型,让页面呈现三行三列布局样式,同时能够根据窗口自适应各自空间. 1 样式: 2 代码: <!DOCTY ...
hikvision v2.3控件网页demo_昆山UI网页设计师专业培训班 UI设计好就业吗？
昆山UI网页设计师专业培训班 UI设计好就业吗? 昆山UI网页设计师专业培训班 UI设计好就业吗? 交互设计师在工作中的沟通场景在整个产品生命周期中,交互设计师的工作流程始终贯穿着整个过程,首要问题 ...
自适应网页设计/响应式Web设计（Responsive Web Design）
随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通 ...
设计灵感|如何做好网页后台数据展示的设计？
一个完整的后台界面通常由导航.数据展示.表格.组件以及弹窗等部分组成,在视觉上确定了整体布局以后,还要考虑好各个部分的交互逻辑,才能获得更好的易用性. 由集设网 www.ijishe.com 设计师交 ...
web课程设计网页规划与设计：旅游景点网站设计——西安(20页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 HTML静态网页作业
HTML5期末大作业:旅游景点网站设计--西安(20页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页设计作业题材有 ...

【网页设计自习室#003】网页设计基本规范和要求

一.基本页面规范

1.1 横向宽度

1.2 top区当前设计很少有此区域

1.3 导航区

1.4 banner区

二.基本字体使用规范

2.1 常用字体选择

2.2 字体字号和字体间距

2.3 字体颜色选择

三.页面色彩搭配

3.1 颜色基础

3.2 关于颜色的技巧

四. 关于页面协调性

4.1 基础要求

4.2 风格化

【网页设计自习室#003】网页设计基本规范和要求相关推荐

最新文章

热门文章

【网页设计自习室#003】网页设计基本规范和要求

一.基本页面规范

1.1 横向宽度

1.2 top区 当前设计很少有此区域

1.3 导航区

1.4 banner区

二.基本字体使用规范

2.1 常用字体选择

2.2 字体字号和字体间距

2.3 字体颜色选择

三.页面色彩搭配

3.1 颜色基础

3.2 关于颜色的技巧

四. 关于页面协调性

4.1 基础要求

4.2 风格化

【网页设计自习室#003】网页设计基本规范和要求相关推荐

最新文章

热门文章

1.2 top区当前设计很少有此区域