12个UI设计技巧,快速提升你的设计水平!

173人已阅读 2021-05-05 13:26:10
导读 如何学好UI设计?今天这一期小编总结了一些易于实践的UI设计小技巧,这些技巧可以毫不费力地帮助你改进现在的设计,希望能为你入门时提供一些指导。
视觉设计系列 空间设计系列 猎才计划系列 电商运营实战课

新闻详情

2021-05-05 13:26:10

12个UI设计技巧快速提升你的设计水平

  如何学好UI设计?今天这一期小编总结了一些易于实践的UI设计小技巧,这些技巧可以毫不费力地帮助你改进现在的设计,希望能为你入门时提供一些指导。

  1.保持字体一致
  在设计中尽量减少字体变化,这样可以使页面整体效果看上去更为一致和简洁。可以使用同一字体的不同字号和字重进行内容的区别
  2.改善页面的操作布局
  在页面布局时考虑到用户的使用习惯,大部分用户习惯用大拇指进行操作,因此将页面的按钮放置在用户容易触及的范围内很重要
  3.改善图文的对比度
  适当调整图文之间的对比度,根据文本在图像上的位置,可以选择有轻微变化的渐变叠加层(比如从上到下或从下到上的渐变),用来加强图文对比
  4.背景颜色与主体一致
  图片背景的颜色可以从图片中的主体物上进行选择,能使图片色调更加和谐,并使页面更有活力
  5.页面统一光源
  统一光源会使页面看上去更整体,不统一的光源阴影看上去是一个小问题,却很容易引起用户的注意
  6.增大功能键的有效面积
  对于功能按键,尽可能的增大可视面积和点击面积,标签可以尝试添加icon,带有icon的标签会比纯文本标签更易引起用户注意,更易被点击
  7.尽可能多的提示时间进度
  对于下载、加载、运算等一系列需要用户等待的操作,尽可能多的给予充分的提示,可以使用进度条+百分比数字+icon进行显示,缓解用户因等待产生的焦虑情绪
  8.合理的利用负空间
  合理的增大负空间会使页面更舒适,适度的留白可以使设计效果更优美
  9.让阴影的边界更清晰
  在给元素添加阴影时,可以在元素的边缘加一条和阴影颜色相近的描边,让元素的边界更加清晰,增强层次感。
  10.增加浅色文字的易读性
  浅色文字颜色不要过淡,需要*文字的可读性和易读性,尽可能的符合WCAG的AA级对比度标准。(WCAG:Web Content Accessibility Guidelines,Web内容无障碍指南,该指南中*含Web界面设计的原则和标准,对界面中的所有元素如文字、图片、视频等提出了全面规范,使普通用户和残疾人士都可以无障碍使用页面。WCAG划分了A级、AA级、AAA级三个等级,AAA为最高通用性等级。4.5:1为WCAG规定的对比度下限,小于该值则为不易读内容。)
  11.合理选择文本的对齐方式
  标题、小段的文字通常使用居中对齐,而在大面积的长篇文本上使用左对齐
  12.使用精致的字体
  重视字体的选择,好看的字体会使页面增色不少,也会使你的设计看上去更有特色

  以上就是今天关于UI设计技巧方面给大家做的分享啦,作为设计师我们要多观察这个行业、多看、多思考,来掌握未来产品设计方向。希望本篇文章能带给你一些新的观点与启发。
上一篇: 刚开始学习室内设计CAD要注意什么? 下一篇: 无

相关文章

推荐课程

查看全部课程
泉州天琥教育

泉州天琥教育

丰泽区校区

查看全部校区 进入官方主页