网页设计的基本规范

我就是我 2022-05-23 04:20 211阅读 0赞

UI设计: 界面设计 交互设计
平面设计: 手册,海报,电商视觉设计,不涉及产品的操作流程,静态。设计区域有限

网页构成:
1.页眉
2.条幅广告区
3.内容区域
4.页脚:页面的颜色较多,页脚尽量使用深色系(灰色系基本通用),头脚在颜色搭配要呼应

页面尺寸设计
1.页眉、页脚:宽度方向占满浏览器
2.banner条幅广告区:1920px宽或全屏

设计区域/画布
用户显示设备
1920*1080
1440*900
1366*768
1024*768
视网膜屏 2088*1800

常见设计尺寸
企业类网站 1176 / 1170
电商类网站 1200 / 1220 / 1224
行业门户类网站 980
游戏娱乐类网站 1600

网站常用字体 微软雅黑 MAC
常用字号: 正文: 中文 14px 英文 16px 最小 12px
导航中的文字大小: 14px 16px 18px 20px 24px
按钮中的字号: 14px 16px 18px

常用字体颜色
标题:#333333;
正文:#666666;
说明提示:#999999;(一般不会使用black)
背景色:#F….;
辅助线:#E….;
行高: 1.5~2em;

首屏高度:720/560 最高不超过800px;

发表评论

表情:
评论列表 (有 0 条评论,211人围观)

还没有评论,来说两句吧...

相关阅读

    相关 网页基本标签

    说起前端,我猜大家在初学的时候肯定对标签的记忆表示非常头疼,今天给大家总结总结前端网页制作比较常用的标签说明。 1. 标题标签(header1~header5)

    相关 基本使用规范

    宏的命名 说明:全大写字母,下划线分隔。可加上简短的模块名作为前缀。 原因:名称清晰,符合通常的规范,避免宏定义重复,防止冲突。   严禁在宏定义中进行数组、结构

    相关 Javascript基本规范

    1.减少全局污染 我们都知道javascript使用的是function来管理自己的作用域的,一个定义在函数内的变量对外界是不可见的。这有点类似于其他语言的私有变量。对于ja

    相关 网页设计基本规范

    UI设计:  界面设计  交互设计(UE) 平面设计:手册,海报,电商视觉设计,不涉及产品的操作流程,静态,设计区域有限         网页构成: