黄金比例是自然界中完美的比例,它也是非常重要的设计知识点。在我们日常生活当中随处可见。应用在家居、 电器、 徽标和照片上。我们的意识趋于和谐与美,和”黄金比例”是优雅的方式,使产品更舒适和很好的感知。

简单地说,黄金比例是一个设计工具或法则,让我们寻找在设计中的平衡。

下面我们看下自然界当中一些美的东西。确实黄金比例的最佳演示。

下边举2个案例来跟大家一起了解一下下怎么运用黄金分割比例专用工具设计制作咱们的APP软件页面。
首先APP软件设计方案实战案例:ASOS存储卡产品的APPUI界面设计
该APP软件的首先屏幕的查询照片和记录行动是可用的︰比如保存在收藏夹中,播放视频和介绍。
假如你想要筛选产品的尺寸大小、颜色、面料描述的信息,然后在添加到加入购物车这一个过程会感觉很不舒服。因此下图左图,想要”快速”查询的产品是非常艰难的。

如果我们运用制作”黄金矩形”的原则来改善这一个UI页面,略微按照右图那样放置元素,即可让整个APPUI页面的操作性大大的加强。
这种布局结构的调整,使得尽可能在第一个显示屏上展显出的最合适大家的数据和信息。
这就是采用黄金比例来开展APP设计的好处之一。
便捷认证你的设计是不是有效。
如同大家所看见的在”聚焦点”,大家还可以添加”保存到收藏夹”这样的按钮和功能,在应用程序中的关键行动之一。而不是乱放,有根有据的放着新增的元素和功能。
元素必须放置在位于大拇指实际操作显示屏舒服内的间距,也就是下面的图之中的较大斜线的到右下方的地区,因此大家是非常容易就可以用大拇指按住与开展实际操作的。

第二个APP设计实战案例:一个博客APP的详细页的UI设计

我们把有相当大的图片和文本的分为两个大区域。他们之间的比例应该是黄金比例。

如下图所示:

然后在图片上,继续采用黄金比例把相关的 点赞 和 评论的 按钮放在图片的右下角上。

今天就跟大家分享这二个APP设计实战案例,就是想告诉大家可以通过黄金比例这个工具来布局我们的APP UI界面。设计出符合人性化的操作界面。

同时,也告诉大家每一个APP设计元素的摆放、位置的移动都是可以根据黄金比例来校验。

通过分享这2个APP设计案例,希望大家可以多思考下自己设计的作品,按钮、小图标、图片与文本内容的是如何构建这个界面的。

发表回复

后才能评论