更多课程 选择中心


UI培训

400-111-8989

UI设计的一些小技巧


网站设计中很重要的一点就是考虑用户中的视觉障碍群体。只有全面考虑用户群体的特点和需求进行设计,才能设计出受用户欢迎的网站。没有考虑易访问性需求的网站设计在某种程度上来说是不成功的。做UI设计你必须懂得一些小技巧,会让你的设计看起来更加的完整。

UI设计的一些小技巧

1. 提供文本替代非文本内容

我们对网站上非文本内容的感知完全基于我们的听觉或视觉条件。当电子学习课程在练习中使用纯图片内容时,视力差的学生可能会错过重要的信息。同时,当只提供没有文本替代的视频内容时,我们也可能会失去听觉障碍用户的注意力。对于有听觉障碍的用户,网站可以考虑使用屏幕阅读器。当我们添加屏幕阅读器能够捕捉到的适当描述时,图像也可以被访问。根据图像的用途,文本可以采用名称的形式来标记图像的角色,也可以采用简单的描述性标识。

2、风格保持一致

目前最流行的两种设计方式,第一:扁平化第二:卡片式。卡片式最有意思的就是运用投影来模拟现实的距离感和层级。如果选用卡片式的设计方式,那么全局尽量都要运用上投影效果,不要一块卡片,一块扁平,风格保持统很关键。

投影选用的颜色正确和错误,直接拉低作品质量。在工作中,按钮等控件使用投影尽量用吸取工具,把主色调提取出来把明度压低一些,总之要保持同色系的投影,这样才符合视觉逻辑。其次,如果按钮上有文字,文字尽量不要纯白,记得带 一些同色系的淡淡颜色。

3、思考颜色使用和对比策略

颜色可以帮助我们强调页面中我们想要展示的区域,吸引用户的注意,以促进其获取重要信息。但如果你只是采用普通的颜色方案,视力差或色盲的用户很难完全理解页面/网站内容。颜色并不是强调内容或提示警告的唯一途径。当设计具有不同背景颜色的元素时,也可以考虑使用图案。因为不是每个人都能正确地区分颜色,所以使用不同的图案也能帮助用户区别信息。当你用颜色标记元素时,要注意使用足够的亮度差异。色盲或视力差的用户可以通过强烈的明暗对比感知视觉元素。这样也可以帮助所有用户在恶劣的条件下访问网站,例如,用户试图在强烈的阳光下填写表格。

4、 允许访问键盘导航

有行为障碍的人不能用鼠标和键盘进行导航,例如盲人用户可以在浏览网页时也能使用键盘。因此,网站上的所有功能应该既支持鼠标触发,也可以用键盘操作。键盘导航主要关注导航过程中活动的元素。只有当用户始终知道他们在页面上的确切位置时,才会提供完整的体验。因此,保持键盘焦点对页面导航的所有元素可见,并确保焦点顺序遵循一个精确的序列。

5、适当的留白

好的设计,是在最少的元素下还能第一时间突出重点信息。极简是种趋势,你要减少不必要的元素,或者简化元素。不要想着把画面撑满就是好的设计,有时候,适当的留白,给用户呼吸的空间更重要。

安逸使人沉迷,每天进步一点点,久了,你就离那个目标近了。没有什么东西是绝对的,只有学习是不会欺骗你的,坚持学习下去,相信你的技术一定会越来越好。

预约申请免费试听课

填写下面表单即可预约申请免费试听! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:UI设计都有哪些分类?
下一篇:平面设计都需要学习那些知识?

ui设计中设计风格发展历程

UI设计初学者该如何学习UI

零基础UI会用到哪些软件?

photoshop零基础学习

  • 扫码领取资料

    回复关键字:视频资料

    免费领取 达内课程视频学习资料

Copyright © 2023 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
贵州省

广西省

海南省