做设计,没灵感,想借鉴?这几招让你摆脱负罪感(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

接下来我们再来看看图片部分。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

在画册或杂志中最常用的图片处理方式就是以长方形为主,这样会让版面具有整体感和沉稳的效果。以长方形照片作为版面的主体可以将照片按大小分为不同的层级,此外还可以借助照片自然地引导读者的视线。比如这个作品中,右侧是一整张图片作为背景,上方配上相应的文字信息,特写的效果富有冲击力,而左侧使用了数量较多的图片与右侧形成对比,同时这里的图片都使用长方形的形态,虽然不是完全的对齐有错落感,但是并不影响整体的形式。而这里不仅使用了长方形,还有正方形的图片,整体上既有统一又有对比,同时还能起到吸引视线的作用。所以以长方形为主的图文编排会让版面非常有条理和秩序感,同时还具有节奏变化,是一个比较简单实用的图片处理方式。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

第二种图片的处理方式就是将图片整版裁切,这种表现手法会让版面具有视觉冲击力。这个方法其实就是将超出版面范围的图片进行裁剪,这样能够最大化的表现图片的张力,需要注意的就是对文字信息的处理,虽然在图片上添加文字看上去很简单但其实并不是,因为无论将文字放在照片上的哪个位置都需要充分地考虑文字的颜色,保证文字的识别度,而且还不能影响图片的效果。这个画册页面虽然页边距具有少量的留白,但是两张图片仍然属于整版裁切的手法,而图片上方的文字色使用了白色,与底图的色调形成对比,保证了文字的识别度,而且我们看这里的文字编排,也使用了字号强对比的形式,整体看上去很简单的编排,但是通过对特写图片的裁切处理,让整个版面显得十分饱满。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

第三种图片编排的方法就是大胆地处理照片,这种方法要比上一个整版裁切更加灵活。比如这个画册页面使用了三张图片充满了版面,让图片看起来更加直观,突出了图片本身的魅力,而且我们看这三张图片也不是随意放置的,它们有一种顺序上的联系,也就是米通过人的加工得到了寿司,简单的三张图片很好的将主题内容表现了出来。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

同样我们还是用这三种方法其中的一个做一个案例,这里我们设计一个品牌鞋子的画册页面,使用的方法就是图片的整版裁切。首先创建尺寸然后将产品图片放置到版面当中放大进行裁切,其实到这一步已经可以看出来这个版面的整体感觉了,因为背景图片已经确定了。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

接下来将文字信息编排进来这个页面就差不多了,类似这种以产品为主的形象页,特别适合使用我们所讲的这种整版裁切的方法,因为文字信息通常很少,所以图片就显得尤为重要,而整版裁切恰恰能最大化的体现出图片的优势。 3)色彩的搭配

我们再来看看最后一点就是色彩。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

首先第一个小技巧就是使用和主题相符的关键色,比如这个画册页面内容是和大自然、温泉有关的。一说到大自然我们通常最快联想到的就是绿色,而这个页面中正是使用绿色块来强调和点缀,再加上淡色调的米黄色,很好的贴合了主题,传递的印象一目了然。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

第二种方式就是使用不同的颜色在每个页面上,也就是用色彩来区分页面。比如使用红、黄、绿、蓝这种鲜艳的颜色,通常可以给人留下深刻的印象,而且还能够明确地展示所介绍的物品。如果照片周围是跟背景色同一色系的颜色,会让版面整体更加统一协调,具有鲜明对比的同时还能增强整体感。比如这个画册页面左侧使用了蓝色,中间的图片使用了线框来强调,但是图片的背景也是蓝色,而右侧页面使用了绿色,同样图片的背景也是绿色调,图片上红色的花起到了点睛的作用。这样左侧页面与右侧页面在色相上就有了鲜明的对比,并且在色调上进行了统一,给人的印象非常清晰,很好的突出了每个页面的个性。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

最后一种关于颜色的使用技巧就是灵活地使用颜色,将不同的内容分开便于有效的阅读信息。比如这个杂志版面上就用了四种颜色划分出了四大块,而且这里还对色块进行了形状处理,这样可以使杂志版面整体看起来更加灵动,避免使杂志版面过于单调整齐,而是看上去更加自由欢快。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

最后我们再来做一个色彩的案例,同样也是画册页面,使用的方法就是在每个页面上使用不同的颜色来凸显个性增加对比。我们先做一个雨伞内容的画册页面,创建完版面之后先将产品放置在版面中心位置。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

然后将文字信息编排好,版式部分就完成了,可以说非常简单,然后我们需要考虑配色,如果是现在这样明显很单一,所以就使用之前我们讲到的一个方法,就是用色彩来区分页面。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

这里我们就使用粉色和绿色来分别填充两个页面,文字反白,这个案例就完成了。需要注意的就是使用这种方法要考虑到色调的统一,如果色调对比过大,就会造成色彩上的不平衡。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

这里我们还做了另外一个案例,也是使用同样的方法,就不过多讲解了。

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

本期教程到这里就结束了,我们从模仿的角度出发告诉大家学习规律和总结规律的重要性,并且也说明了版式设计的重要性,接着我们以画册为载体,从字体编排、图片编排和色彩搭配这三点着手,通过分析相关优秀作品,总结出了九种非常简单却很实用的小技巧,无论你是新手设计师还是有一定经验的设计师,都不要轻视这些小技巧,因为在适当的情况下使用,会收到意想不到的效果。可能有的人会说为什么这里我们讲的都是画册,那其他的形式是不是就不适用了呢?当然不然,画册是版式设计比较基本的表现形式,比如你可以把画册当作是横向的网页,也可以把画册的每个页面当作一个海报,希望大家能够灵活运用明白这个道理。最后感谢大家的观看和支持,我是K先生,我们下期再见。 错过上方精彩视频教程,点我一样可以观看哦~

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

原文地址:研习设(公众号) 作者:研习设无我、静瑜

做设计,没灵感,想借鉴?这几招让你摆脱负罪感

转载请注明:学UI网 » 做设计,没灵感,想借鉴?这几招让你摆脱负罪感

登录收藏

 
 收藏