免费的一体化
产品设计协作平台
免费开始
首页 设计协作文章 网页设计规范有哪些?

网页设计规范有哪些?

晓庄
2021-08-13 10:02:25
分享到:

网页设计也属于UI设计范畴,是近几年的大热门。随着互联网时代的到来,网页UI设计也开始被越来越多的企业重视,正是如此,UI设计也可以说是目前设计界中薪资最高的存在。

那么对于目前学习网页设计的小伙伴而言,如何才能做好网页设计,拿到这份高薪呢?关于这一点,墨刀认为做好UI设计的核心是明确网页设计规范,今天就来和大家具体聊一聊。

一、网页设计尺寸规范:

网页宽度:1920高度,使用画布尺寸:950px长度~1200px宽度,具体尺寸由项目、要求和用户组决定。

首屏高度:≈700-750P,主体内容区域:1200PX。

文件建立:宽度1920PX,高度无要求,颜色模式为RGB,分辨率为72像素/英寸。

以上是具体网页尺寸规范,但可设计的空间具体需要结合网页布局设定,网页布局分为两种:①左右型布局;②居中型布局。不同布局可做图的空间也是不同的。

二、网页设计字体规范:

字体设计的核心要点是可辨识性和易读性。

网页设计中文常用字体为宋体、微软雅黑或苹果系统黑体;英文常用字体为TimesNewRoman、Arial无衬线字体、sans。

网页设计中文字符常用尺寸为:导航文字14px、16px、18px、20px;

本文内容12px,14px;标题22px、24px、26px、28px、30px;辅助信息12px,14px。英文字符常用尺寸为:标题10-16px,本文内容10-16px,底部信息最小10px。

网页设计段落字体格式:两端对齐,末行左对齐;首行缩进2个字符,行间距与段间距为字体大小的1.5-2倍区间;字间距为0,避头尾法则为JIS严格。

三、网页设计等级规范

网站主页也可称为首屏,只能有一个,包含核心内容:公司、LOGO、导航、banner、相关信息、新闻资讯、底部信息,其中banner一般是5个。在构图和内容呈现上,网站主页的设计可以说是重中之重。

网站主页之后,便是二级页面,就是从主页点击进入之后的页面;同理可证,三级页面,就是再从二级页面点击进入的页面。

四、网页设计颜色规范

核心文字颜色建议使用来自于公司LOGO的颜色,增加网站与公司形象的关联性、辨识度。

正文文字颜色通常选用深灰色,介于#333333到#666666区间,增加易读性。

注释等辅助性文字建议使用浅色,例如#999999。

直接做法:选择一个符合公司形象的产品图片,在图中提炼出四种颜色,调整明度和直线色即可作为网站主页的主色调,灵活运用于不同文字。

以上就是上4个核心网页设计规范,对于UI设计师而言,了解掌握这些规范后能够更好的形成自己的专业概念,灵活运用于设计实践,在进行网页设计时,做出来的页面相对会比较美观和谐。当然实际设计时,少不了设计工具的帮助,一款好用的网页设计软件可以帮助设计师更加轻松地完成工作,墨刀便是一个原型、设计、流程图、思维导四合一的一站式网页设计工具,界面清晰、上手容易、素材丰富、操作高效。不管是就墨刀自身来说,还是与同类产品相比,都颇有优势。

墨刀 - 在线一体化产品设计协作平台

原型、设计、流程图、思维导图......享受创造的乐趣,成就团队和个人

晓庄
2021-08-13 10:02:25
分享到: