网页设计也属于UI设计的范畴,是近年来的热门话题。随着互联网时代的到来,越来越多的企业开始关注网页UI设计。正因为如此,UI设计可以说是目前设计行业薪酬最高的存在。
那么,对于目前学习网页设计的小伙伴来说,如何才能做好网页设计,拿到这个高薪呢?关于这一点,即时设计认为UI设计的核心是明确网页设计规范。今天我们来详细谈谈。
即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。https://js.design/?source=csdn&plan=btt410
一、网页设计尺寸规范:
网页宽度:1920高度,使用画布尺寸:950px长度~1200px宽度,具体尺寸由项目、要求和用户组决定。
首屏高度:≈700-750P,主要内容区域:1200PX。
文件建立:宽度1920PX,高度无要求,颜色模式为RGB,分辨率为72像素/英寸。
以上是具体的网页尺寸规范,但可设计的空间需要与网页布局相结合。网页布局有两种:①左右布局;②中间布局。不同的布局可以做图的空间也不一样。
二、网页设计字体规范:
字体设计的核心点是可识别性和可读性。
网页设计中文常用字体为宋体、微软雅黑或苹果系统黑体;英文常用字体为Times网络、Arial无衬线字体,sans。
网页设计中文字符的常用尺寸为:导航文字14px、16px、18px、20px;
内容为12px,14px;标题22px、24px、26px、28px、30px;辅助信息12px,14px。英文字符常用尺寸为:标题10-16px,本文内容10-16px,底部信息最小为10px。
网页设计段落字体格式:两端对齐,最后一行左对齐;第一行缩小两个字符,行间距和段间距为字体大小的1.5-2倍;字间距为0,避头法则严格。
三、网页设计等级规范
网站主页也可以称为第一屏,只能有一个,包括核心内容:公司、LOGO、导航、banner、相关信息、新闻信息、底部信息,一般包括5个横幅。在构图和内容呈现方面,网站主页的设计可以说是最重要的。
网站主页后,是二级页面,是从主页点击进入后的页面;同样,三级页面是从二级页面点击进入的页面。
四、网页设计颜色规范
建议使用来自公司LOGO的核心文字颜色,增加网站与公司形象的相关性和认可度。
文字颜色一般为深灰色,介于#333333到#666666区间,增加易读性。
建议使用浅色等辅助文字,如#999999。
直接做法:选择符合公司形象的产品图片,从图片中提取四种颜色,调整亮度和直线颜色作为网站主页的主色调,灵活应用于不同文本。
以上是前四个核心网页设计规范。对于UI设计师来说,在理解和掌握了这些规范之后,他们可以更好地形成自己的专业概念,灵活地应用于设计实践。在网页设计中,页面会相对美观和谐。当然,在实际设计中,设计工具的帮助是不可或缺的。一个易于使用的网页设计软件可以帮助设计师更容易地完成工作。即时设计是原型、设计、流程图、思维导向四合一的一站式网页设计工具。界面清晰,使用方便,材料丰富,操作效率高。无论是即时设计本身,还是与同类产品相比,都有相当大的优势。
即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。https://js.design/?source=csdn&plan=btt410