Web UI设计规范及界面实现注意事项

如题所述

第1个回答  2022-07-15
适用于WEB产品线的人机交互界面的设计,贯穿于以用户为中心的设计指导方向。根据WEB产品的特点制定出的一套规范,以达到提升用户体验,控制产品设计质量,提高设计效率的目的。

适合界面设计师、用户体验设计师、前台设计工程师、发布支持人员、运营编辑人员等

1.【统一识别】规范能使页面相同属性单元统一识别,防止混乱,甚至出现严重错误,避免用户在浏览时理解困难。

2.【节约资源】除了门户网站、活动推广等个性页面外,相对于后台系统、物联网系统、数据统计系统、等界面设计,使用规范标准能极大的减少设计时间。
3.【重复利用】相同单元属性,页面新建时可以执行此标准重复使用,减少无关信息,就是减少对主题信息传达干扰,利用阅读与信息传递。

未通过客户或上级领导确认产出的界面,请勿上传至蓝湖协作系统

设计师在原型步骤及应该想好对应的图层结构,交互特效,并和前端开发人员做好交流,是否可以实现,功能的评估一定要细致

1.已上传至蓝湖协作平台的高保真界面,应根据平台中的标注尺寸进行精确还原,Web界面还原度不得低于95%;移动端还原度为100%(精确到一像素)。

2.开发人员完成视觉部分内容以后,必须由UI设计师及前端技术负责人进行校对工作。

3.如遇到界面效果复杂或组件样式特殊等难以实现的问题,应及时与对应的UI设计师或前端技术负责人沟通处理,不能随意更换。

4.前端开发人员无权更改设计图中的样式及功能,遇到问题应及时与设计人员协商。

5.如遇产品经理或项目负责人未通过设计师确认,直接要求修改界面视觉效果部分,前端开发人员可拒绝修改。必须由UI设计师对高保真图纸更改后再进行相应的修改。
相似回答