UI设计中高级感怎么做
作者:优漫动游设计部 2023-08-07 15:50 查看: 276

  对于UI设计师而言,总会听到老板和客户提“高级感”这个词,想要设计出更优秀的效果,如何才能提升“高级感”?


UI设计中高级感怎么做



  今天总结了几个简单直观改善网页视觉效果且能提升高级感的小技巧。

  1保持字体一致

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

  2改善图文的对比度

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

  UI设计中高级感怎么做

  3尽可能多的提示时间进度

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

  4页面统一光源

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

  UI设计中高级感怎么做

  5背景颜色与主体一致

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

  6增大功能键的有效面积

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

  7合理选择文本的对齐方式

  标题、小段的文字通常使用居中对齐,而在大面积的长篇文本上使用左对齐。

  8使用色彩和字重来创造层次结构

  使用色彩和字重来创造层次结构,而不是单纯的大小对比。

  在对UI文本进行样式控制的时候,最常见的错误莫过于过度依赖字体大小差异来营造对比。

  如果可以的话,你甚至可以采用两到三种颜色:

  主要内容采用深色(诸如标题,但是不要用纯黑)

  次要内容采用灰色(比如文章发表日期)

  辅助性内容采用浅灰色(比如页脚中的版权声明)

  9按钮色彩凸显重要性

  在给用户提供多个选择的时候,可以通过色彩所传递的情绪是积极还是消极的,来简单快速地进行设计。

  10用字重和明暗来区分层级

  尤其是在构建文本内容的视觉层级的时候,可用到的属性很多,只使用大小差异来构建就显得过于单一了。

  在很多时候,可以借助色彩、字重、明暗来进行区分。我们可以让更重要的文本更大、字体更粗、色彩更加鲜明,或者使用更深的黑色来呈现。

  广州UI设计培训,系统学习,融会贯通,直奔主流技术,节省时间,老师督促指导,学习效率高,随堂练习,及时解决问题,企业IT大牛指导实战落地项目,与企业需求无缝连接,签订就业协议,诸多合作名企,4个月后直接走向工作岗位,避免工作后的水土不服。高薪名企有增加!了解详情请登陆广州UI设计培训官网
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服