快速提升UI设计效果的6个小技巧
作者:优漫动游设计部 2023-11-20 12:02 查看: 188

  留白应被视为最常见/实用的设计元素


快速提升UI设计效果的6个小技巧



  不要把你的整个页面都用信息给填满,让你的设计尽量更有呼吸感,而不会显得拥挤。

  留白其实和文本、、配色一样,应当视作为一个排版的元素,无论是在网页还是在APP的UI界面当中,它们都是一起协同来构成版面,传递信息,给用户带来更好的体验。

  而屏幕空间足够充裕并不意味着你需要用信息填满整个空间,使用留白合理地将信息划分出优先级,这一点在几乎所有的设计里面都是通用的规则。

  保持文本和图像之间合适的对比度

  在涉及到图文混排或者图文叠加的地方,前景的文本和背景的之间的对比度控制也是一个常见的问题。尤其是在的视觉信息比较多和混杂的时候,前景的文字很难确保整体的可读性。

  这个/时候,在文本和之间添加一个深色半透明的叠加层,就能够让和文本之间保持良好的对比度。

  另外,这种设计还可以在更换和文本情况下,合理地在深色和浅色之间切换,确保不同情况下的对比度。

  控制好文本段落在垂直方向上的节奏感

  文本内容在垂直方向上其实也是有讲究的,合理的节奏能够让标题、副标题、段落标题、文本之间的各自的归属关系、层级结构,呈现的更加清晰。

  我见过最常见的一种情况,所有的行间距和段间距都是一样的,边距和间距也都非常粗暴地完全一样,这种排版设计之下,视觉上无法让人清晰地了解到底标题和上下段落之间的归属关系。

  其实这个时候,我通常会让段落标题和上有正文段落之间的间距拉开,这样能够让标题和下方段落之间有更加清晰的关系,保留更好的垂直节奏感。这种思路延伸开来,可以根据需求做的更细致,但是总体上,就是为了提供更好的视觉层次结构。

  请使用x高度或Il1来进行测试文本可读性

  在进行西文字体设计的时候,小写x通常是作为字体设计的基准,它和大写字母的尺寸对比比例直接影响着字体的可读性。

  通常而言,为了让设计不至于深陷反复调整文本配色怪圈当中,通常最好基于你的整个配色方案来进行设计,比如可以借用你的主色的色相,在保证对比度的情况下,让不同的文本呈现出不同的明暗即可,这样既保证了视觉上的统一,又差异性的处理,又不至于体验上太差。

  对UI设计行业感兴趣的小伙伴可以联系下方,领取广州UI设计培训课程七天免费试听活动,助力追梦的莘莘学子把握黄金学习机会成为Ui设计师,用专业技能充实自己,为成功就业奠定基础。
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服