看消息说,原阿里钉钉CEO无招即将离职创业,作为一手带大钉钉的无招,在阿里的十年真的投入了巨大的心血。

知道后,我的第一反应就是去看钉钉官网,是否有人员变动的消息。

在我翻官网的时候,我发现钉钉官网上存在超多设计小细节,完全值得我们在设计中使用,尤其是日常工作使用的PPT设计!

文末有惊喜,转发+关注,免费获取钉钉官网背景图片资源


1、内容卡片式排版

在官网的页面,我们会发现钉钉的内容都是运用色块进行隔开,有一点类似卡片式的排版方法,我放了几张图,大家可以观察一下:

大家是不是理解了我所说的卡片式排版呢?

卡片式排版,就是用卡片式的色块来承载页面内容,色块大小取决于内容多少。

这种排版方法,不止是钉钉在用,很多UI界面、手机界面、发布会都会使用:

这种排版方法的好处,在于可以很好地让页面的文字内容、图片信息保持整齐,保持整体页面的干净整洁。

我们可以看一个对比案例:

卡片式排版

是不是相比较后,用色块进程规整页面元素后,整体看起来会更加的整齐呢?


2、图标文字相搭配

除了上面讲到的卡片式排版外,还使用了一个很有趣的元素——小图标:


发现没有,不论是网页设计,还是平面设计、电影海报、PPT设计等等,都会使用小图标来增加页面的趣味性!

这里推荐一个网站:阿里巴巴矢量图标库

这个网站的页面很简单,你通过点击菜单栏里的图标库会出现这样的新的界面:

其中的图标库分为,官方图标库,多色图标库,单色图标库。其中,你点开需要的图标类型,下载就好:

提醒一下,网站内的图标是免费商用的!但是如果有设计师标明的话,就不可以商用,这里具体要看图标是否标注!


3、颜色搭配

这里的卡片排版上的颜色丰富的同时,看起来也很令人身心愉快:

这里的渐变色和颜色搭配的案例,我都给大家采集出来了,举两个例子:

这些素材,完全可以使用在平时的PPT制作中,比如直接作为背景,又比如使用PPT自带的取色器采集图片中的颜色!


4、万能必备素材:样机

相信很多朋友们都知道样机是什么。样机这种素材,不止是在PPT设计中会发挥作用,在UI设计啊,平面设计啊,海报设计啊,企业官网等都有它的身影。

下面是我在阿里的钉钉官网看到的样机:

不止是钉钉,字节跳动也会使用样机来增加页面的设计感:

是不是相比较在界面中只放置一个简单的手机截图,套用样机后,整体要更加有设计感和空间感呢?

到这里,今天的内容就结束了!我们做过个简单回顾:

1、内容进行卡片式排版,会更加整齐干净!

2、卡片式排版,就是用卡片式的色块来承载页面内容,色块大小取决于内容多少。

3、图标和文字相搭配,会更加利于用户对信息的接收。

4、样机的套用,能美化截图,增加页面的设计感。

这里,还要提醒一下,关于钉钉官网采集的背景图我都整理好了,关注我+私 信发送【钉钉】即可获取: