全国服务热线:400-6263-721

位置:北京IT培训学院 > 学校动态 > 学UI设计要细心

学UI设计要细心

来源:北京IT培训学院时间:2021/6/19 16:40:04

  字体行高显示,不同浏览器、不同字体,文字行高不同,例如宋体的文章行高>黑体的行高,因此行间距也会不同,段间距也会发生变化,也是导致设计稿落地差的一个原因。我们需要与开发核对字符、行高、行间距,确保在对应模块差异性达到较小。

  若是涉及H5,则还有一层浏览器的适配因素需要考虑。

学UI设计要细心

  icon

  icon的差异性体现在切图适配、还有设备色差、icon视觉平衡这几点上,设计的时候注意同模块的icon线条粗细一致,色块颜色饱和度一致,

  组件、模块、页面

  组件、模块和页面都由上述色彩、文字、icon等组成,影响是面性的,一个元素出现问题,会影响整个模块甚至是页面。

  我们从细节处调整,由点及面,这样可以避免大部分页面落地差异性问题。

  UIReview

  只要思想不滑坡,办法总比困难多。在规避了上述列举的种种问题,我们可以避免90%左右落地稿与设计稿差异性的问题。

  较 后,还有一个方式来做弥补,那就是在开发完成之后上线测试之前,我们还可以在核对一遍落地稿与设计稿之间的区别做一个页面的UIReview,对照设计稿与落地页面,检查一遍落地效果。

  有差异的标明并记录下来,将较终的表格上交开发修改,并在开发修改后再次核对,以确保提出的问题在合理范围内都被调整或改正。完成落地验收,复查也可以再一次检验交互以及交互改进。

领取试听课
每天限量名额,先到先得

尊重原创文章,转载请注明出处与链接:http://www.peixun360.com/1972/news/371590/违者必究! 以上就是北京IT培训学院 小编为您整理 学UI设计要细心的全部内容。

温馨提示:提交留言后老师会第一时间与您联系!热线电话:400-6263-721