发表于: 2019-01-17 22:53:40

1 957


今天完成的事情:今天做了一小部分任务7

明天计划完成的事情:继续做任务7

遇到的问题:暂无

收获:

.PC网页设计规范 固定的内容: 1.PS中设计分辨率为:72像素/英尺(图片质量的像素点) 2. 颜色模式RGB 8位(显示器的三原色红,绿,蓝为RGB)

不固定的内容: 1.网页背景 a.纯色背景平铺(自适应浏览器) b.渐变色或底纹平铺背景(自适应浏览器) 目前网页设计中都会做通栏大图,以方便吸引客户,增加网站整体美观 c.通栏大图

.屏幕分辨率 1.标准分辨率:1024px*768px(目前10%-20%的用户在用) 主体设计内容宽度:1000px(常用宽度:960px1170px980px1100px1200px) 首屏高度大约在700px

2.常用分辨率:1280px*768px 主体设计内容宽度:1200px(常用宽度:1190px1170px1100px1200px) 首屏高约:750px

.设计文档大小 1.PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图,展示背景效果,左右宽度最少200px) 2.设计到通栏大图片新建文档的宽度:1920px,所有的设计文档宽1920px主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)


.字体设计规范:一般建议使用1214161822px等偶数字号,(前面这部分是在师姐的日报里找到的)

网页设计中,文字间距一般根据字体大小选1—1.5倍作为行间距,1.5—2倍作为段间距。

比如12号字体,行间距是12px—18px,段落间距则是18px—24px

另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。

比如简书16号字体,行间距27px/段间距36px=75%。文字字号本身比较大,所以行间距也不需要严格按照1—1.5倍的比例设置,不过行间距和段间距的比例符合75%,看起来很不错,这样的视觉效果让人在阅读时保持一种节奏感,这就是在实际情况中将规范的灵活应用。

i   

今天的作品                 




返回列表 返回列表
评论

    分享到