版面设计中的一图多用设计技巧

设计技巧:如何在设计中一图多用

译者的话】 在版面设计中,你有很多地方都需要用到图片,但你手上只有一张图片,怎么办?在本文中,我们用两个实例来说明如何解决这个问题,我们只用一张图片,通过分解剪切,就可以将这张图片用在不同的地方,出来的效果非常漂亮。一张图片,其实已经足够!

原文出处:www.bamagazine.com

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

这是我们要利用的原图

在版面设计中,就变成这样

你有注意到其实在大图中隐藏着一些小图片吗?所以我们可以大胆尝试,将一张照片剪切成多张小照片。而且,由于这些小图片都是来自同一张大图片,所以它们的色调及图案都显得非常统一,这使你的设计轻而易举就可以获得协调的效果。

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

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

如上图右下角小图中,我们就会想,海岸线到底有多长?这张图片虽然显得有点小,但因为它里面包括了陆地与大海,所以这张图片可以使它与另外两张我们截取的图片形成统一。

时间: 2024-08-03 05:19:52

版面设计中的一图多用设计技巧的相关文章

视觉设计:页面设计中整体运用极简设计手段

文章描述:视觉设计:页面设计中整体运用极简设计手段. "从有到无,从无到有,这是我们这一代在消费爆炸.名牌泛滥当中出生入死挣扎升华的集体私家体会.定一定神,我们才知道其实真正简单的干净是何等的美好."这是设计师欧阳应霁曾说过的一句话.每个设计师都可能经历过这么一个过程,当被眼前多元化的图形和繁杂的颜色搅乱到找不到北的时候,重新回到最原始的画面,也许它像一张白纸,从最本质最原生的状态出发,足以让它生根发芽,甚至开花.在这个浮躁的城市,周围越来越多的事物被简化包装.摒弃华丽的外衣,以它特有

分析Banner设计中为什么要用图形设计的原因

在Banner设计中,经常会使用一些图形,将文字或一些图片框选起来.为什么这样做,其实是无可奈何的.如果我们看一下除Banner之外的图片,几乎很少用图形的,当然有些Banner也不用图形的,都是有原因的,我们可以具体分析一下. 一:艺术图片为什么一般不用图形. 图形的目的就是引起注意,起到一个提示的作用.但是艺术片有它自己的方法.它们一般会使用色彩的明暗或大小等或一些特效来突出他们的主题.因为图形有分隔的作用,会破坏整体效果.再者艺术图片图是第一位的,文字非常少,可以做的很大,况且也不是主题,

网页设计中最常用到的设计细节

前一段时间在企业管理界流行一句格言叫"细节决定成败".企业管理当然不是我们这里要讨论的主题,但是,把这句话放在网页设计当中的确是颠扑不破的 真理.我们的眼睛和感觉总是非常敏锐的,即使是完全不了解网页设计技术的人也能够从一堆拙劣的设计作品当中挑选出那一个优秀的设计作品. 虽然他说不出来为什么这件东西比那些都好,但是直觉会告诉他他自己喜欢哪一个.如果别人向我们问起为什么这件作品要优于其它呢?我们的回答是"很大一部分原因是因为优秀的设计作品总是充满了丰富的细节."在这篇文

Web设计中的多按钮共存设计

之前在一个web系统的设计中,和另一个设计师讨论,"保存"和"取消"按钮该怎么设计.我的观点是,保存是比取消更常用的按钮,也是用户的主要目的(用户不会为了取消来使用表单),所以在视觉上,保存按钮应该比取消按钮更醒目,这样更容易被用户先看到,从而提高用户的效率. 下图:Google analytics系统中,Apply以按钮的形式表现,cancel以链接形式表现 后来碰巧看到Luke Wroblewski写的"Primary & Secondary

网页设计中优化图片的6大技巧

  例如,在网页设计中更常使用基于像素或栅格的文件格式,诸如JPG.GIF或PNG.相反,在平面设计领域像logo这样的图形可能会用到不同尺寸,因此使用最多的格式则是EPS和AI这样的矢量格式.然而,用于网页的矢量格式,如SVG或HTML5 Canvas则不能广泛应用,也不会被所有浏览器所支持. 另外,用于web端的图形有基于它们自身的相关处理方式.其中一条便是你要时刻注意文件的大小,因为你需要使你的网页加载越快越好.作为一名网页设计师,你应当尽量减少HTTP对图像的请求次数--无论通过减少图片

WEB设计中CSS样式表应用小技巧十四例

css|web|技巧|设计|样式表     CSS是Cascading style Sheets的简称,中文译作"层叠样式表单",我把它叫作"层叠样式表",我感到这样顺口一点,没别的意思.实际上它是一组样式.你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是 Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找.不管你用什么工具软件制作网页,都有在有意无意地使用CSS.用

网页按钮交互设计中的确定和取消设计原则

     "确定"与"取消"按钮应该可以算是Web应用里最无敌的组合了,你可以随处看到他们以及他们的姊妹组合"完成"/"取消"."是"/"否"-.当然,他们也不是每次都表述的是同一个交互动作,但是我们总会遇到.           为什么会有"确定"与"取消"的组合?      这个问题似乎是个废话.因为,Web应用中几乎你所有的动作都是可以取消的

用户体验设计:无意识的设计用在产品设计中

文章描述:如何把无意识引入到交互设计中--深泽直人设计启示. 深泽的设计的关键词:无意识设计    whitout thought   直觉设计  消除设计障碍   融入生活   细节  简洁   人情味  换回某种记忆   似曾相识 喜欢深泽很多年了,刚开始学设计时,在网上第一次看到深泽的作品时就被深深的吸引住了,他的设计理念和生活态度一直指引着我的设计方向.如今毕业了,进入了互联网设计领域,重温他的作品,还是能给我工作中带来不少启示. "如今交互设计主要针对软件和屏幕,但我认为硬件设计,也就

图片在办公用品识别设计中的运用

本文深入介绍了图片在办公用品识别设计中如何应用.如何设计具有冲击力的封面.剖析 NIKE 网页的构图及制作吸引人的立式日历,并介绍了图片的延伸技巧以便创造一个区域来应用文字,希望对你有所启发,使你在实际设计中获得更多灵感. 原文出处:www.bamagazine.com 一.办公用品设计 LOGO 有着强烈的象征意味,但有时它又不能充分表达出真实的东西.在某些时候,与其设计一个传统的 LOGO ,不如象 Dean & Thomas 建筑公司选择三张图片来设计它的办公用品,这些鲜明的图片在具体应用