发表于: 2019-01-17 22:53:40
1 955
今天完成的事情:今天做了一小部分任务7
明天计划完成的事情:继续做任务7
遇到的问题:暂无
收获:
一.PC网页设计规范 固定的内容: 1.PS中设计分辨率为:72像素/英尺(图片质量的像素点) 2. 颜色模式RGB 8位(显示器的三原色红,绿,蓝为RGB)
不固定的内容: 1.网页背景 a.纯色背景平铺(自适应浏览器) b.渐变色或底纹平铺背景(自适应浏览器) 目前网页设计中都会做通栏大图,以方便吸引客户,增加网站整体美观 c.通栏大图
二.屏幕分辨率 1.标准分辨率:1024px*768px(目前10%-20%的用户在用) 主体设计内容宽度:1000px(常用宽度:960px,1170px,980px,1100px,1200px) 首屏高度大约在700px
2.常用分辨率:1280px*768px 主体设计内容宽度:1200px(常用宽度:1190px,1170px,1100px,1200px) 首屏高约:750px
三.设计文档大小 1.PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图,展示背景效果,左右宽度最少200px) 2.设计到通栏大图片新建文档的宽度:1920px,所有的设计文档宽1920px主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)
四.字体设计规范:一般建议使用12、14、16、18、22px等偶数字号,(前面这部分是在师姐的日报里找到的)
网页设计中,文字间距一般根据字体大小选1—1.5倍作为行间距,1.5—2倍作为段间距。
比如12号字体,行间距是12px—18px,段落间距则是18px—24px。
另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。
比如简书16号字体,行间距27px/段间距36px=75%。文字字号本身比较大,所以行间距也不需要严格按照1—1.5倍的比例设置,不过行间距和段间距的比例符合75%,看起来很不错,这样的视觉效果让人在阅读时保持一种节奏感,这就是在实际情况中将规范的灵活应用。
五
i
今天的作品
评论