起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > UI设计的一些小技巧

UI设计的一些小技巧

时间:2021-07-16 15:07:21来源:我爱设计网 作者:UI设计网 已有: 名学员访问该课程

  快捷搜索:UI设计的一些小技巧


机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.itpxw.cn

前言: 网站设计中很重要的一点就是考虑用户中的视觉障碍群体。只有全面考虑用户群体的特点和需求进行设计,才能设计

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

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

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

2、风格保持一致

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

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

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

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

4、 允许访问键盘导航

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

5、适当的留白

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

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

文章出自:http://qh.itpxw.cn/peixun/ui/202187901.html

文章标题:UI设计的一些小技巧



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉

你也许会喜欢如下的文章?

机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.itpxw.cn

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------