太原达内教育

太原达内教育拥有行业内完善的教研团队,

学校课程咨询服务:
400-882-1633
培训世界 >太原达内教育 >新闻中心 >UI设计技巧

UI设计技巧

2020-12-01 09:55:06来源: 太原达内教育
UI设计技巧
导读:

本文总结了一些易于实践的技巧,可以帮助设计人员毫不费力地改进设计,为今后的设计实践提供有益的指导。

文章详情
新闻内容

  1.保持字体一致
  在设计中尽量减少字体变化,这样可以使页面整体效果看上去更为一致和简洁。可以使用同一字体的不同字号和字重进行内容的区别。

  2.改善页面的操作布局
  在页面布局时考虑到用户的使用习惯,大部分用户习惯用大拇指进行操作,因此将页面的按钮放置在用户容易触及的范围内很重要。

  3.改善图文的对比度
  适当调整图文之间的对比度,根据文本在图像上的位置,可以选择有轻微变化的渐变叠加层(比如从上到下或从下到上的渐变),用来加强图文对比。

  4.背景颜色与主体一致
  图片背景的颜色可以从图片中的主体物上进行选择,能使图片色调更加和谐,并使页面更有活力。

  5.页面统一光源
  统一光源会使页面看上去更整体,不统一的光源阴影看上去是一个小问题,却很容易引起用户的注意。

 6.增大功能键的有效面积
  对于功能按键,尽可能的增大可视面积和点击面积,标签可以尝试添加icon,带有icon的标签会比纯文本标签更易引起用户注意,更易被点击。

  7.尽可能多的提示时间进度
  对于下载、加载、运算等一系列需要用户等待的操作,尽可能多的给予充分的提示,可以使用进度条+百分比数字+icon进行显示,缓解用户因等待产生的焦虑情绪。

  8.合理的利用负空间
  合理的增大负空间会使页面更舒适,适度的留白可以使设计效果更优美。

  9.让阴影的边界更清晰
  在给元素添加阴影时,可以在元素的边缘加一条和阴影颜色相近的描边,让元素的边界更加清晰,增强层次感。

  10.增加浅色文字的易读性
  浅色文字颜色不要过淡,需要文字的可读性和易读性,尽可能的符合WCAG的AA级对比度标准。

  11.合理选择文本的对齐方式
  标题、小段的文字通常使用居中对齐,而在大面积的长篇文本上使用左对齐。

  12.使用精致的字体
  重视字体的选择,好看的字体会使页面增色不少,也会使你的设计看上去更有特色。

太原达内教育

太原达内教育致力于面向IT互联网行业,培养软件开发工程师、测试工程师、系统管理员、智能硬件工程师、UI设计师、网络营销工程师、会计等职场人才。2015年起,推出面向青少年的少儿编程、智能机器人编程、编程数学等K12课程。

展开更多

咨询热线:400-882-1633

1