三要素教你设计流行 大白风格UI

掌握简单三步，教你设计现在最流行又最有B格的“大白UI风格”（大字号、大留白、大配图），没错，它们统一的特点就是文字大，留白多，看着很舒服。

用了大白风格设计的APP：

  

   

相信大家早就见到过类似这些风格的APP了，但你们真的尝试设计过吗？

下面打开PS来随着我开始设计吧


第一要素：大字号

PS新建个750*1334宽高的标准iPhone6分辨率画布，然后输入标题文字，设字号：90；字体：平方 粗体；左间距50px；顶部间距100px;

（注意这里的字体要用平方粗体，直接加粗完事的话从态度和细节上就已经OUT了，这可能也是为什么你临摹别人作品，最后却总没原版好看的原因）

第二要素：大留白（可以理解成大间距）

大家可以参考我截图中的间距来设置，文末我也传了含iPhne X模板的PSD给大家下载

（我一般常用的尺寸有：左右间距50；上下间距最少20；其它的话一般是10的倍数，绝不要出现11，13这些奇数数值）
足够的留白能使页面看起来更加的舒服，更佳的干净清爽。但自己心理一定要有套各情况下的留白间距尺寸规范，否则一套APP几十个页面没有规范会越设计越困难。

更多精彩图片 请登录

第三要素：大配图

新建一个宽650，高390的矩形，左右间距50。然后网上找个高质量的图片插入图片剪切蒙版进去。达啦~ 恭喜你已经完成了第一个大白风格的APP界面。
所谓大配图，其实就是不吝啬空间，因为大留白已经为你准备好了空间，勇敢的使用大图片来作为展示，尽可能的让图片成为页面的主视觉点，你会发现界面的档次和美观程度又有了进一步提升

更多精彩图片 请登录

依此类推，我们可以发挥创意，运用大白风格设计出更完善更高B格的页面，并且完美运用到实际项目中，比如:

更多精彩图片 请登录

总结：

本文只是希望带大家入个门，掌握大白风格的设计要素总结来说就三个关键词：大字号！大留白！大配图！

（文中图片部份是网上找的，部份是我自己的，如果善用了您的作品请联系删除( ^_^ )/~~）


另外再说几个要素：

1. 用色要慎重，大白风格中主色不再是主色，基本是用来画龙点睛，当配色点缀用的（如果您实力够，那么任意挥洒也没问题的）。

2. 为了方便大家理解所以我一直在说大字号，但别以为是加大加粗就行了。专业的说法是“重” ，用字体加粗，颜色加深来达到压住页面，撑得住场面的作用。

3.减少或淡化分割线的使用，改用留白来代替TA，现在的手机屏幕都已经很大了，不要舍不得留白。尝试平常设计时加一两倍的留白会使浏览效果出奇的好。

更多精彩图片 请登录

元素那么大，我想来看看