网站源码-图片-资料下载-学习资料-牛资料网!只做精品资料网
  • 首 页
  • 黄金兴趣点在app界面设计中的运用
    时间:2019-08-16 20:25 来源:www.xyhndec.com 编辑:免费资料 浏览:

    我们讲了黄金分割线,黄金风格线是蛮神奇的东西,是大自然的一种现象。我们不知道是为什么,只知道它非常漂亮。

    但是黄金风格线还不止这么多的表现形式。它还有一种更复杂的表现形式叫黄金螺旋线。而从黄金螺旋线里呢可以推倒出一个黄金兴趣点

    于是我们就把黄金螺旋线和最佳兴趣点都统称为黄金分割的衍生品。在设计中应该是算比较高级的一种构图技法了。

     

    01黄金螺旋线

    有了黄金风格线的基础以后,黄金螺旋线其实不是特别难理解。首先我们画一个长宽比为黄金分割比1:0.618的长方形,黄金风格线可以把长方形分割成一个正方形以及又是一个长宽比1:0.618的小长方形。在小的长方形里面我们还可以不断的分割,分割成一个小正方形和一个小的长方形。

    分割成这么多以后神奇的事情就要发生了,每个正方形画一条圆弧链接起来后一条神奇的黄金螺旋线就产生了。

    黄金螺旋线不在这过多的讲解,下篇文章和斐波那契螺旋线一起细讲…

     

    02最佳兴趣点

    来看看黄金螺旋线衍生的最佳兴趣点在什么位置?(如下图)

    在设计中实际应用的时候,想找出这个点来绝对不是很容易的事情。所以怎么办呢?有简单找到最佳兴趣点的方法吗?长方形的一条斜线链接起来,另一个顶点画一条垂直于这条斜线的点基本就是最佳兴趣点的位置。(如下图)

    画面中不止一个最佳兴趣点,一个画面中会有四个兴趣点。会更好的方便我们利用。(如下图)

     

    画面长宽比不同,最佳兴趣点的位置也不同。这里我们列举常用的长宽比尺寸4:3/3:2/16:9/1:1。(如下图)

     

    在移动端主流尺寸中,iOS尺寸使用750*1334,安卓尺寸使用1080*1920。这俩个尺寸正好等同于一倍图375*667的比例。

     

    案例分析

    (如上图)图片案例来自摄影师7kidz的摄影作品,图片质量很高,整体风格很符合现在主流的抖音风,那就顺便做个直播类的UI界面设计来诠释最佳兴趣点的魅力。

    案例一同样大小的图片我们按照俩种方式进行摆放,左边的图片我们参考黄金分割线,把人物的眼睛靠近上黄金分割线的位置;右边的图片我们把人物的右眼放在了右上的最佳兴趣点的位置。然后我们去掉辅助下再对比下(如下图)

    虽然我们参考了俩种方式进行排版,图片本身就很精美,很多人就感觉随便放放就好了,左边的黄金分割线构图单看也是很棒的,所谓没有对比就没有伤害,当黄金分割线遇上最佳兴趣点,哪个好效果是显而易见的。从画面的饱和度跟视觉引导显然右边的整体感觉更饱满一些。加上直播平台元素整个界面(如下图)

    郑重声明:
    牛资料网所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系牛资料网索要。
    如有侵犯您的版权,请及时联系QQ:964613048,我们尽快处理。

    APP开发制作教程APP开发制作教程
    深度解析字体在APP设计中的奥秘深度解析字体在APP设计中的奥秘
    黄金兴趣点在app界面设计中的运用黄金兴趣点在app界面设计中的运用
    推荐栏目
    • 客服:我们竭诚为您服务!
    • 客服:我们竭诚为您服务!