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

2022-04-19 23:46:14 第一文档网 [ 字体：小中大 ] [

阅读： ] [

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。下载word有问题请添加QQ：admin处理，感谢您的支持与谅解。

【#第一文档网# 导语】以下是®第一文档网的小编为您整理的《三栏式界面美化规范 (修改版)》，欢迎阅读！
美化,改版,界面,规范

三栏式界面美化规范

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里做的图到了网页又不一样了，颜色等等方面，因为ＷＥＢ上面只用到２

５６ＷＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有些失色的现象。

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

本文来源：https://www.dywdw.cn/e80daee5be23482fb5da4c91.html