手机二维码 手机二维码

UI界面设计优化的6条实用建议

发表时间:2021-08-09    人气:2835    作者:牛耳教育
    在创建实用、可访问性良好且视觉效果颇为出彩的UI界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在这里UI界面设计优化小贴士增加6条实用的建议,一起来看看吧。
UI界面设计优化的6条实用建议
    1、保持信息简短直白,去掉枝节

    确保文本信息足够简短,切题,去掉文本当中不必要的修饰和枝节,让用户容易理解,有直接对话的感觉。

    向用户呈现清晰简洁的信息,有助于更好地达成预期的目标。

    2、在创建较长文本时用20pt字号

    对于长篇的文本内容,比如博客文章,正文文本部分建议使用20pt(甚至更大也可以)的字号,这样能够确保整体内容的可读性。

    当然,在具体应用的时候,需要根据实际设定的字体来灵活处理,有些很纤细的字体在20pt的时候阅读体验不够好,这个时候可能需要适当放大。
UI界面设计优化的6条实用建议
    3、不要仅靠色彩来传递报错信息

    在设计的时候,不要仅靠颜色来传递信息,这一行点很重要。尤其是在表单的报错信息当中,仅仅给输入框增加一圈红色的描边,并不足以让用户清晰地意识到出错,以及要如何修正。

    一方面,要使用明确的指引信息帮用户了解要如何改正错误,另一方面,需要考虑到有视觉障碍的用户无法通过色彩感知到信息。

    实际项目中,使用图标和文本来共同传达信息,有助于让信息更容易理解,提升整体的可访问性。

    4、使用4pt基线和8pt网格来控制纵向间隔

    说道字体和排版,可以将4pt基线和8pt网格系统结合起来使用,可以在设计中制造出更强的韵律感。

    借助4pt的基线来做行高的控制,使用4pt的倍数(4pt、8pt、12pt、16pt、20pt)来设置行高的数值。

    主要的原因在于,在传统的8pt网格系统当中,行高的控制相对而言比较粗糙,可选的范畴比较窄,单独使用4pt基线系统来控制行距则会好很多。
UI界面设计优化的6条实用建议
    5、减少标题文本的字间距和行高

    和较长的正文文本不一样,标题文本通常会比较短,但是相应的,因为文本尺寸较大,你需要适当地降低字间距和行高,来确保标题的整体感更强。

    适当的降低行高和字间距能能够获得更好的可读性,也会让视觉舒适感更强。

    6、使用多层次阴影和微妙的边框让元素突出

    在UI界面当中,可以给元素添加多层次的阴影,或者使用非常微妙的1px的边框(仅比实际阴影更深一点的色彩),可以让它们看起来更加清晰和突出。这种处理方法制造出来的阴影不会显得太过浑浊,也可以让整体视觉更加清晰。

免责声明:1、文章部分图片源于网络,均为示意图;2、所有文章、图片、音频视频文件等资料版权归版权所有人所有;3、因非原创文章及图片等内容无法一一和版权者联系,如原作者或编辑认为作品不宜上网供浏览,或不应无偿使用,请及时通知我们,以迅速采取适当措施,避免给双方造成不必要的经济损失;4、本页面内容如无意中侵犯了媒体或个人的知识产权,请来电告之,我们将于24小时内删除。

每日前50名预约咨询

可免费获取专属优惠

*
*

电话咨询

400-0731-162

在线咨询

返回顶部