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

三要素教你设计流行 大白风格UI,第1张

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

掌握简单三步,教你想象2017年最流行的B型“懂UI气势”。

明天教你如何和iPhone爸爸一起走路,想象一下2017年最流行的UI气势。那就是:“懂气势”(谁的名字瞎了,大家还记得谁胖谁喜吗?)跟我学学怎么想象那种气势(*_*))

网站中很多图片的分离都是iPhone应用市场和AirbnbAPP的unitUI截图。大家看了之后都注意到了相互的配合。失败,他们的同一个特点就是墨水笔大,留的黑多,看着很舒服,然后在上面放了若干懂气势的app:

那就是今年最流行的一个:“懂气势”,这个例子教程想分享给大家。我相信每个人都已经看到这些令人印象深刻的应用程序很长一段时间了,但你曾经想象过真正的测试吗?打开上面的PS,开始想象。最后拿最近的一个脏例子做个树模型(如果原来是个例子,我就更简单的想象一下世界上的气势):

第一个因素:字体大。每个人的PS新创建一个750*1334宽度限制的iPhone6分辨率绘图布,然后输入题型的墨水笔,设置字体大小:90;字体风格:圆而细;左间隔50px顶部间隔100px(注意那边字体风格要圆润细,间接细的话从重点来看就OUT了。这就是为什么你可以模仿别人的产品,但一开始你总是生产出优雅的版本。)

第二个因素:大黑(晚上可以掌握成人的间隔时间)。大家可以参考我截图中的区间来设置。文末我把曝光了iPhneX模板的PSD发给大家免费下载(我一般用以下规格:你们之间的间隔是50;至少20的短间隔;其他单词通常是5的倍数。千万不要露出11和12这些奇怪的标记。)大量的黑色可以让页面看起来更舒服,更干净,更清新。但是,我的思想必须对各种情况下的黑色空间有一套规范,否则一个APP几十页的胶带规范,会越来越难以想象。

第三个因素:为大图新建一个宽650,底390的矩形框,你们之间的距离是50。然后在网上找一张低音量的图片,插入图片切收版。大~恭喜你完成了之前第一个懂它气势的APP世界。说白了,大图真的是愿意增加室内空房间。于是乎,室内空房间在天黑之前就为你准备好了,勇敢地用大图作为呈现,让图片尽可能成为页面的主要视觉面,你会在发明领域创造出一个很好的层次,并有进一步的破格提升。

以此类推,你可以发挥你的艺术创造力,应用到理解气势,想象更极端更低级的B案的页面,应用到实践活动的新项目,如上~~

总结:本文只希望带大家进门,掌握气势的想象因素,总结三个核心词:大字号!达鲁黑!有图有大图!(原文部分图片是网上找的,部分是我自己的。如善用产品,请联系删除(_)/~~)

还有很多其他因素:1。配色要淡定,明确气势上的基本色不再是基本色,只是单纯的作为色彩装饰(如果你真的够强,可以随意提笔,拿到测试结果)。2.为了让大家更容易掌握,我一直在加大字体大小,但是不要觉得只是缩小大小的问题。专业道学“重”,用字体样式变细,颜色加深,达到压页,经得起形势。3.现在脚机的显示屏以前都是很大的,没必要放弃或者留黑。测试时减少一两次黑色空间,会让阅读结果出乎意料的好。

下一个分享的天气预报:UI设计师要求注意的暂定差异↓

如果嘉宾领导觉得这个例子教程结束了,请看已经理解的里子感谢大家的关注和助理的推荐↓

(原文部分图片是网上找的,部分是我自己的。如善用产品,请联系删除(_)/~~)。本示例教程中选择不佳的应用示例的标题如下:APPStore、Airbnb、OFO、蜂巢、VUE、旅行、一只兔子、泰然自若。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/777688.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-03
下一篇2022-05-03

发表评论

登录后才能评论

评论列表(0条)

    保存