2024年网站扁平化设计风格 篇1
谢邀
其实之前了解过这个问题,下边结合我之前了解到的知识,简单说一下。
设计出稿快。相较于拟物化图标而言,扁平化的设计少了许多光影细节的刻画,出稿速度要快很多。
审美疲劳规律。无论任何一种设计,在经过一段时间风靡后,都会转向衰落,这里说的衰落并不是说从此就死掉了,而是被另一种设计风格取代后,再经历过另一段时间的推移,有可能又回到大众视野。
更容易信息表达。特别是window 8.1开始的卡片风格,没有任何的装饰,纯色背景加上加粗字体,特别容易阅读。个人觉得造成这种设计思路的背后,是越来越多的信息碎片化,信息突出就显得相对重要一点,便于用户在复杂的信息中快速定位。
行业巨头引领。特别是在手机UI方面,google和apple两大巨头都极力推崇扁平化设计,接下来许多厂商便开始陆续跟进。
更便捷的兼容性。在越来越多的终端设备上统一风格在之前是一件极其麻烦的事情,而扁平化设计却可以是的终端匹配变得非常简单。
硬件依赖度降低、加载速度变快。尽管现在的设备硬件及网络速度都有了很大的提高,但用户永远都不会满足,加载速度越快,使用越流畅,越能获得良好的用户体验,扁平化在这方面具有较好的优势。
(以上观点不分主次,仅根据个人思路整理)
题主可以了解一下瑞士国际主义平面设计这种风格,与扁平化设计有异曲同工之处。也可以去了解一下艾米尔・鲁德这位大师,荷兰著名的平面设计师。
(图片来自网络,仅供参考)
2024年网站扁平化设计风格 篇2
单页式网站是体验最好的网站。
从网站诞生时起,承载和传递信息的功能就没有变过。根据网站内容的不同和功能的不同,大概可以把网站分为了博客、论坛、门户网站、企业网站、行业网站等类别。在过去,世界网站的主流一直是多页式网站,每一个页面可以搭建不同层级的内容,用户通过点击和跳转,可以找到自己想要的信息。但是这几年,单页式网站逐渐成为了世界主流。不光是 Uber、阿里巴巴、星巴克等大企业选择单页式网站作为官网,就连普通人的博客界面也在逐渐变得简洁,单页式博客越来越多。
主要有三大原因:
一、移动端流量暴增
上线君先给大家看一个数据:
2014年百度财报显示,移动端搜索流量正式超过pc端。
但这个数据只不过是一个开始,2017年的互联网女皇报告中提到“2016年中国移动互联网用户数量已突破7亿,每日在线时长合计超过25亿小时”。移动端流量的暴增,意味着用户的使用习惯正在从 PC 往移动端倾斜。而移动端最大的特点:便携、小巧、方便、配置合理,这些种种特点,恰好是对多页式网站的不友好。
我们不能指望着一个 iPhone 6 或者 iPad 去访问一个页面非常复杂的多页式网站能带来什么优秀的浏览体验。光是加载、跳转就已经很麻烦了,这么小的屏幕,要点击按钮还需要局部放大,一旦点歪了,又得重来一次……光是想想就很崩溃。即便是现在有了自适应,点击一次就重新加载一次的心情,恐怕也不会太好吧。上线君再次用数据说话:一次点击跳转,就会流失当前30%的用户。所以,多页式网站在移动端带来的用户流失才是最大的问题。
而单页式网站,它就是为了移动端而生的。一次加载,直接直接上下滑动就可以查看网站的所有信息了。没有跳转、没有重新加载。页面浏览用户流失降低到最少,引流自然就更方便了。
二、时代审美观的改变
在过去,做网站是一件非常困难的事情。从架构搭建到板块划分、页面设计、菜单规划、网站配色,每个环节都需要投入不少的精力,为了让网站更引人注意,许多人会选择给网站添加酷炫的特效,或者是用弹窗客服功能等让网站看上去更先进。
然而到了后来,随着 SEO 行业的规范和算法机制的调整,网页弹窗和混乱的页面会直接影响到搜索引擎对网站的收录和抓取,网站行业开始注重简洁、清爽,弹窗也越来越少了。
与此同时,扁平化设计风格逐渐被大家接受,大家越来越喜欢和认可“ Less is More ”这样的理念。极简风格也逐渐从小众走向大众。大家越来越喜欢简单而有高级感的东西。过去那些闪光的 flash 特效、疯狂弹出的小窗口,已经不再是时代的宠儿。这个时代的审美观,就是简单而高级。
单页式网站就是网站中最简单而高级的一种。多图少字、最少的跳转、最少的分割、最简单的操作,让单页式网站成为了更多人的心头好。
三、互联网下半场趋势大改
在互联网上半场,官网、新媒体、APP 是互联网行业的三大热点。不仅相关从业人员人数出现了暴增,而且官方网站、新媒体、APP 的数量也出现了剧烈增长。不过随着进入互联网下半场,行业泡沫开始破裂,新媒体从业人员工资下滑、新媒体平台用户活跃度开始降温,APP 存活情况也并不乐观。在这样的情况下,只有官方网站还在保持着相对的活跃度。
马云也说过:“其实真正如履薄冰的是互联网,中国有哪家互联网公司超过了 10 年?”
是的,互联网公司的存活数据不好看。但是网站的生命力和存货量也还是很乐观的,中国运营超过十年的网站,数量是非常多的。而且,年限越长的网站,只要运作合理,就一定越值钱。
到了互联网下半场,小程序的横空出世又让很多企业看到了希望。开发 APP 的高昂成本在这个时候已经不再需要了,而且操作也将变得更加简洁方便,支付流程也更短了。在不计较成本的情况下,APP 和小程序可以互补共存,而在考虑成本的情况下,APP 其实可以暂且放一放了。上线君认为,官网、新媒体、小程序、APP 很可能成为互联网下半场的基础模式趋势。
而这样的基础模式,如果还要用多页式网站,点击一下、刷新一下、跳转一下这样的操作就太麻烦了。直接在单页式网页页面上放置小程序码和二维码,就什么都搞定了,用户如果是电脑访问网站,手机一打开就搞定了扫描,如果是手机访问,存图再识别也简单得不得了。跳转?刷新?这样的操作,在互联网下半场是不存在的。
所以大家可以看到,越来越多的单页式网站上线了。而单页式网站的设计和搭建,也有了许多的平台,不再需要耗费很多时间了。比较不错的建站平台,做个单页式网站,选个好看的模板,花个 10 分钟就够了,成本也比多页式低很多。快捷、划算、留存高、操作简单、搭建方便,光这些优势就已经足以解释,单页式网站为什么逐渐成为世界主流了。
上线了,一个人人都能看懂的科技圈头条号,但只有热爱干货的人才会喜欢。
2024年网站扁平化设计风格 篇3
经常做PPT的PPTer,有时都想设计出下面这种比较简约的PPT。
但,一步小心就有可能做出了下面这种效果,是不是很忧伤。图片来源于网络,侵删
其实这种简约的PPT,通常被称之为扁平化的PPT。
沒有冗余,厚重和繁杂的装饰效果,其特点是极简、美观,再看一套完整的,如图所示。
郑少再给大家举个例子,下面这张图显然不合符扁平化极简、美观的特点,同时还有很多的装饰效果。图片来源于网络,侵删
如果想要设计出扁平化的效果,就需要重新调整页面的元素以及排版方式,如图所示。
这时,或许你会有疑问,到底该怎么做好扁平化的PPT呢?有没有什么方法呢?
对于扁平化PPT的设计,还是有规律的,下面就从字体、配色、配图、排版等方面分享一下。
1、字体的使用
对于扁平化PPT要用无衬线体,没有过多的设计,刚好符合扁平化极简、美观的特点,如图所示。
对于无衬线体不仅有中文还有英文,下图整理了一些常用的中英文无衬线字体。
当安装好这些无衬线字体之后,为了保证扁平化PPT字体的统一,最好设置一下主题字,方便后期一键切换修改,如图所示。
2、配色的使用
可以看出扁平化PPT的配色也是有讲究的,不论是单色还是多色,都要保持美观、亮丽且整体统一。
我们再来看一下,一整套扁平化PPT的配色是什么效果,下面以单色、双色和多色为例子。单色双色多色
可以看出,不论是使用单色、双色或者多色,只要保证颜色亮丽且统一,就能达到扁平化PPT简约的效果。
那么问题来了,怎么才能获取一些好的扁平化PPT配色方案呢?
推荐一个配色网站:flatuicolors,这个网站的配色非常符合扁平化的要求,如图所示。https://flatuicolors.com/
flatuicolors还将配色进行了分组处理,点击每组颜色深的分类即可查看多种颜色,里面的颜色搭配非常棒。
这时你或许问了,怎么才能让扁平化PPT的配色统一一致呢?
郑少建议使用主题色,这样即能保证配色统一一致,还能一键切换配色。
关于主题色的设置,郑少分享一下,先将配色截图到PPT中,并用吸管吸取,然后记录RGB数值,如图所示。
接下来点击【设计】—【下拉三角】—【颜色】—【自定义颜色】,这时会弹出一个新的对话框。
然后在将之前的RGB数值输入到主题色中,具体的设置如图所示。
3、图片的使用
关于图片的使用也分几种不同的类型,比如在设计扁平化PPT时,对于全图的使用,最好和透明的色块搭配起来。
这样能避免图片过于复杂的问题,同时还能很好的突出内容。
再比如,如果使用小图片,可以和色块搭配使用,没有过多的装饰效果,既丰富又简约。
关于图片的使用,最重要的就是找到合适且高质量的图片,郑少推荐几个不错的图片网站,里面的图片质量都非常高,如图所示。
4、排版的使用
对于扁平化的PPT,排版不能过于复杂,否则会让整体显得很乱,也要做到简约一致。
对于扁平化PPT,常见的排版一般有以下几种,仅供参考,如图所示。
上面的排版要灵活使用,举个例子,下图用的是居中排版,同时添加色块是不是显得很简约。
再比如还有这种左右排版的效果,整体看起来也非常不错。
关于排版大家要灵活使用,切记页面的排版布局要简约不可以过于复杂。
5、关于元素的使用
对于扁平化的PPT,如果要是简简单单的使用色块也不行,这样虽然简约了但是也会显得十分单调。
怎么办呢?
可以借助其他元素填补这个问题,比如可以使用叠加的形状、数据图表、逻辑图表、图形等元素装饰,如图所示。
再比如,如果内容合适,还可以使用一些图标、地图、样机等元素装饰设计,这然就能解决简约又不单调的问题,也比较符合扁平化PPT的主题,如图所示。
到这里大家或许有疑问了,怎么才能设计出一整套的扁平化PPT呢?
对于一套扁平化PPT需要从封面页、目录页、过渡页、内容页、封底页五大页同时入手。下面郑少简单的举个例子,主要是看整体的扁平化效果。
6、设计扁平化PPT
对于工作总结是我们经常需要做的PPT,既不能做的太单调又不能太花哨,这时选择扁平化风格就非常适合。
举个例子,下图是关于封面页的内容,如果要想设计出扁平化的效果该怎么做呢?
其实也不难,只要符合扁平化的极简、美观的特点,同时沒有冗余,厚重和繁杂的装饰效果即可,如图所示。
再比如对于目录页,这种简简单单的文字,显然不好。
按照扁平化PPT的思路,使用色块就能设计出下面这种简约的效果。
过渡页也是PPT中最难设计的,主要是因为内容太少。
如果设计成扁平化PPT的效果,就可以像下面这样设计,非常简约又不失单调。
那么对于内容也是同样的思路,不管内容多或少都要保证页面简约、美观,一切从简。
对于上面的内容,可以使用不同颜色的色块,同时使用上下排版,如图所示。
再比如是,对于下面这种内容,如果让你设计,你会想到什么好的方法呢?
郑少是这样做的,将图片和色块搭配起来使用,整体显得比较简约,如图所示。
再来看最后一页封底页,这里以一句话为结尾。
显然单单的将文字放上去,还是不能满足扁平化PPT的需求,这时可以做出下面这种效果。
最后将这五大页PPT组合在一起,就能看出整体扁平化的效果,如图所示。
那么对于扁平化PPT的制作,日常中还有一点非常重重要,那就是要多看且要看好的作品。
推荐两个非常不错的设计网站,这也是郑少经常浏览的网站。
这两个网站分别是behance和dribbble,可以模仿学习里面的配色、排版、用图等方式,能快速提高你的审美。https://www.behance.net/https://dribbble.com/
关于扁平化PPT的内容,就分享这么多。
希望对你有一定的帮助,下期见。