没有合适的资源?快使用搜索试试~ 我知道了~
首页Axure页面设计统一规范(产品必看).docx
Axure页面设计统一规范(产品必看).docx
1星 需积分: 42 33 下载量 119 浏览量
更新于2023-03-03
评论 1
收藏 286KB DOCX 举报
Axure页面设计统一规范,Axure页面设计统一规范,Axure页面设计统一规范,Axure页面设计统一规范
资源详情
资源评论
资源推荐
页面设计统一规范
1 页面布局.................................................................................................................................... 2
2 logo 使用规范(按需而定)..................................................................................................... 4
2.1 注册登录首页 logo.......................................................................................................... 4
2.2 其他页面 logo(教育).................................................................................................. 4
2.3 频道首页 logo(学校首页).......................................................................................... 5
3 菜单栏........................................................................................................................................ 5
4 文字............................................................................................................................................ 5
4.1 字体和大小..................................................................................................................... 5
4.2 文字样式......................................................................................................................... 6
4.2.1 正文....................................................................................................................... 6
4.2.2 页签....................................................................................................................... 6
4.2.3 列表....................................................................................................................... 6
4.2.4 链接(按需而定)................................................................................................ 6
4.2.5 日期、时间............................................................................................................ 7
5 边框............................................................................................................................................ 7
6 图片、图标................................................................................................................................ 7
6.1 图片................................................................................................................................. 7
6.1.1 用户头像............................................................................................................... 7
6.1.2 课程图片(按需而定)........................................................................................ 8
6.1.3 广告图片(按需而定)........................................................................................ 8
6.2 图标................................................................................................................................. 8
7 设计样式规范............................................................................................................................ 9
7.1 Tab 选项卡....................................................................................................................... 9
7.2 面包屑............................................................................................................................. 9
7.3 步骤条(按需而定)...................................................................................................... 9
7.4 搜索................................................................................................................................. 9
7.5 按钮............................................................................................................................... 10
7.6 提示............................................................................................................................... 10
7.7 输入框........................................................................................................................... 10
7.8 翻页............................................................................................................................... 10
7.9 弹窗............................................................................................................................... 10
7.10 浮层(按需而定)...................................................................................................... 11
7.11 表单(按需而定)...................................................................................................... 11
7.12 下拉菜单..................................................................................................................... 11
7.13 社交元素..................................................................................................................... 12
8 页头、页脚.............................................................................................................................. 12
8.1 页头............................................................................................................................... 12
8.2 页脚............................................................................................................................... 12
2
1 页面布局
在页面布局中,对各个功能区域的切分是按照“像素”和“比例”方式来进行的,本项目设
计以 1200*h 的分辨率做为基准,其中:
Head 区域,宽度按照网页分辨率的 100%设置,即为 1200px;
页头包括 logo(顶部区域左 1/3 区域)和 menu 区,高度为 h px;
Content 区域,宽度与页头保持一致,为 1200px,当区域分为两栏时,第一栏宽
度为 860px,第二栏宽度为 310px,间距为 30px。
当区域分为三栏时,第一栏宽度为 200px,第二栏宽度为 630px,第三栏宽度为
310px,中间间距均为 30px。如图 1、图 2 所示。高度根据实际内容进行设置;
Foot 区域,宽度按照浏览器 100%设置,高度为 h px。
图 1 两栏布局
3
图 2 三栏布局
剩余12页未读,继续阅读
ldnlf
- 粉丝: 0
- 资源: 9
上传资源 快速赚钱
- 我的内容管理 收起
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
会员权益专享
最新资源
- RTL8188FU-Linux-v5.7.4.2-36687.20200602.tar(20765).gz
- c++校园超市商品信息管理系统课程设计说明书(含源代码) (2).pdf
- 建筑供配电系统相关课件.pptx
- 企业管理规章制度及管理模式.doc
- vb打开摄像头.doc
- 云计算-可信计算中认证协议改进方案.pdf
- [详细完整版]单片机编程4.ppt
- c语言常用算法.pdf
- c++经典程序代码大全.pdf
- 单片机数字时钟资料.doc
- 11项目管理前沿1.0.pptx
- 基于ssm的“魅力”繁峙宣传网站的设计与实现论文.doc
- 智慧交通综合解决方案.pptx
- 建筑防潮设计-PowerPointPresentati.pptx
- SPC统计过程控制程序.pptx
- SPC统计方法基础知识.pptx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论1