三栏式界面美化规范 (修改版)

时间:2022-04-19 23:46:14 阅读: 最新文章 文档下载
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。


三栏式界面美化规范

1. 首先确定整体页面色调。 2. 制作横幅

横幅的尺寸:1003*160高(最少不得少于160

横幅上的字号:一般是48ps 平滑 (可根据字的多少决定字号的大小) 所需的素材:学校的logo(必须是PNG格式文件)根据界面大纲所需的查找相关素材。 3.界面上栏目的美化 首先是左边的栏目尺寸: 栏目上的图标尺寸为:15*15 标题栏背景图的尺寸:247*28

字体:宋体或黑体 字体应选用系统默认的宋体,并将字体效果选到无,这样在1:1显示的时候文字是清晰的,不会出现虚边,边框和横向也是同样的,取消掉边缘模糊的选项,保持线条清晰。 字号:大小在12——14点之间最合适 (一般这是栏目最大号字体,要是比这数更大就超过了栏目的高了)

栏目内的背景尺寸: 根据截图所需制作相应大小的背景,这个无法定义 中间的栏目尺寸:

标题栏背景图的尺寸:462*28 (字号、字体均跟左栏目一样) 右边的栏目尺寸:

标题栏背景图的尺寸:266*28 (字号、字体均跟左栏目一样) 标题栏背景图的图标的尺寸:15*15

注意:1.所提到的宽高数字皆为像素。




2.建议在photoshop里面制作整体页面图片,然后再将栏目图片切开。

3.PS里做的图到了网页又不一样了,颜色等等方面,因为WEB上面只用到2

56WB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有些失色的现象。

4.在制作PS设计图的时候,图片应尽量精致细致一些,






本文来源:https://www.wddqw.com/doc/e80daee5be23482fb5da4c91.html