网页设计 » 视觉设计 » 大神级图像排版技法,让作品看起来很专业

大神级图像排版技法,让作品看起来很专业

发表于: 视觉设计. 评论
Sponsor

前言:这篇文章由UI设计师Victor Adeyemo在欣赏了 Behance 上的数百个高质量项目和 Dribbble 的作品后,总结出来的界面图像排版技法,不需要复杂的PS合成技术,可以让你的作品看起来足够专业。

1.用图片作为背景来化解单调

在一部分UI界面中,使用贴合场景和氛围的图片作为背景,能带来更加沉浸的体验。只是需要注意的是,需要调整明暗,确保前后景的对比度要足够强。

让作品看起来很专业,大神级图像排版技法

Nature — Popsabey

让作品看起来很专业,大神级图像排版技法

Login Screen Redesign — Victor Adeyemo

2.将图片融入背景来使用

同样是一种制造沉浸式视觉体验的设计技巧,通过抠图之类的技巧,让某些图片元素和整个背景融为一体,图片和背景的无缝衔接能够给人以一种奇妙的视觉体验。

让作品看起来很专业,大神级图像排版技法

Lippear Website — Victor Adeyemo

让作品看起来很专业,大神级图像排版技法

Bloom. Vladimir Biondic

3.高素质图片紧密拼接使用

让高素质的图片紧密无缝地拼接、并排排版,能够制造出一种无缝切高级的视觉效果,高清的图片通常包含着丰富的视觉信息量,并排拼接起来之后,能够制造出致密的信息量,让整个版面呈现出信息的疏密节奏变化

让作品看起来很专业,大神级图像排版技法

Discover Moscow

让作品看起来很专业,大神级图像排版技法

Denis lomov

4.为图片添加色块投影

同样是一种增加信息层级,消减单调的方法,这种方式百搭而易用,在绝大多数的风格现代的平面排版和UI界面当中,这种小技巧都可以使用,快速提升界面的视觉效果。

让作品看起来很专业,大神级图像排版技法

Anastasia Yastrebkova

让作品看起来很专业,大神级图像排版技法

Natalia Smoczyńska

5.在图片的前景/背景添加图案和形状

图案和形状看起来很简单,单独使用的时候确实也很容易显得单调,但是当它作为装饰元素和图片组合在一起的时候,能够快速地构建出颇为不错的装饰效果和视觉张力。

让作品看起来很专业,大神级图像排版技法

ursae. majorizzz

让作品看起来很专业,大神级图像排版技法

Bloom Hair — Web design

6.在图片的前后增加文本、图案和不规则图形

在图片的前景或者背景叠加文本、图案和不规则图形,也同样可以快速增加信息的层级,添加的时候可以不用严格意义上在图片的范畴内,可以错位,可以部分叠加,这样的布局设计更加有趣。

让作品看起来很专业,大神级图像排版技法

Lifestyle. Vladimir Biondic

让作品看起来很专业,大神级图像排版技法

Confidence. Vladimir Biondic

让作品看起来很专业,大神级图像排版技法

Emilia Brewster Website — Halo Lab

7.使用文本或者图形做剪贴蒙板

这也是最近这些年比较流行且非常使用的一种技巧,使用剪贴蒙版来将图片约束在文本或者图形的外轮廓当中,这上一种增加形式感、有趣的传递信息的方式。

让作品看起来很专业,大神级图像排版技法

About Page — Joonas Virtanen

让作品看起来很专业,大神级图像排版技法

Portfolio site — Krista

8.让图片的间距足够窄

控制图片之间的间距足够窄,能够让整个布局显得紧凑而富有凝聚感,图片的聚合能够让整片图片区域显得丰富又集中。

让作品看起来很专业,大神级图像排版技法

Inbox App — Ben Tortorelli

让作品看起来很专业,大神级图像排版技法

Unsplash Retro — Sebastian Jungbluth

9.在图片上叠加色彩

在图片上叠加色彩,或者说将图片制作为单色调的配色,能够产生类似黑白照片一般更强的形体感,增加视觉主体的视觉效果,同时借用不同的色彩来营造统一的氛围和情绪。

让作品看起来很专业,大神级图像排版技法

Colour Me timbers -Johan Adam Horn

让作品看起来很专业,大神级图像排版技法

iLearn LMS — Neil Lawson

同时,还可以选择为部分的图片叠加色彩,这样的处理方法更加有趣,增加了信息层级。

让作品看起来很专业,大神级图像排版技法

Website Design — Brian Rodenburg

让作品看起来很专业,大神级图像排版技法

Search Art Direction — John Adam

10.将图片裁切为形状

虽然绝大多数的图片都是矩形的,但是将图片裁切为其他的图形会让整个设计显得非常新颖。

让作品看起来很专业,大神级图像排版技法

Welch & Smith — Halo lab

让作品看起来很专业,大神级图像排版技法

Bloom Website

今天的文章就分享到这里了,如果本文对您有所收获,请把本文分享个其他设计小伙伴哦!

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }