首页 > 网页教程 > 设计分享 > 完美构图之黄金分割在界面设计中的应用

完美构图之黄金分割在界面设计中的应用

时间:2018-06-30    来源:人人都是产品经理

构图的时候是否使用黄金分割线构图并不是绝对的,它只是方法之一。但是黄金分割比例,在全世界乃至全宇宙确实都是至高无上的。

黄金分割大家应该早就有所耳闻,作为一名设计师,可能一直感觉它离我们很遥远。那么怎么能利用黄金分割线更加完美的构图呢?

说实话呢,构图的时候是否使用黄金分割线构图并不是绝对的,它只是方法之一。但是黄金分割比例,在全世界乃至全宇宙确实都是至高无上的。

一、至高无上的黄金分割比例

这种东西是很神奇的事情,你了解的越多越会绝的这是一个不可思议的事情,甚至有人称之为上帝的密码。那黄金分割线到底是个什么东西呢?它在什么位置?它在画面中的什么地方?

有一条线条,如果我们从中切一段,如果左边是0. 618 这么一个比列,右边是 1 这么一个比例。如果符合这样的左右比例我们称之为黄金分割比,那么中间切割的位置就是我们黄金分割线的位置。

我们大体概括一下:黄金分割线是指将整体一分为二,较大部分与整体部分的比值,等于较小部分与较大部分的比值,其比值约为0.618,这个比例被公认为是最能引起美感的比例。

总结一句话就是:0. 618 的比值最美。

0. 618 的比例怎么来的?

有人做了一个实验,他们拿着一些长方形去问全世界的人,说哪个长方形最好看?

结果所以的人都不约而同的选择了这种长方形。西方的、东方的、土著的都选择了如下图的这种长方形。

科学家们就很奇怪它到底奥秘在哪?

要分析分析它。这个长方形如果从中间画一条线,把它分割成俩个形状的话,右边可以是一个正方形,左边小的长方形的比例和原来的长方形的比例是一摸一样的。小的长方形也可以切割出一个正方形和一个等比例的更小的长方形,这种长方形只有黄金风格的长方形才能做到。

二、运用黄金分割线构图

画面长宽比不同,黄金分割线位置也不同,这里我们列举常用的长宽比尺寸4:3/3:2/16:9/1:1。

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

不同长宽比的画面我们按照0.618: 1 的比例,一个画面可以切割出 4 条黄金分割线,上分割线/下分割线/左分割线/右分割线。我们在实际构图怎么利用黄金分割线快速排版?

相关推荐
黄金分割布局在网页设计中的应用
在网页设计中如何应用黄金分割比例?
精彩总在下半夜:如何从AV封面中学平面设计
十五个用户体验设计(UI/UX)案例剖析
腾讯CDC分享QQ登录界面的banner设计过程点滴
移动终端全新界面设计语言“Metro”简析
20个精致漂亮的视频播放器界面设计欣赏及点评
浅谈界面设计中的结构设计
分享:5招助你打造更加简洁的用户界面
浅谈界面UI设计中的包容性设计
分享:360安全桌面主题设计过程及思路总结
移动应用设计的横竖屏切换中的界面设计与体验提升
国外精彩网页界面设计案例赏析
成功的视觉设计需要给用户传达四个要点
富有灵感和创意的web布局及交互设计赏析
Photoshop教程:提高IOS设计效率的30个要诀分享
优秀网页/平面设计师是怎样炼成的
符合用户操作习惯的网站界面设计分享
21个带斜线排版设计的网站设计创意欣赏
另眼观看用户界面扁平化设计的不足之外
产品视觉设计与用户心理的有趣现象
平面设计中关于控制视觉层次的设计方法
10个漂亮实用并附带源码的Web设计教程分享
创造视觉冲击力的网页设计配色技巧
在视觉设计中对像素的深度解析
网页设计中关于透明效果的小技巧分享
色彩情感对用户体验设计的影响
换汤不换药?看应用们如何“为iOS 7设计”
APP浏览体验设计的思考:如何理解用户的眼?
高效UI设计秘笈 Photoshop CC使用技巧图文教程
25个创意独特的Web表单设计案例欣赏
2014年Web网页设计的10大发展趋势前瞻
20个创意漂亮的手机应用程序登陆页面设计欣赏
界面设计教程:如何做好扁平化设计之交互篇
美工做推广?我的工资是如何从3.5K涨到9K的

精彩推荐

热门教程