首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

房山APP开发讲述: 三要素教你设计流行 大白风格UI

掌握简单三步,教你设计出2017最流行又最有B格的大白UI风格

失踪人口暂时回归~今天教一个如何跟着苹果爸爸走,设计出2017最流行最省事还最有B格的UI风格,这就是:大白风格快来跟着我学习如何设计这种风格的技巧吧)

上面这几个图分别是苹果应用商店和AirbnbAPP的部分UI界面截图,看完后大家注意到了共同点没有?没错,他们统一的特点就是文字大,留白多,看着很舒服下面再放几个用了大白风格设计的APP:

这就是本教程要分享给大家的最近今年最流行的:大白风格。相信大家早就见到过类似这些风格的APP了,但你们真的尝试设计过吗?下面打开PS来随着我开始设计吧,首先拿鄙人最近的一个羞羞案例来做示范:

第一要素:大字号大家PS新建个750*1334宽高的标准iPhone6分辨率画布,然后输入标题文字,设字号:90;字体:平方粗体;左间距50px;顶部间距100px;

第二要素:大留白大家可以参考我截图中的间距来设置,文末我也传了含iPhneX模板的PSD给大家下载足够的留白能使页面看起来更加的舒服,更佳的干净清爽。但自己心理一定要有套各情况下的留白间距尺寸规范,否则一套APP几十个页面没有规范会越设计越困难。

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

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

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

另外再说几个要素:1.用色要慎重,大白风格中主色不再是主色,基本是用来画龙点睛,当配色点缀用的。2.为了方便大家理解所以我一直在说大字号,但别以为是加大加粗就行了。专业的说法是重,用字体加粗,颜色加深来达到压住页面,撑得住场面的作用。3.现在的手机屏幕都已经很大了,不要舍不得留白。尝试平常设计时加一两倍的留白会使浏览效果出奇的好。

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 网站 APP 小程序 软件 备案号:京ICP备16050073号-2

电话咨询