发布时间 : 星期一 文章课堂笔记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可以记录滤镜、变形参数 方便修改