网页设计学习笔记1

网页设计学习笔记1

导航栏

可分为：
横向导航
竖向导航
折叠导航（内容较多且显示空间较小时使用）
面包屑导航（快速返回去，做记号）
图标导航

页脚

包括：底部导航、版权信息（ICP)、技术支持（二维码、联系电话、友情链接、分享图标）

页面整体结构

国字型结构
T型结构
上下框结构
标题正文型
。。。。。。

banner

网站中的中心焦点广告：宽度1920px，有效区域一般是1200px

类型：纯色背景（主题明确、干净简洁）、图案/渐变背景、形状背景（丰富画面、塑造动感）、立体空间形式（难做）、场景合成（塑造产品，夸大图片影响力，给客户更深刻的心理暗示）、场景形式（让人身历其境、勾起人的想象力，有心理暗示的作用）

banner常见的构图方式：
左右构图、居中构图、上下构图、三角构图、对角线构图

设计元素的应用

1、方形（具有突出/分割作用）
2、方框（突出主题，聚焦增加层次）
3、三角形（运动类行业增加速度感/丰富画面）
4、圆形（突出分隔作用，更柔和）

文字排版

分好层级关系，增加对比

banner图可参考网站：花瓣

网页设计规范

新建画布

页面尺寸：1920px比较流行
中间区域：1000px或者1200px
分辨率：72
颜色：RGB
TOP:最大宽度1920px，普通top区高度：35-65px
banner:最大宽度：1920px，安全区：1000px或者1200px，高度：300-650px

字体规范

宋体12px（最小）
微软雅黑14-24px
注意版权