【干货】教你在设计中充分运用黄金比例 美...
采集 1评论
查看来源 mp.weixin.qq.com
甘罗运早晚太公
通过花瓣采集插件采集于2015-11-14 22:59:39
【干货】教你在设计中充分运用黄金比例
美国国家地理的网页，会看到它们的网页布局就是如此，用户会下意识地随着这个布局来浏览，这是一种潜意识行为。
网页布局
甘罗运早晚太公
Dottopia web design UX/UI on Behance: 大面积无彩色搭配有彩色
http://themeforest.net/item/organici-organic-store-psd-template/13558051?ref=nootheme Organici is the premium PSD template for Organic Food Shop. Built especially for any kind of organic store: Food, Farm, Cafe:
Naveda - Creative PSD Template on Behance:
Creativity in Web Design - Check the most creative templates!:
Twitter的LOGO设计则是借助若干完美的圆形来进行构建的，只不过它在使用黄金比例的圆形的时候，并没有使用相邻比例的圆形来构建，乍一看不够精确，但却同样营造出和谐的标识。
百事的LOGO是使用两个遵循黄金比例的圆圈来构建的，较小圆形并不是显而易见的那种，而是隐藏在内部的曲线中。
5、图形：黄金比例圆形 黄金比例可以用来创建矩形也能用来创建比例协调的圆形。使用黄金比例不仅可以产生和谐的比例，而且能够让图形保持较高的一致性。从百事和Twitter的LOGO来说说这个事情吧。
Feld杂志的设计，也参考了黄金比例三分法，左上方的标题和内容区块明显是参考分割线来设计的，而右下方的背景中的人物的鼻子——也就是人物的中心点正好压在右下方的交点上。
Feld杂志的设计，也参考了黄金比例三分法，左上方的标题和内容区块明显是参考分割线来设计的，而右下方的背景中的人物的鼻子——也就是人物的中心点正好压在右下方的交点上。
4、图片：黄金比例和三分法 对于图片而言，布局自然是很重要的，无论是用来传递信息还是呈现图像布局的美感。黄金比例可以让图片变得更加吸引眼球，让重要的信息脱颖而出。平时我们所说的三分法布局，如何结合黄金比例，可以让布局更漂亮。 参考下方的图片，借助将页面进行黄金比例分割的四条线，线条两两交汇的地方是最吸引用户的地方。当然，我们常见的三分法是让同一个方向上的两条线将布局按照1：1: 1的比例分割开来。
Helms 工作室 为Fullsteam 啤酒进行品牌设计的时候，也同样借助黄金螺旋来布局内容。
Saastamoisen säätiö 的这个视觉设计稿就更典型了。图中的字母分布看起来乱中有序，它们就是沿着黄金螺旋来分布的，并且随着螺旋半径的缩小而逐渐缩减字体尺寸，并且提升字母的密度。这样的设计保证了视觉的平衡，富有设计感而不混乱。
这个网站是平面设计师Tim Roussilhe 的作品，信息量很大，布局也紧密，关键是信息组织的相当有条理，多而不乱。左上角的内容就是借助黄金螺旋的轨迹来设计的，关键的点和位置都落在黄金螺旋的轨迹上。功能性的组件在这个布局中都位于瞩目的位置，留白也分布到了合理的间隙中，所有的细节都精致到位。
这种两栏式布局在网页上非常实用，我们所熟知的美国国家地理的网页就是使用的这样的布局方式，看起来可读性非常不错，比例平衡，符合网站内容自然的特性
1、布局：将尺寸设置成黄金比例 在布局中使用黄金比例的方法并不难，关键是控制比例和尺寸。重点很简单，把握好1:1.618的黄金比例。 举个例子，使用960px的宽度布局的时候，除以1.618可以得到594px，这个可以用作你的布局的高度，然后将整个布局划分为两栏，一栏方形，一栏矩形，一个协调的布局就出来了。
【干货】教你在设计中充分运用黄金比例 间距的控制和留白一样，是设计中非常关键的元素。 在基本的布局上，借助黄金螺旋来调整，是个不错的思路。 种不同的元素在同一页面上的时候，黄金螺旋可以帮你筛选出合理的空间布局和间隙。
【干货】教你在设计中充分运用黄金比例 Moodley 设计工作室为Bregenzer Festspiele 艺术节设计了海报、应用、节目单和大量的品牌标识。节目单的整体设计采用了拼贴的方式，有大量的留白，而其中各种元素的设计比例、位置和留白就是借助黄金螺旋来布置的。
【干货】教你在设计中充分运用黄金比例 总部位于新加坡的Lemon Graphic 为Terkaya财富管理进行视觉形象设计，名片的设计元素也同样借助黄金螺旋来设计。
【干货】教你在设计中充分运用黄金比例 3、内容：沿着黄金螺旋的轨迹 对于网页内容而言，黄金螺旋的轨迹同样可以起到重要的作用。我们的视觉可以很自然地沿着黄金螺旋的轨迹运动，这也就是说这样设计网页布局会让访客更加自然地浏览内容。
【干货】教你在设计中充分运用黄金比例 美国国家地理的网页，会看到它们的网页布局就是如此，用户会下意识地随着这个布局来浏览，这是一种潜意识行为。
同采自
mp.weixin.qq.com
该采集也在以下画板
加载更多
推荐给你的采集
采集
melodySixi采集到祛湿

湿气-微营销海报

22

melodySixi 采集到
祛湿
采集
xiachufang.com
Dora爱幻想采集到面包片

如何做超厚的沼三明治~详细tip！牛油果鸡蛋午餐肉三明治~

1151

Dora爱幻想 采集到
面包片
该采集待公开
采集
海盐荔枝的夏日采集到动漫

动漫

62

海盐荔枝的夏日 采集到
动漫
采集
behance.net
顺物荣枯采集到主题活动

夏日逃离/SUMMER MUSIC FESTIVAL : 夏日逃离音乐会 | Summer...

69

顺物荣枯 采集到
主题活动
采集
weibo.com
Lily名字十七画采集到场景素材

摄影 · 极简主义

446

Lily名字十七画 采集到
场景素材
采集
雨ˋ滴滴答答采集到二次元

422

雨ˋ滴滴答答 采集到
二次元
采集
hidepink采集到素材–街景小场景

33

hidepink 采集到
素材–街景小场景
采集
静候好戏采集到人像

泽捻知

610

静候好戏 采集到
人像
采集
weibo.com
Lily名字十七画采集到场景素材

极简主义摄影。

362

Lily名字十七画 采集到
场景素材
采集
惜朝采集到绘画

206

惜朝 采集到
绘画
采集
pinterest.com
罗菩堤rowe采集到【色谱】装修配色

#Coastal #Colors Fashionable Coastal Living R...

27

罗菩堤rowe 采集到
【色谱】装修配色
采集
l0XI4gBo晓风残月采集到皇室

7

l0XI4gBo晓风残月 采集到
皇室
采集
alpha.wallhaven.cc
菇凉&采集到地产配图

General 1920x1080 Greece hotels mountain swim...

90

菇凉& 采集到
地产配图
该采集待公开
采集
峰言风语采集到醉美身材

95

峰言风语 采集到
醉美身材
采集
meigongyun.com
伊岚分享采集到png素材

冬日冷色调圣诞手绘花卉系列元素 Scandi Fest collection

337

伊岚分享 采集到
png素材
采集
pixiv.net
〃梦落雨`笑╰︶采集到二次元美图

しぶりん

216

〃梦落雨`笑╰︶ 采集到
二次元美图
采集
mp.weixin.qq.com
菓仔fish采集到练习

【绘画参考】Hong SoonSang 的角色设定图（人物设计必学）

390

菓仔fish 采集到
练习