Web原型设计规范
上篇文章为大家介绍了app端在进行原型设计时的设计规范,本篇将继续为大家介绍一下Web端(这里主要指网页端)的设计规范。其实web端的设计规范并没有像app端那样多,因为展示的空间比较大,所有要求也就没有那么严苛。
电脑端一般分为中后台项目与网站类项目,以下均说的是网站类项目;中后台项目一般由于使用的人员是内部的人员,而公司一般采买的电脑屏幕大小以及分辨率比较固定,所以这个大家可以根据实际情况,自己决定绘制原型的大小。
web端的原型高度通常都是自适应,咱们只需要考虑规定宽度即可,一般咱们为了让原型查看者能够查看到完整的原型内容,设计原型时会小于电脑分辨率进行设置,再结合电脑分辨率的尺寸统计,宽度为1280的占有率达到了51%,而且一般研发或者UI的电脑分辨率也不太低,所以宽度一般会设置成1280,高度的话一般使用800。
①字体
中文:宋体、微软黑体、苹果系统黑体
英文:Arial、Comis Sans MS等
②字体大小
最小:12px
普通文字:14px(axure中默认文本标签为14px)
其他字体:要遵循偶数原则
③字间距
行间距:1.5-2倍
段间距:2-2.5倍
③字体颜色(安全色)
#333333到#666666 之间
左右留白:360px
顶部栏:48px
如果是中后台的话,一般配置如下:
左右留白:24px
顶部栏:48px
以上便是常见的web端的原型设计规范,在绘制原型时,还有一下几点建议,希望能够帮助到大家
①导航栏尽量转为动态面板,方便对位置进行固定
②内容区尽量使用内联框架实现,这样可以避免在每个页面都拖入导航栏
举报/反馈
上一篇:2023智能语音办公键盘推荐:讯飞AI机械键盘T8助力高效办公
下一篇:华为MateBook X Pro,搭载Super Turbo,高颜值商务轻薄本
最近更新科技资讯
- 22年过去了,《透明人》依然是尺度最大的科幻电影,没有之一
- 人类基因编辑技术及其伦理问题
- 不吹不黑,五阿哥版的《嫌疑人》能过及格线
- 论Lacan心理公众号的“双标”特质
- 猎罪图鉴:犯罪实录 女性伦理
- 清入关的第一位皇帝是谁,清朝入关后有几位皇帝?
- 描写露台的优美句子
- 谭德晶:论迎春悲剧的叙事艺术
- 中秋节的好词好句
- 《三夫》:一女侍三夫,尺度最大的华语片要来了
- 赛博朋克的未来,在这里
- 文件1091/721/2A:反概念武器实体的一封信件
- 尤战生:哥伦比亚大学点点滴滴
- 韩国最具独特魅力的男演员(安在旭主演的电视剧有哪些)
- 乃至造句
- 请保护好我们的医生,他们太难了
- GCLL06-土木工程的伦理问题-以湖南凤凰县沱江大桥大坍塌事故为例
- 黄金宝典:九年级道德与法治核心考点必背篇
- 【我心中的孔子】伟大的孔子 思想的泰山
- CAMKII-δ9拮抗剂及其用途
- 选粹 | 郑玉双:法教义学如何应对科技挑战?——以自动驾驶汽车为例
- 苍井空37岁宛若少女,携子送祝福遭热讽,下架所有视频母爱无私
- 日韩新加坡怎么对待影视剧中的裸露镜头
- 中西方文化中的颜色词
- 土豪家的美女摸乳师——关于电影《美人邦》