解析日系风格唯美式版面设计

2016-02-17 02:38 11 1 收藏

下面是个简单易学的解析日系风格唯美式版面设计教程，图老师小编详细图解介绍包你轻松学会，喜欢的朋友赶紧get起来吧！

【 tulaoshi.com - 平面设计】

日系风格的照片一直是文艺青年男女们的最爱，此类照片成像清新淡雅，构图简单，画面中色彩元素比较单一，色彩饱和度较低，虽然没有什么视觉冲击力，但给人温暖惬意的感觉.我们较为熟悉的牛奶色调其实就是日系风格的一种演化。

设计思路及制作要点

原片分析及调色要点，首先看原片，原片的色调和感觉基本拍摄的很不错，只是欠缺了一些氛围及细节色彩

在这里我用的是Photoshop中的camera raw插件，来校正色彩，处理细节色彩

版面设计思路

根据照片要求，应该是一本简单唯美大方的版面设计，在字体设计上，我选择比较简约的字体排版设计，用主题文字及叙述性文字来设计出较突出主题的文字设计

设计时需要注意的问题

在版面设计时要注意唯美简约的版面不宜放太多繁琐的素材及文字，运用主题文字及一些淡雅的色块来搭配主体的设计会更加理想。

版面设计分析

封面设计上我选择比较韩系的多图搭配的方法，这样的搭配方式可以令人第一视觉冲击力很强，在图片上的选择上我选择了比较适合主题氛围的照片，淡雅的背景色以及文字色彩上的统一搭配使人感觉舒服

这张版面里，选择了用主色及复色的搭配，可以让主题更加的突出，排版时要注意照片的选择一定要在POSS上差不多才能协调，否则就会很乱

解析日系风格唯美式版面设计,PS教程,图老师教程网

这张版面里，选择用一张主体照片，用两张小图片来搭配，在小图片设计上，选择了以虚一实的感觉，及淡淡的色块用来处理小照片之间的区分与协调

解析日系风格唯美式版面设计,PS教程,图老师教程网

这张版面里，选择了以中心点为主的设计，为了让版面更加的简洁，而没有用过多的素材，简单的色块，及色点，来控制平衡的重要性

解析日系风格唯美式版面设计,PS教程,图老师教程网

这张版面里，选择的照片是很唯美的，在设计上，我用到了复色与色之间的搭配

在版面上单独的色调会使人感觉单调，乏味，所以用了一张复式黑白片来做突出点，控制了整体版面上的唯美感觉

解析日系风格唯美式版面设计,PS教程,图老师教程网

这张版面里，选择的照片是很有延伸感的照片这样的照片在设计上会有一种非常大方的感觉，所以会欠缺一点唯美的那种感觉，在这里，我用了滤镜中的插件来做出一个素描的特效，来让整体版面可以更协调

解析日系风格唯美式版面设计,PS教程,图老师教程网

这张版面里，选择的照片是POSS上很俏皮的两张照片，在这个版面中，我同样用到了素描效果，但是并不是为了可以突出，而是作为复式图面背景来搭配小照片，主体照片的选择上我用了俏皮一点的斜一下，让主体照片可以显得更俏皮一点

解析日系风格唯美式版面设计,PS教程,图老师教程网

这张版面里，我只用了一张照片，原片中的构图是竖版，但是感觉不够新颖的感觉，之后在设计上我二次构图，只做成横幅，字体与素材颜色之间的搭配让版面更加的协调

解析日系风格唯美式版面设计,PS教程,图老师教程网

这张版面里，我选择了一个比较俏皮的素材，一个小小的蝴蝶结来搭配小照片与主照片之间的构图，小照片周围的色块与主体照片周围的色块搭配让版面更有空间感

解析日系风格唯美式版面设计,PS教程,图老师教程网

这张版面里，选择的是主体与附体的搭配，在小图横版上只做了一张虚体小照片，这样可以让文体在版面中显得不单一，在下面和主照片的旁边都搭配了小叙述性文字，来控制版面的平稳

解析日系风格唯美式版面设计,PS教程,图老师教程网

最后说一下整体版面感觉，唯美照片之间的搭配更显得是沉稳而又协调，在主副照片的选择和色块字体间的搭配尤而重要，日系色调，大家经常会想到日系电影里那中散文般的淡雅和温馨，也常带着蓝色的忧郁，在摄影界里，日系色调或许是最为广泛以及被追捧的色调，这种调子传达给我们的是逆光的温暖，忧郁的深沉和清新淡雅的美丽。

来源:http://www.tulaoshi.com/n/20160217/1577725.html

上一篇：网易交互设计的经验分享
下一篇：合理的UCD设计流程为什么不能成功？

看过《解析日系风格唯美式版面设计》的人还看了以下文章更多>>

Benoit Bohly 卡片版面设计

标签：包装设计名片设计名片设计素材画册设计

Samuel Ashby杂志版面设计

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

会员卡片版面设计

标签：包装设计名片设计名片设计素材画册设计

会员卡会员vip卡设计作品

黑白的CD版面设计

标签：包装设计名片设计名片设计素材画册设计

screen.width-300)this.style.width=screen.width-300;"> screen.width-300)this.style.width=screen.width-300;"> screen.width-300)this.style.width=screen.width-300;"> screen.width-300)this.style.width=screen.width-300;"> screen.width-300)this.style.width=screen.width-300;"> screen.width-300)this.style.width=sc...

Daniela Meloni 书籍版面设计