发布时间:2023-3-17 分类: 行业资讯
掌握简单的三个步骤,教你设计2017年最受欢迎和最B字形的“大白UI风格”
失踪的人口正在暂时回归〜今天,我教你如何跟随Apple的父亲,并在2017年设计出最流行,最便捷的UI风格。这就是:“大白风格”(名字,大家都记得那个又胖又可爱的大白机器人)来跟我学习如何设计这种技巧(* ^ __ ^ *))
上图是Apple App Store和Airbnb APP的一些UI界面的屏幕截图。阅读之后,每个人都注意到没有共同点。是的,它们的统一功能是大文本,白色空间,非常舒适。添加一些以白色风格设计的应用程序:
这是今年最受欢迎的最受欢迎的,与本书的每个人分享:“Big White Style””。我相信你已经看过像这些样式的应用程序,但你真的试过设计它们吗?打开下面的PS并开始与我一起设计。首先,从聋人最近的一个羞耻案例来证明(因为这是一个例子)我使界面风格设计更简单):
第一个元素:大尺寸PS新750 * 1334宽高标准iPhone6分辨率画布,然后输入标题文字,设置字体大小:90; font:square bold;左间距50px;顶部间距100px; (请注意这里的字体应该是粗体的正方形。如果你直接纠正这个问题,你会从态度和细节中得到OUT。这可能是你复制其他人的作品的原因,但没有原因。
第二个元素:大白色(可以理解为大间距)你可以参考我的截图设置的间距,在文本的最后我还传递了包含iPhne X模板的PSD供大家下载(我常用)尺寸为:左右间距50顶部和底部之间的间距至少为20;否则,它通常是5的倍数,并且不得出现11,12的奇怪值。)足够的空白使得页面看起来更舒适,更干净,更清爽。但是,在每种情况下,一个人自己的心理必须有一套空白间距规格。否则,没有规格的数十页APP将更难设计。
第三个元素:宽大为650的大地图,390个矩形的高度,左右间距为50.然后在互联网上找到高质量的图片并插入图片将面具剪成。 Da La~祝贺你,你已经完成了第一个白色风格的APP界面。所谓的大地图,其实不是空间,因为大白为你准备了空间,勇敢地用大图作为显示器,尽可能使画面成为页面的主要视点,你会发现界面的水平和美的水平得到了进一步的提升
依此类推,我们可以利用我们的创造力,使用白色风格设计出更好更高B格的页面,并将其完美地应用到实际项目中,例如以下~~
简介:本文只是希望大家进门,掌握白白风格的设计元素,有三个关键词:大尺寸!大白鲨!大图! (图片部分在网上找到,部分是我自己的,如果你好好利用你的工作,请联系删除(^ _ ^)/~~)
此外,还有一些元素:1。使用颜色要谨慎,白色风格的主色不再是主色,主要用于画画的点睛之笔,当用于点缀时(如果你有足够的颜色)力量,那么任何挥杆都没问题)。 2.为了方便大家的理解,我一直在谈论大字,但不要以为增加大胆。专业说法是“沉重的”,字体粗体,到达页面的颜色加深,以及场景的作用。 3.目前的手机屏幕已经非常大了,所以不要勉强留空。试图平息站立时间加上白色空间的两倍将使浏览效果出奇的好。
下一期分享通知:UI设计师需要注意微信小程序与本机APP设计和darr之间的区别;
如果客人觉得本教程还可以,请看看大白的脸,欢迎关注并帮助推荐↓
(文中的图片是在网上找到的,其中一些是我自己的。如果你的工作用得好,请联系删除(^ _ ^)/~~)本教程中首选的APP案例名称如下:APP Store ,Airbnb,OFO,Ma Honeycomb,VUE,旅行,一只兔子,免费