上海网站建设公司上海网站建设公司

规划技巧:如安在规划中一图多用

查看次数:858 2019-12-11

在版面规划中,你有很多当地都需要用到图片,但你手上只要一张图片,怎么办?在本文中,咱们用两个实例来阐明怎么处理这个问题,咱们只用一张图片,经过分化剪切,就可以将这张图片用在不同的当地,出来的作用非常美丽。一张图片,其实现已满足!

在本文中,咱们要将你买回来的图片物尽其用:经过从原图中得到几个小图,完全可以配合你的版面规划。

规划技巧:如安在规划中一图多用(图一)

这是咱们要使用的原图

规划技巧:如安在规划中一图多用(图二)

在版面规划中,就变成这样

你有注意到其实在大图中隐藏着一些小图片吗?所以咱们可以大胆测验,将一张相片剪切成多张小相片。而且,由于这些小图片都是来自同一张大图片,所以它们的色彩及图画都显得非常一致,这使你的规划垂手可得就可以获得和谐的作用。

其中的要害便是你要选择好到底要哪部分。咱们可以幻想一下咱们是在跟他人讲一个故事。一张从大图片出来的小图片其实有着一种全新的含义,这个进程本身就很风趣。将图中各个不同的部分别离,然后看一下咱们到底有什么信息可以传达给他人。

规划技巧:如安在规划中一图多用(图三)

当咱们一眼望去这张海滩的图片时,咱们是将它看成一个整体的,或多或少会对其中的细节置之不理。但假如咱们将各部分别离,咱们会发觉,其实每一部分都隐藏着一个“故事”,都有着各自的要点。

如上图右下角小图中,咱们就会想,海岸线到底有多长?这张图片尽管显得有点小,但由于它里面包含了陆地与大海,所以这张图片可以使它与别的两张咱们截取的图片构成一致。

规划技巧:如安在规划中一图多用(图四)

一幅人间天堂式的景色,它是驶离陆地仍是准备靠岸?假如咱们没有看原图,咱们无从判断。

规划技巧:如安在规划中一图多用(图五)

旧的总比新的更有性格。咱们选择这艘寒酸的小舟,让你不禁在想,这艘小舟见证了多少的风雨?当咱们从大图中截取让它变成一幅单独的图片时,这艘小舟显得孤伶伶的,它曾经的主人是谁?它现在为什么会停在这里?周围的那些脚印又是谁留下的?

规划技巧:如安在规划中一图多用(图六)

咱们只截取小舟的船头部分,这部分只占原来的大图很小的方位,还不到十分之一。但咱们却将它作为版面的大图,这样,它给人的尺度感觉就完全改变了,现在,它成为了一个风趣的视觉焦点。上图中,三张图片的尺度都不相同,右边的特别大,左下的图片特别小,这种不同尺度的图片可以让咱们的整个版面发生层次感。而读者的眼睛就会从右的到左(上图下的线条表明了读者在观看时的视觉线路)。

选用上面的这种方法,咱们还可以创造出别的一种完全不同视觉作用的规划。

规划技巧:如安在规划中一图多用(图七)

下面这个网页上的一切图片其实都是来自于上面这张椅子的相片。

规划技巧:如安在规划中一图多用(图八)

假如你仔细观察一下那张椅子的相片,你就会发现其实这张一般的椅子包含了各种各样的线条、图画、色彩、孤线及转角位,它们充溢着比照(如浅色及深色,直角与圆角)。

规划技巧:如安在规划中一图多用(图九)

在整个版面中分为上下两部分,它们各自所构成的视觉作用并不相同。上面部分显得开阔安静,而下面部分则显得饱满充分。

规划技巧:如安在规划中一图多用(图十)

这个版面的上下两部分的构图不同非常大。咱们只使用一张图片就可以使整个版面充溢视觉比照,包含不同的尺度、材料、图画、形状及方向的比照。

规划技巧:如安在规划中一图多用(图十一)

上面的开阔规划使到眼睛很容易就集中在那张椅子上。

规划技巧:如安在规划中一图多用(图十二)

而下面显得很充分的版面传达一种动感及丰富的层次感。在这部分中并不存在一个视觉焦点,由于一切的图片都是在大小不一的矩形区域中,发生了不同的方向感。

咱们将下部分其中几张小图片用色彩区域代替,并加上标题来使规划显得更具吸引力。现在的要害问题是咱们要选择什么样的色彩才能与整个版面配合。

规划技巧:如安在规划中一图多用(图十三)

咱们首先用吸管在椅子上取一种色彩,然后看一下这种色彩在色轮中是处在哪一个方位上。

规划技巧:如安在规划中一图多用(图十四)

在这个例子中,椅子上的一切色彩几乎都是暧色彩,为了使整个规划具有暧色彩的感觉,咱们可以选用一种相近色来作为调配。两种相近色具有同一种基色,具体在这个例子中,咱们从上图的色轮可以看出,棕色与草绿色都包含了黄色这种基色。这种具有同一种基色的色彩总是可以构成杰出调配作用。

规划技巧:如安在规划中一图多用(图十五)

假如你不期望整个版面有太多的暧色,那咱们可以选用补色(即在色轮中相对的色彩或相隔 180 度的色彩)调配。

为了使版面可以构成激烈比照,或期望整个版面充溢动感,咱们可以选用补色调配,由于互为补色的两种色彩可以构成高强度比照的视觉作用。可是,补色调配会使到两部分的区域在视觉上都相同具有激烈的视觉作用,从而会互相削弱对方。为了处理这个问题,咱们将其中一种色彩变浅(在上图中,咱们是将蓝色变浅),减少蓝色的“气势”,这样使到棕色区域依然可以突围而出。

规划技巧:如安在规划中一图多用(图十六)

本文所用的色彩如下:

规划技巧:如安在规划中一图多用(图十七)


【声明:信息来自网络,如有侵权,联系既删。】
推荐新闻

如何确保网站在不同设备上都有良好的用户体验?

2024-08-25

要确保网站在不同设备上都有良好的用户体验,可以从以下几个方面着手: 一、响应式设计

网站制作的流程有哪些注意事项?

2024-08-25

在网站制作流程中有以下注意事项: 一、规划阶段 明确目标:你需要非常清楚网

网站制作流程中如何进行页面布局?

2024-08-25

在网站制作流程中,进行页面布局可以从以下几个方面着手: 一、明确目标和用户需求 首先要确

网站建造四步曲之4-网站推行

2024-08-25

在网站建设的征程中,网站推广是至关重要的收官之笔,它如同为精心打造的宝藏开启一扇通往广阔世界的大门。辛辛苦苦做好的网站,上线后并不代表

在网站推广中,如何提高网站的加载速度?

2024-08-25

在网站推广中,提高网站加载速度至关重要,它直接影响用户体验和搜索引擎排名。以下是一些提高网站加载速度的方法:

如何评估网站的效果_建站百科

2024-04-22

评估网站的效果是一个综合性的过程,涉及多个关键指标和因素。以下是一些建议,帮助您全面评估网站的效果: 流量分析:

返回顶部

TOP

QQ客服

QQ客服

上海网站制作公司:电话:021-67637587

021-67637587

开杰做网站
上海网站设计公司 上海网站设计公司

Are you ready?


您准备好了吗?我们时刻准备就绪!

我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、企业邮箱、网站优化、域名注册、虚拟空间

期待您与我们联系!您的咨询,是对我们极大的鼓励和支持,也是我们共赢美好未来的开始! 更感谢您对我们的关注与信赖……

您也可通过下列途径与我们取得联系:

电 话: 021-67637587,13817759102 (微信同号)

电 话: 15900942493 (微信同号)

QQ: 632248744 , 273657225

邮 箱: service@kj021.com

地 址: 上海市松江区荣乐东路2369弄绿地大厦309室

地 址: 上海市闵行区(莘庄)友情路50弄15号1302室

上海网站建设
上海网站建设

上海开杰信息技术有限公司

电话:021-67637587 15900942493(微信同号)

地址:上海市松江区荣乐东路2369弄绿地大厦309室

地址:上海市松江区荣乐中路228弄104号202室

上海开杰信息技术有限公司 上海网站建设 电话:021-67637587

地址:上海市松江区荣乐中路228弄104号202室

地址:上海市闵行区(莘庄)友情路50弄15号1302

沪公网安备 沪公网安备 31011702001626号 沪ICP备12017671号-4

上海开杰信息技术有限公司松江分部

电话:021-67637587 15900942493

地址:上海市松江区荣乐中路228弄104号202室

上海网站设计公司