<table id="hjikn"><strike id="hjikn"></strike></table>
    <li id="hjikn"><ruby id="hjikn"></ruby></li>
      勤学教育网合作机构>南京培训学校>

      南京丝路教育

      欢迎您!

      分享

      全国统一学习专线 8:30-21:00
      南京丝路教育
      选择丝路教育,掌握前沿技能,梦想一触即发
      六大课程体系培养学生成为适应社会的实用人才
      着眼实用,业内资深名师、全程实战演练、名企就业直通车,拒绝花哨、吹嘘
      课程导航
      建筑表现 室内设计 UI设计 VR游戏 BIM培训
      更多

      位置: 平面设计学习网>UI设计师如何提升画面层次感

      UI设计师如何提升画面层次感

      南京丝路教育logo
      来源:南京丝路教育

      2019-05-15|已帮助:20

      进入 >

      设计中的排版的常见的雷区,就是过分依赖字体的大小来区分层级关系,但往往这样子,画面的效果并不突出,今天小编主要给大家分享UI设计师如何提升画面层次感,希望对你们有帮助!
       

      UI设计师如何提升画面层次感
       

      1.图标
       

      如果你要设计一些大图标,可以尝试给图标添加一个背景色,缩小图标的大小,使用背景色使图标看起来更大,并丰富原来单调的图标。
       

      注意:这种做法常用通常是功能性比较大的图标时候使用,但如果一些常用界面设计上,尽量然图标看起来小一点,彩色统一一点,并且最好是不要有彩色,因为有彩色的图标可能会影响用户的判断。
       

      图标样式必须是统一的,如果用线性,就用线性,使用侧,用面性,就都用面性。
       

      2.按钮
       

      当用户可以在一个页面上执行多个操作时,需要在界面上添加一些引导性设计,即希望用户操作的按钮高亮起来,不希望用户操作的弱化下去即可,这样可以激发用户的点击欲。
       

      控件设计是一个非常重要的部分,有一个常见的重要维度:层次结构。
       

      最希望用户按的:高亮,应该与背景形成强烈的对比度。
       

      次重要的:应该设计清楚,但不需要突出,使用轮廓样式较低对比度的背景色色更好的选择。
       

      三级控件:应该是可以让用户控件,但并不需要引人注目。
       

      3.垂直阴影
       

      当我们制作卡片需要做投影效果时,我们不会使用更大的模糊来使框架阴影更明显,而是让淡淡的投影垂直偏移。
       

      这种效果似乎更自然一些,因为这种做法模拟的是一种真正的光效应,从上面照耀,就像太阳从顶部照下来一样,所以效果更真实、更自然。
       

      4.文字
       

      当灰色文字放置在白色背景上时,效果是好的,但如果将灰色文字放置在彩色背景上的话,效果就不令人满意。
       

      这是因为在白色背景中添加灰色会降低对比度,从而画面看起来更简洁、更干净。
       

      但如果将灰色文字放在彩色背景上,视觉感官就不会那么明亮,画面看起来不干净,有点脏的样子。
       

      应尽量使文字更接近背景的彩色,这更有利于创建画面的层级关系,而不是将灰色文字直接放置在彩色背景上。
       

      当我们使用彩色背景时,可以尝试以下两种方法:
       

      (1)降低不透明度
       

      使用白色文字,然后稍微降低白色文字的不透明度,这样子可以稍微把彩色的背景透人白色文字,这种做法可以有效的让文字很好的与背景看起来更协调。
       

      (2)调亮文字
       

      当背景是彩色的或淡淡的低温的时候,如果只是降低白色文字的不透明度,将使文字变得有点苍白无力。
       

      我们可以尝试将文字的彩色更改为与背景彩色相同的颜色,然后调整文字的饱和度和亮度。
       

      以上就是南京丝路教育学院小编为您整理UI设计师如何提升画面层次感的全部内容,更多精彩请进入平面设计学习网栏目查看

      • 最新文章
      • 学校课程
      平特一肖公式-平特一肖公式规律-平特一肖公式计算软件