课堂笔记week01-04 联系客服

发布时间 : 星期一 文章课堂笔记week01-04更新完毕开始阅读3d73b13e700abb68a882fb31

段落面板

1避头尾法则:严格(避免标点符号在首位出现) 2 最后一行左对齐(强制两端对齐) 3 段后空格(字号1.5到2倍) 4首行缩进 (字号的两倍)

PC平台网页设计规范 1分辨率: 72像素/英寸 2颜色模式: RGB 8位 3网页背景

A 纯色平铺(自适应浏览器) B渐变色或底纹平铺(自适应浏览器) C 通栏大图片 宽度1920px 4屏幕分辨率

A标准分辨率 1024px/768px 主体设计内容的宽度:1000px ( 960px 980px 990px 1000px) 首屏高约 700像素

B 常用分辨率 1280px/800px 主体设计内容的宽度:1200px (1100px 1190px 1200px ) 首屏高约 750像素

5设计文档大小

A 新建文档宽度大于主体设计内容的宽度(目的为了表现设计意图

展现背景效果)建议左右各宽出200像素 B设计到通栏大图片,新建文档宽度1920px

渐变工具(选项栏属性)

1反向:转换渐变颜色顺序得到反方向渐变 2勾选仿色 渐变过渡更平滑

3 勾选透明区域 支持渐变编辑器里的透明效果

图层样式

1添加方法:在图层空白处双击添加 2复制:按alt 拖动fx图标 3删除:在图层上右键清除图层样式 4图层样式会遮挡剪切蒙版

取消将剪切图层混合成组-------勾选将内部效果混合成组 常用属性

1渐变:可以拖动渐变效果

勾选与图层对齐渐变范围为图层内容大小 不勾选 渐变范围为画布大小

2描边: 针对有直角形状为了避免产生虚边,选择内部描边

描边类型:颜色 渐变 图案 3投影:

a角度:控制光源

勾选全局光 可保持所有光照方向一致 不勾选 可为不同的图层分别设置光照角度 B 距离:投影偏移图层内容的距离

C大小:投影模糊范围 数值越大模糊范围越大 D扩展:投影扩展范围,受大小的影响

图案的定义和填充 1定义(编辑---定义图案)

找到适合重复的图案, 用选区选中图案定义, 一般透明底色 2填充---shift+F5 选择到图案

网页中字体使用规范 1字体分类

A 图形化文字: banner用字 logo B 系统字/像素字: 字体样式设置:“无”

内容文字 新闻 导航字 标题字等 方便更新文字内容

2 web安全字

中文(宋体 微软雅黑(锐利) 黑体) 西文(Arial Times) 3字号

中文(12px--18px) 正文内容:12px 14px

主导航/栏目标题: 14px 16px 18px 底部辅助信息文字:12px 西文(10px ----16px) 正文内容:10px---12px 主导航/栏目标题:12px---16px 4中英文混排: 先设置中文 再设置英文

智能对象图层

1缩小后再放大不影响图片清晰度 2可以记录滤镜、变形参数 方便修改