[导读] 黄金比例是自然界中完美的比例,它也是非常重要的设计知识点。在我们日常生活当中随处可见。应用在家居、 电器、 徽标和照片上。我们的意识趋于和谐与美,和黄金比例是优雅的
黄金比例是自然界中完美的比例,它也是非常重要的设计知识点。在我们日常生活当中随处可见。应用在家居、 电器、 徽标和照片上。我们的意识趋于和谐与美,和”黄金比例”是优雅的方式,使产品更舒适和很好的感知。
简单地说,黄金比例是一个设计工具或法则,让我们寻找在设计中的平衡。
下面我们看下自然界当中一些美的东西。确实黄金比例的最佳演示。

下面举2个例子来跟大家一起来学习一下如何应用黄金比例工具来设计我们的APP界面。
第一个APP设计实战案例: ASOS 存储卡产品的 APP UI界面设计
该APP的第一个屏幕的查看照片和记录行动是可用的︰ 比如保存在收藏夹中,播放视频和分享。
假如你想要筛选产品的尺寸大小、 颜色、 面料描述的信息,然后在添加到购物车这一个过程会感觉很不舒服。因此下图左图,想要”快速”查看的产品是非常困难的。

如果我们利用绘制”黄金矩形”的法则来优化这个UI界面,稍微按照右图那样放置元素,即可让整个APP UI界面的操作性大大的加强。
这种布局结构的调整,使得尽可能在第一个屏幕上展显出的最合适用户的数据和信息。
这就是采用黄金比例来进行APP设计的好处之一。
方便验证你的设计方案是否合理。
正如我们所看到的在”聚焦点”,我们还可以添加”保存到收藏夹” 这样的按钮和功能,在应用程序中的关键行动之一。而不是乱放,有根有据的放着新增的元素和功能。
元素必须放置在位于大拇指操作屏幕舒适内的距离,也就是下图当中的最大弧线的到右下角的区域,所以用户是很容易就可以用拇指按下与进行操作的。

第二个APP设计实战案例:一个博客APP的详细页的UI设计
我们把有相当大的图片和文本的分为两个大区域。他们之间的比例应该是黄金比例。
如下图所示:

然后在图片上,继续采用黄金比例把相关的 点赞 和 评论的 按钮放在图片的右下角上。
今天就跟大家分享这二个APP设计实战案例,就是想告诉大家可以通过黄金比例这个工具来布局我们的APP UI界面。设计出符合人性化的操作界面。
同时,也告诉大家每一个APP设计元素的摆放、位置的移动都是可以根据黄金比例来校验。
通过分享这2个APP设计案例,希望大家可以多思考下自己设计的作品,按钮、小图标、图片与文本内容的是如何构建这个界面的。
希望大家有所收获。
免责声明:
丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。
如何应用黄金比例工具来设计APP界面
的相关文章- app icon图标的统一绘制与优化
- 腾讯QQ 9.0最新版界面UI设计变得更加扁平、更加人
- 华为荣耀V10外观正式确认:全新界面设计中毒!
- “星幕屏”界面设计获大赞,OPPO R11s红色最受宠
- 三星A7渲染设计图曝光:曲面全面屏 侧面扬声器
- 索尼Xperia 9概念设计:还是熟悉的矩形界面设计
- HTC半透明全面屏新机设计,安卓8.0系统华丽来袭
- 聊天软件UI界面设计PSD源文件下载
- 手机UI教程|图集分享ios以及andriod界面设计尺寸
- 无框界面设计已经逐渐占据主流市场位置
- 微信语音骗局,APP使用引发我们的思考
- APP设计中创意十足的Loading动效
- 移动app设计当中常见8种基础布局方案
- 四大维度全方位剖析APP分享功能
- APP设计技巧之减少用户等待感
- UI交互设计案例之动效UI设计
- APP学习干货之爆品金三角法则
- 从零开始学习APP系列的切图标注
- APP设计教程之弹框设计的技巧
- 室内空间建模之3dmax2016室内构件建模 1-基本界面
- 17个提升用户体验的 UI 设计界面小技巧
- 网站良好交互性的用户界面和设计原则
- 三款APP设计交互当中的小细节
- 欣赏一些漂亮而生动的APP引导页界面
- 好的界面UI设计原则
- 什么是扁平化设计_优秀界面设计的设计原则
- 移动端app极简设计原则
- 如何应用黄金分割比例到APP界面设计
- APP细节考量的四个方面
- 如何设计持续时间场景的APP页面
- 国外优秀的app界面设计案例欣赏
- APP设计同质化如何破解
- APP原型设计的三种表现方式
- 直戳人心的APP设计文案
- 一组超可爱的移动APP表情包设计
- 10种最经典的APP UI界面设计模式