火星网校
3点教你设计流行“留白”UI风格
发布时间：2024-03-11 13:35:33 浏览量：138次
掌握简单三步，教你设计出2019最流行又最有B格的“留白UI风格”APP。
今天教一个如何设计出2019最流行最省事还最有B格的UI风格，那就是：“留白风格”（名字瞎起的......嘻嘻）
快来跟着一克君学习如何设计这种风格的技巧吧 (*^__^*)
上面这张图是 APP的UI界面截图，看完后大家注意到了共同点没有？
没错，他们统一的特点就是文字大，留白多，看着很舒服。
这就是一克君要分享给大家的最近今年最流行的：“留白风格”。
相信大家早见到过类似这些风格的APP了，但你们真的尝试设计过吗？
下面打开PS来随着我开始设计吧，首先拿一克君最近的一个羞羞案例来做示范（因为是示例，我把界面风格设计的更简单了）
1要素：大字号
大家PS新建个750*1334宽高的标准iPhone6分辨率画布。输入标题文字，设字号：90；字体：平方 粗体；左间距50px；顶部间100px;
注意这里的字体要用平方粗体。
直接加粗完事的话从态度和细节上就已经OUT了，这可能也是为什么你临摹别人作品，最后却总没原版好看的原因。
2.要素：大留白
足够的留白能使页面看起来更加的舒服，更佳的干净清爽、更平衡的布局。元素更清晰的呈递效果，更能吸引用户注意。
但自己心理一定要有套各情况下的留白间距尺寸规范。否则一套APP几十个页面没有规范会越设计越困难。
3要素：KISS原则
保持一切简洁。是设计亘古不变的道理，没有必要完全填满。某些情况下，“不完整才是完整，残缺才是完美”。
设计师的任务就是利用（布局，留白，色彩，尺寸，字体）来营造一个视觉焦点，吸引用户的注意力。
但是不要为了留白而一味留白，要注意设计元素之间的联系性。
4要素：大配图
所谓大配图，其实就是不吝啬空间。因为大面积的留白已经为你准备好了空间。
大胆的使用大图片来作为展示，尽可能的让图片成为页面的主视觉点。
你会发现界面的档次和美观程度又有了进一步提升。
依此类推，我们可以发挥创意，运用大白风格设计出更完善更高B格的页面，并且完美运用到实际项目中，比如下面这些~
留白是一种重要的、功能强大的设计元素。它对于创造积极的用户体验有着重大的影响。
“留白就像一块画布，它是将不同设计元素融合到一起的背景，又让这些元素通过对比衬托脱颖而出。”
一克君只是希望带大家入个门，掌握留白风格的设计要素总结来说就三个关键词：大字号！大留白！大配图！
只要我们明白每一次的留白目的，就足以做出很优秀的作品！
（文中图片部份是网上找的，部份是一克君自己的，如果善用了您的作品请联系删除( ^_^ )/~~）
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
