内容来源知识星球APP:我们的设计日记

 


之前有段时间,无论是海报还是平面设计都会出现一种风格,它自然的石头纹理,矛盾的构图风格,让我们记忆深刻,这个风格就是大理石风格,它给人视觉感觉高级,自然风十足!今天这篇分享将告诉你大理石风格的特点、运用场景、运用手法、以及简单实现教程,希望对你有帮助。



 大理石风格是什么 

其实听名字就很清楚,肯定和大理石有关,我们说到大理石,大家会联想到的应该是河边的岩石、室内的家具装修、以及一些居家装饰的小摆件。

做设计的时候,我们画iCON仅用简单的线条和面,就表达了各种各样的东西,大理石风格也一样,可以通过提炼其石头主要特征,比如肌理效果,运用到我们的设计当中去,这种效果就叫大理石风格。


 它的风格特点 

1.石头肌理效果运用

首先,大理石风格,最基本的就是石头的质感,同时也分有为两种质感,一个是比较淡雅的纹理,留白比较多,随机分布着一些深色的花纹,比如上面浴缸的纹理,以及运用到设计中。


另一种纹理是比较厚重的纹理,类似于岩层的那种感觉,整体都是深色的花纹,没有任何留白,下面的三角形就是这种感觉。


2.大量希腊石膏元素


除了大理石纹理质感的运用,其中石膏的元素也经常出现在其实,通过大理石的纹理效果,结合西方雕塑石膏的运用,配合矛盾的构图形式,整个画面抓人眼球,让你记忆深刻


 大理石风格运用场景 

平面中运用

大理石风格在平面设计中的出场率算是最高的了,因为平面设计的局限性相对其他设计小很多,所以大理石设计风格在这里可以任意发挥。

比如上图海报时候,大理石的纹理效果,结合石膏的主图形,再配合这种矛盾斑驳的画面效果,整体给人艺术和科技的感觉,无论是把大理石质感作为主体,还是背景,还是辅助元素都可以体现的很好。


简单的一个背景,搭配一个高级的有设计感字体,画面效果不言而喻,简单而不简约


如果你做海报没有灵感时候,不如设计一个大理石肌理效果,在配合大量的留白以及干净的配色,也会呈现出一个高级的效果


网页中运用

到了网页设计这一块,有相对的设计规范,而且网页展现的内容主要都是突出信息,所以设计都不能太过,一般在网页设计这种情况下,大理石基本上是使用它的纹理来做背景,渲染一种高级的氛围。

上图设计师将大理石纹理做为整个页面背景,再配合大量留白,简单的有设计感的字体,页面彰显大理石的质感和调性,这种简单的背景除了有细节之外,也可以使文字内容更加突出且不受大理石背景的影响。所以当你页面想呈现高级感又不知道放什么时候,不如试试这种效果。


除了淡淡的浅色纹理效果,其实也可以运用彩色大理石作为背景,彩色相对于淡色大理石效果,会更加绚丽和丰富!


在移动端运用

移动端设计,大部分是在H5营销页和启动页,一般出现在科技馆的发布会,或者产品的介绍页面,因为大理石风格视觉感觉,高级感,北欧风,所以在运用时候一定需要结合产品特点和用户人群,不能为了追求趋势而使用。


美术馆的海报设计,运用大理石做为背景肌理,结合石膏的沧桑感,让这个美术展瞬间呈现出历史和与时代感。


包装中运用

通常包装都想把产品体现的高大上, 这一点正符合大理石的调性。一般在拍摄背景or包装纸壳上,我们都可以看到大理石的影子。这样一来不需要真的用大理石包装,那样成本太高了,但又能体现大理石的高逼格感。


工业/室内设计

这一点就不用我来说了,我们对大理石接触最多的就在这一方面,除了家居和装饰,现在一些高档次的用品也会使用这种材质,以前创维有款电视机,专为富人设计的,造价和售价都非常高昂,电视的支架就是大理石做的,由此可见大理石的高逼格。


 运用小技巧 

1.淡雅纹理+衬线体

从上面的那些案例我们可以看出,大部分是淡雅的纹理给人一种高逼格感觉,配合字体的话,当然首选轻奢风格的纤细衬线体


2.厚重纹理+扁平插画

一般厚重的纹理我们不可能放在网页设计中去抢内容的眼,厚重纹理一般会扁平化运用到平面和插画当中。

扁平化后的厚重大理石纹理有一种很强的视觉冲击力和吸引力。


3.石膏像+环绕穿插

石膏像本身立体感就很强,会在平面上很显眼的凸出来,用环绕穿插的设计手法配合,可以增强整个画面的立体感,加强视觉冲击力。


 大理石风格PS教程 

首先大理石质感有很多种,处理方法也不止一种,在这里,切合大家的职业情况,所以讲最通用的淡雅纹理的教程,不讲C4D贴材质那些方法,因为C4D大家不一定每个人都会,但是你是做设计的,肯定会PS,所以讲讲PS做淡雅纹理的教程。

第一步,新建图层,尺寸随意,分辨率72。


第二步,要注意的地方,把前后背景色改成一黑一白,快捷键D。


第三步,选择好那个空图层,然后顶部菜单栏-滤镜-渲染-云彩,并得到下面效果。


第四步,顶部菜单栏-滤镜风格化-查找边缘,并得到以下效果。


第五步,调整色阶,mac快捷键: command+L (windows版本: Ctrl+L) ,如果你不想用快捷键,就按下面图中步骤点击,然后弹出色阶对话框。


第六步,根据我下图中一样,通过调整色阶的三个小箭头,达到左边的纹理效果,尽量记效果不要记数值。


第七步,调整色相饱和度,快捷键: command+U (windows版本: CtrI+U),如果你还是调皮不想按快捷键,就按下面的步骤点,然后弹出色相饱和度对话框。


第八步,也是最后一步,注意!最先勾选右下角的着色!然后调整“色相”和“饱和度”的两个小箭头,以达到上图效果。


提示:可以通过调整色阶的值,来控制纹理的多少,根据色相饱和度上色相小箭头的调整,来控制纹理的颜色。大家试一试,这样以后要大理石做背景或者贴图,就不需要去下png素材剪切了



记得把公号加星标,会第一时间收到通知。

原创不易,如果觉得有点用,希望可以随手转发或点下“在看”,拜谢。

本篇文章来源于微信公众号: 我们的设计日记