苹果设计为什么显得高级?

语言: CN / TW / HK

苹果的设计 是数字设计中极简主义的先驱 它秉承“少即是多”的理念, 使用简单、直接的元素,就能够 突出核心内容,提升设计的层次感和高级感 ,被极其广泛的运用 ,今天就来 了解这爆火的设计风格 是如何 应用的。

如果你想看更多精华文章、经验分享,欢迎加入 我们的设计日记星球 ,更多内容可在星球查看。

 01.    什么是极简主义风格 

在上世纪初期,随着工业制造体系的变革,人们也开始寻找更适合工业化生产的设计方法与审美体系,极简的设计风格便应运而生。在今天,极简主义早已演变成了一种潮流、一种文化,甚至是一种生活方式,成为了当今的主流设计风格。而它的设计理念大家应该都知道——“少即是多”。说到这里就不得不提一个名字——苹果。它可以说是数字设计中极简主义的先驱,也是这种设计理念的贯彻者。

极简主义在设计上使用简单的元素,突出核心内容。不但可以提升层次感,满足设计需求,也能帮助用户快速聚焦核心部分,突出主要功能。极简主义现在被广泛应用在UI、平面、品牌、工业设计等领域中,也在渐渐影响着人们的生活。

 02.    极简主义的特点 

那么极简主义有哪些特点呢?我们可以一起来看看:

1.大量的留白

2.运用栅格来规整元素

3.简化配色

4.突出内容

5.可读性较高的字体

接下来就举例说明这些特点。

1、 大量的留白

在极简主义当中,留白是必不可少的部分。可能有的同学或认为留白就是白色,其实留白并不一定是白色,它可以是任何与背景相同的色彩。留白在视觉上可以营造平衡感,创造视觉焦点,将核心内容突出。通过这种方式让用户只关注必要的信息,只做必要的事情。

上图就是运用留白设计的品牌网站首页,通过留白直接突出主体,用户即使不认识这个品牌也知道这是一个关于手表的网页。

上图就不是运用白色进行留白的网页设计,依然可以突出主要信息。留白在使用中,一定要注意构图的关系,使页面整体保持平衡感。

2、 利用栅格来规整元素

在极简主义设计风格中,栅格系统可以让简单的设计更有条理。运用在页面中,使信息和元素的展示更有逻辑性和规律性,使用户查阅更顺畅,也能使用户从中更好的识别出主体内容。设计师运用栅格系统可以把有限的元素在整个空间中建立正确的层级性与关系,使整个设计更自然。

上面网页就是运用了栅格系统进行布局,从图片到标题、文案都保持精准的栅格化的对齐,使整个页面都保持了协调感,使用户在阅读上也能遵循一定的规律与节奏。

如上图即使是再简单的页面,通过栅格系统也能使整个设计保持一定的协调性。

3、 简化配色

极简主义在配色的选择上,像黑白这样的色调在表现上更中性,更能体现产品的功能性,而且会给人干净并且富有秩序感的视觉感受。但是黑白并不是唯一的选择,通常会选择一种饱和度较低的单色作为主色调,然后选取一到两种点缀用来提亮贯穿整个设计,达到提升视觉层次感的效果。

上面的两张图在配色上除了经典的黑白色之外,还采用红色作为点缀色,并且贯穿了整个设计。整体的配色不仅简洁而且体现出了层次感。

4、 突出内容

设计的初衷本来就是对内容的设计,所以突出内容就是极简主义设计最为核心的特点之一。因为其简约的设计,可以让用户在第一时间就聚焦于内容而不是页面其他元素,而且内容本身也可以当做元素进行设计,强化视觉效果,让画面拥有视觉冲击力与张力。

上面几张图就摒弃了其他元素,直接突出内容让受众第一时间就关注内容本身。

5、 可读性较高的字体

极简主义设计希望元素清晰易于辨认,对字体也是同样的要求。

无论是衬线体还是非衬线体,一定要确保字体的可读性,方便用户快速感知文字内容。在风格上不要装饰性太强,使用经典的字体就很好,在某种情况下适当的放大字体,确保用户可以一目了然更能突出设计的简洁、直观。

在上面几张图中,无论是衬线还是非衬线字体,都会利用文字大小和适当间距保证文字的可读性,也不会对文字添加过多的装饰性元素。

 03.    极简主义在设计中如何使用 

1、移动端中的使用

上面几张移动端的界面,基本上都是有一个主要的色调+图片+大标题,以内容为主体加上大量的留白,整体都符合极简主义的核心特点。

2、网页中的使用

上面这组网页设计,也是采用了大标题+产品精修图+单一色调的背景进行设计,摒弃了装饰性的元素,以突出内容为主,运用栅格进行布局加大面积的留白,使页面在简约的同时体现了统一与品质。

3、品牌中的使用

上图就是我们熟知的YouTube,这些年品牌逐步摒弃了一些高光、渐变、投影等装饰性元素,并且加入了播放按键图标,向用户传达了YouTube的主要业务方向,整个设计更加简约且一目了然。

上图Instagram的logo也是向着极简的方向发展。新版logo只保留了老版相机的特征以及彩虹色的背景,突出主要元素特征,既简约又易于辨认。

4、海报中的使用

上面几张海报就是以图片或者某一独特图形作为主体内容进行突出设计,再加上文字与适当的留白进行栅格化的设计,很好的体现了极简主义的设计风格。

5、产品设计中的使用

运用简约的设计语言,突出产品特性与功能性。富有美感与品质性。

 03.    如何打造极简主义风格 

看了这么多案例,是不是对如何进行极简主义风格设计还是有点不知所措,那么我将从图形、配色、构成、字体这几个纬度来给大家阐述如何进行极简主义风格设计。

图形:简单的几何图形,扁平化的设计,去除装饰性元素

上面的图就是运用简单的几何图形+扁平的设计,突出内容引导用户进行操作。

配色:以黑白灰为主,或者选取一种主色调加一到两种点缀色

上面两张图第一张就是典型的黑白灰的配色,突出内容,给人干净和平静秩序的感受,而第二张图就是选用黄色为主色调,然后其他颜色为点缀色,突出功能具有引导性。

构成:大量的留白与栅格化的构成形式

上图就是利用留白与栅格来进行页面的布局,大留白突出重点内容,栅格化的构图让设计更具有协调性。

字体:非衬线体

虽然衬线字体也能体现出极简主义的风格,但是非衬线体在视觉上更简洁,在突出品牌上辨识度更高。

 04.    极简主义配色 

设计中较重要的一环就是配色,下面我给大家分享几组极简主义色彩搭配,每组都有色彩风格对应的形容词和配色数值,希望给大家带来灵感。

关键词:自然,宁静,沿海和平衡

关键词:女性化,诱人,宁静和热爱

关键词:大胆,自信,好玩和活力

关键词:中性,平衡,宁静和时尚

关键词:舒适,宁静,善良和原始

 05.    最后 

上面介绍了这么多,那么极简主义最核心的特点就是:以展示内容为主,去除了多余的元素、颜色,完全体现了“少即是多”的设计理念。极简主义之所以受欢迎并且流行至今的一个原因就在于它突显内容,为用户呈现最重要的东西,让用户关注最主要的事情,简化了界面使其更具功能与可行性。

我们做设计归根结底也是在为内容、商业服务,而极简主义真正做到了内容至上,但是要想更好的为商业服务其背后一定是经过了深思熟虑的,就像小米新Logo一样,看似简单必定是由繁到简的一个过程,而极简主义也是去除多余元素化繁为简的。所以与其说极简主义是一种设计风格,不如说它更像我们想追求的化繁为简的生活方式。

最后送给大家一个福利,限前30名同学:

「阿里腾讯字节内部作品集」,「世界500强PPT」,「设计师必读的100本书籍」,「阿里腾讯内部源文件」,「阿里内部设计课程」,「大厂内壁设计笔试题」。

精选了 100 多份资料,总计 30 万字。

>左右滑动查看更多<

请加叮当猫微信领取 ,不要重复添加么么~

阅读相关文章,看更多设计生态:

甲方报价10000的设计海报,我5分钟就做出来了?

苹果大更新,emoji竟然可以做壁纸了???

大厂是怎么量化体验设计的?

另外铁子别忘了帮点个“在看”:point_down:

Sky需要你的支持!