首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |ui |经验详情

APP的留白设计

更新时间:2023-12-21

炙热等于羊

ui

1876

相比于紧凑的设计,留白的设计可以让我们的界面变得更有呼吸感,适当的留白可以让人在阅读时更加具有放松的心理暗示,留白是一种对比手法或方式,而非纯粹的减少内容来达到留白的目的,在有限的手机屏幕内容我们需要清楚哪些位置或内容可以做到适当留白。

一、顶部留白

在界面的顶部减少内容的呈现或加大内容与界面顶部的间距来达到留白的方式,让使用者从一开始的就降低视觉压迫性.例如在一些设计APP的游戏详情页、个人资料页等较为常见。

APP的留白设计

二、去线留白

通过减少线的使用以及间距的调整来达到留白的效果,强调内容的自然视觉分区,减少线对内容的信息干扰.例如在一些列表或具有明确大标题的内容模块下可以尝试减少线的使用。

APP的留白设计

三、借助标题留白

模块与模块之间使用较大号的字体,通过大字体的支撑产生更加自然舒适的空间留白.例如iOS的系统界面的顶部大标题设计。

APP的留白设计

四、增加边距留白

适当增加内容与内容之间、内容与屏幕之间的间距来优化界面的空间感,达到留白的效果,增强内容的聚焦。

iAPP的留白设计

五、减少重色

减少大面积的重颜色使用,降低视觉层次,让整体界面的设计更加轻量化、扁平化.例如上下导航的颜色,在无需过渡强调品牌色的情况下,可以考虑使用白色或浅色来增强整体界面的呼吸感和留白效果。

APP的留白设计

在手机屏幕空间相对有限的情况下,我们的视觉会更加聚焦.过于密集的设计往往更会造成视觉疲劳,因此更需要多去思考内容设计的空间感,适当的留白可以降低视觉疲劳,提高视觉聚焦和阅读效率。

总结

每年都会有新的设计趋势变化,但实际上应用的设计方法都不会有太大差异。了解设计趋势可以更好的帮助我们去进行设计思考,然后再结合日常锻炼的设计基础能力作出更好的设计,趋势帮助我们明白往哪个方向做,而基础帮助我们更好的达到方向。

上一篇 下一篇

相关课程

ONLINE COURSES
  • 女生学计算机可以从事什么职业

    女生学计算机可以从事什么职业

    讲师:JennyZ

  • 设计类前景较好的专业有哪些

    设计类前景较好的专业有哪些

    讲师:奇思无止境

  • UI作品集怎么做

    UI作品集怎么做

    讲师:行动者帆帆

  • 元宇宙对设计师有哪些影响

    元宇宙对设计师有哪些影响

    讲师:奇思无止境

免费好课

FREE GOOD COURSES
MORE
  • 剪映和PR的短视频剪辑技巧

    剪映和PR的短视频剪辑技巧

    3小时22分钟26秒

  • Stable Diffusion - 2024全新AI绘画系统教学

    Stable Diffusion - 2024全新AI绘画系统教学

    1小时40分钟49秒

  • UE5游戏开发黑科技-四大So Easy插件,从菜鸟到大师仅一步之遥!

    UE5游戏开发黑科技-四大So Easy插件,从菜鸟到大师仅一步之遥!

    37分钟30秒

  • AE软件入门基础课

    AE软件入门基础课

    3小时48分钟27秒

  • PS海报创意设计课

    PS海报创意设计课

    4小时55分钟26秒

  • Q版角色三头身设计课

    Q版角色三头身设计课

    3小时9分钟29秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答