如何在小空间放置大图片（3）
作者：陈汉聪 来源：logo设计在线 发布时间：2009-08-04 13:04:00
三、两个一起上
如果一张图片还不够，那就用两张。这两张图片既可以放在一起，也可以分开。在开始时对图片进行恰当地剪切将有更有利于清楚传达信息。
我们以设计一个书签为例：
在书签上必须要有“ Read a book: A pathway to imagination ”（读书：想象之路），为了传达这个信息，我们需要在一个狭窄的竖立空间里放进两张图片。
在这个书签设计中，我们会应用到上面这两张图片
当我们有一张构图比较复杂的图片时（如上图这张丛林小路的图片），它的背景没有一种固定的实色可以复制，这时我们可以做两件事：
上图 1 ：垂直剪切
我们需要注意的是要剪切多少才能传达出原有图片的主要信息。上图剪切后的图片只占到原图的六分之一，但它仍然能够清晰传达出“丛林中的路径”的主题。但它还是太大，因为我们还有其它东西要放上去，所以……
上图 2 ：再切掉一半
其实我们将左图再切掉一半，仍然不影响我们这张图片所要传达的信息。而剪切掉后，下面就可以留出足够的空间给文字了。
我们现在要应用第二张图片了（那叠书的图片），而文字可以使不同样式、颜色形成对比。而且第二张图片还可以遮住图片的切边，同时又能传达出这张书签的第二个信息。
上图 1 ：分离
图片与留白空间形成了一种吸引人的视觉效果。图片的树木与书本两者分开，这种设计是希望通过对比给人留下深刻的印象。
上图 2 ：重叠
为了减少中间高对比的视觉效果，我们将下方整个白色的背景填充上与道路比较接近的颜色。而那一叠书则放在接合位的地方，使到两张图片形成一个整体。看起来版面显得很充实，但整个构图略略显得有点挤。
上图 3 ：混合
我们将图片中的路径虚化，使到整张书签混为一体。这时我们会看觉到这两张图片形成了一张图片的视觉效果。
本文所用的颜色数值如下：
（全文完）
0
投稿猜你喜欢
- 实例如下所示：import pandas as pdimport reimport mathdframe1 = pd.read_excel(
- 写这个文章绝对是偶然的偶然的机会，前年等一回的 元旦节，和 老婆上街 溜达，猛然想起买上一张福利彩票，结果屁都没有中上，开春第一
使用方式：new downUpData({url:"http://192.168.1.103:8080/test/data.jso- 本文实例讲述了JS 事件机制。分享给大家供大家参考，具体如下：<html> <head>
- 一、数组的创建方式一var a = new Array(); a[0]="wo"
- 用了这么多年的CSS，现在才明白CSS的真正匹配原理，不知道你是否也跟我一样？看1个简单的CSS：DIV#divBox p span.red
- 本文实例为大家分享了JavaScript实现点击出现子菜单的具体代码，供大家参考，具体内容如下首先让我们看一下点击出现子菜单的效果如下图：点
- SqlServer帮助中对扩展属性的描述是： The Extended Properties property sets or retrie
- 一、简介Python是一门功能强大的高级脚本语言，它的强大不仅表现在其自身的功能上，而且还表现在其良好的可扩展性上，正因如此，Python已
- 一、Beautiful Soup库简介BeautifulSoup4 是一个 HTML/XML 的解析器，主要的功能是解析和提取 HTML/X
- 然而这里不打算对某种存储引擎的实现细节进行描述，也不打算介绍各种存储引擎的优缺点，只是描述一下mysql如何处理binlog，并澄清几个容易
- 一、前言 说实话，刚测试ES的时候，我的内心是崩溃的，好多单词都不知道
- 本文实例讲述了vue实现父子组件之间的通信以及兄弟组件的通信功能。分享给大家供大家参考，具体如下：<!DOCTYPE html>
- 小编最近由于工作原因要用到python，一门新的知识需要接触，对于我来说难度还是很大的。python工程目录结构每次创建一个python工程
- Go 编写定时器和定时任务在 项目开发当中，可能会遇到这样的场景:1 A任务需要在多久之后执行一次（定时器）2.B任务需要每隔多长时间执行一
- 据 Python 软件基金会消息，Python Packaging Authority 和 pip 团队于北美时间11月30日宣布发布 pi
- 先学会文件的读写！比如像以前在学校读书的时候，第一门编程课设计要求是制作学生管理系统。这就需要使用文件来处理（也可以用数据库，但是一般C语言
- 如下所示：screen.widthscreen.heightscreen.availHeight //获取去除状态栏后的屏幕高度screen
- 1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http:
- 概述Golang 是一个跨平台的新生编程语言. 今天小白就带大家一起携手走进 Golang 的世界. 常量常量 (Constant) 是指程
