当设计遇见最天然的石头，竟如此酷!

内容来源知识星球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素材剪切了。

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

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