网站优化

网站优化

Products

当前位置:首页 > 网站优化 >

年底回顾:扁平化风潮的起与思,能让我掌握哪些设计趋势?

GG网络技术分享 2026-01-01 02:17 2


每当有新设备和技术进入市场之时其功Neng和推动交互发展的程度总会让我们为之着迷。继界面所带来的迷乱之后我们一般dou会将注意力重新集中到内容上去。不论是文字、 音频还是视频,对媒体内容的摄入大概是我们使用设备时的Zui主要活动,而在这种情况下我们需要保证界面不会影响我们的摄入过程。

实践

在扁平化UI中,要表现出哪些元素可交互是个有学问的活。下面是我常用的一些方法,太魔幻了。。

网格所确定的,不仅仅是视觉顺序。你还可yi用它来界定内容和功Neng组。有时候要将一组物体分组不一定非要用到线条huo者方框。 摸鱼。 简单的对其和空间调整往往Neng帮助用户理解界面的结构。

漂亮简约:Oak的Blue天气应用。

捡漏。 使用Wallmob进行实时销售监控:记录suo有带浏览器设备的销售数字。

简约是金

Fitbit的控制面板界面在视觉上表现明亮、大胆而且简单好用,说真的...。

扁平化设计这一趋势Yi经流行了挺长时间, 而现在设计风向似乎要有所转变了这或许可yi从一些设计案例中透露出来。在这篇文章里我主要聚焦在UI设计领域,kankan设计趋势在这方面dou经历了哪些变化。

设计趋势

在过去几年中,我们见证了软件和应用界面设计从3D及拟物化向扁平化和极简化的快速转变。尽管这一趋势现在Yi经无所不在 但我们不妨拿出一点时间来思考今天的后来啊是如何形成的, 乱弹琴。 以及其对界面设计整体有着何种影响。

衬线体无疑是个办法,但无衬线字体却Neng让人感到geng为简洁,出道即巅峰。。

技术的影响

大家怎么就突然从大爱材质、 斜面和投射阴影突然转向热衷扁平化颜色和简约字体了?这一转变受到了hen多因素的推波助澜, 不妨... 下面是其中比较显著的几项。

TriplAgent 的视觉设计采用了绝妙的配色方案,整一个...。

对比如guo布局内容中大部分为白色,那可yi给交互元素添加一定其他色彩。如guo你的设计以文字为主,可yi使用简单的图标表示交互。 优化一下。 如guo标题比较大而且quan部为小写字母,那么链接部分可yiZuo小一点并使用大写字母。你懂的。

你可yi找一个粗细和样式种类比较多的字体类型。虽然不一定全用的上,但比较宽泛的选择范围有助于geng为鲜明地界定层次结构。你也可Neng会发现某个粗细度在某个特定环境下效果geng佳。

流程

设计趋势来来去去, 但一个普遍的趋势Yi经流行了hen长时间,那就是扁平化设计,现在也几乎是无处不在UI中的按钮, 就这样吧... Logo,图形设计等等。在这篇文章里我主要聚焦在UI设计领域,kankan设计趋势在这方面dou经历了哪些变化。

所呈现的设计要素布局简单,对比度优秀:Taasky.

Live School Rossul Design 开发的iPad应用。

火了一年的扁平化, 同学们dou了解清楚了吗?

今天@网秦UEC 的同学从国外译过来一篇好文,从扁平化的流行缘由聊到对界面设计的影响, 绝了... 附有一些设计技巧和注意事项,值得一读哟。

在扁平化内容驱动网站上,文字是主角。

信息负荷过度

在设计领域没有一成不变的规范。kan到各位设计师如此热忱地投入极简化用户界面的设计令人欢欣鼓舞。dan是探索扁平化设计是否就意味着绝不使用渐变和阴影?当然不是。说实在的, 我近期kan到的几个hen有意思的作品也保证了交互的直观易懂,从而实现了扁平化和尺寸直接的平衡,地道。。

技术精通

常规的位置安放方法也Neng起到作用。比方说你的后退箭头使用细V形表示, 别担心... 可yi将其放置到左上角,主要原因是用户一般会到这个位置找后退按钮。

不忍直视。 网格在界面设计中扮演着fei常关键的角色,绝无例外。在你拿着一套受限制的视觉元素,努力想确定其各自顺序并让使用方式geng加直观时网格Neng够带来hen大帮助。

颜色

就这样吧... 颜色不用多说是视觉设计中的一个关键组成部分。dui与Zui简化界面其所具有的意义geng加关键。

Windows Phone 及 Apple iOS 界面,KTV你。。

好了理论就说到这

下面我们来kankan一下实际操作上的注意事项。打造有效的Zui简化设计难度hen高。在层层剥离常规的一些UI元素的一边,你就会发现所剩下的为数不多的这些元素多么重要。下面的小提示尽管在hen大程度上是通用的,但you其适用于扁平化UI,吃瓜。。

yin为各种尺寸可联网设备的普及

UI受大势所趋而务求geng加流畅, 而与之相应的,就是响应式设计风潮。尽管响应式设计不需要特bie的美学,但也可yi说扁平化UI相比其他风格来说Neng够geng易于辅助响应式设计的美观。 你我共勉。 Zui简化设计的另一优势在于Neng够降低页面重量从而减少加载时间。

考虑geng为宽泛的调色板

个人我觉得范围比较窄小的调色板通常Neng创造出比较功Neng化的界面。想创造出让人眼花缭乱的缤纷色彩fei常简单。但tong过下面这种方法, 你可yi大大拓展一下选择范围;而且,考虑到待设计元素的数量hen少, 调色板还Neng给你带来hen良好的感觉。

不管你要采用哪种样式风格

遵循流程dou是fei常重要的。下面的几个建议可yi帮助你实现简约效果。

注意字体是否易于辨认阅读。这一点虽然听起来有点无厘头, 但你对自己所选定字体的依仗将是hen强烈的,suo以一定要保证其在ren何尺寸小均易于辨认,另起炉灶。。

建议分别试验一下同系配色及鲜明对比

早期对调色板进行试验将保证你在接下来Neng够掌握微妙和强对比元素所需的quan部配色范围。

下拉菜单、模拟窗口、弹出式窗口及其他层叠元素dui与扁平化设计来说操作起来比较麻烦。 奥利给! 你可yi采用鲜明的对比、边框或着色区分不同的交互层级。

yin为智Neng手机和平板快速普及各种用户

业界对其控制方式显见性的顾虑日渐消退。尽管一度曾经担心用户会难以kan见不显眼的按钮,但现在我们却geng愿意探索较为细微的交互内容。Windows 8和Chrome for Android甚至还支持在没有视觉提示的情况下tong过触摸命令点亮屏幕,拖进度。。

ren何项目dou一样

第一步是先确保自己选定的样式合理。在开始进行扁平化设计之前,要先保证自己的设计符合目标用户的感觉以及目标平台、 有啥用呢? 设备和应用类型。如guo不适合你的项目情况,那紧跟潮流也没有意义。

yin为页面上叠加内容的增加

我们无法将suo有可交互元素douZuo成按钮的样子。界面应尽量直观。 这东西... 但如guo交互过程比较复杂或有违常规,则应提供方便的错误恢复方法。

不要怕使用大小粗细走极端的字体搭配来构建视觉顺序

尝试使用超大超细的标题字体搭配小号中等粗细的正文字体。

将不同版本毗邻比较也hen有用

在将一条输入线上下5个像素来回倒腾了20分钟之后 我会保留下两个不同版本进行比较, KTV你。 这样孰优孰劣马上见分晓。

在过去几年中

1. 扁平化设计的发展趋势

搞起来。 为了geng为具体的了解到扁平化设计的发展趋势, 本文tong过手机UI界面的设计为例,进行深入探究。在2010年开始进行扁平化设计,tong过后续的发展,人们对其认知得到逐渐加深。

2. 安卓4.0时代

yin为安卓4.0操作系统的出现, 该系统具备geng多的特性,扁平化设计的发展趋势、优势与成因作者/王梅,四川旅游学院文章摘要:现阶段,yin为我国社会和经济的快速发展,我国...

在设定调色板时

可yi在一个比较宽泛的色值范围内对选定的色调进行测试,并确保其在亮色和暗色下表现dou合适,摆烂。。

色彩

内容为王

我悟了。 本文将围绕扁平化设计的发展趋势、和信息可读性。tong过简约、干净和实用的设计方式,减少了页面加载时间,减少了视觉干扰,突出了内容本身的价值。极简主义在扁平化风格网页设计中的应用也需要注意色彩搭配、 字体选择、图形设计和排版布局等方面的细节问题,避免过度简化导致信息传达不明确的情况发生。

简单但一点到位

OnSite

Siteleaf上清爽易读的文字。

由于物体的相对大小具有着fei常关键的意义

我好了。 suo以呢你需要尽早开始在不同种类的设备上检视设计理念,以便确定其是否合适。

大部分软件dou会受限于所运行的平台

屏幕尺寸和像素密度是硬件方面的限制因素。较小的界面大大限制了设计调色板的范围,也就意味着界面上的每个元素dou要具有自己的表现力。 我狂喜。 文字规模和字体大小将在hen大程度上决定扁平化设计的美感和可用性。

Global Closet:一款由The Workshop为国家地理教育打造的互动游戏

在工作的一边

经常自问:“我是否真的需要这个?”人总是hen容易对自己钟意的东西念念不舍,但我们还必须老是找出要砍掉huo者简化的内容。抛弃自己费尽心思Zuo出来的东西不容易,但编辑取舍也是必须的。

在这个互联互通、 信息丰裕、功Neng丰富的数字时代

Zui简化设计广泛的复兴让人眼前一亮。这自然不会是无所不Neng的解决方案,但只要经过深思熟虑和恰当的应用,其Neng够实现既好用,有舒适的数字体验,抓到重点了。。

在当今这个信息延绵不绝的文化背景下

我们每天要不停地接触各种信息流, 有的重要,有的无关紧要。我们要不断地评估、过滤bing且创造各种内容,这一切明摆着是hen费神的。还有啊,我们所摄入的内容中有hen多dou转移到了小屏幕设备中,从而geng加剧了这种负荷过度的感觉。suo以说人们现在hen容易对过量的信息感到应接不暇,而减少用户界面中的元素则Neng够带来少许视觉上的宁静,可以。。

杂乱不再

Geckoboard的可视化工具可方便你一眼轻松解读关键数据。

在设计Zui简化界面时

我一般会从PC机出现前的时代寻找灵感,那时的设计师和艺术家往往需要Zuo到“多快好省”。接这个机会你可yi重新探访一下过去的hen多优秀设计,比方说Josef Müller-Brockmann 和 Wim Crouwel。再说一个, 我还会kan向Ellsworth Kelly等极简主义画家,Mies van der Rohe等建筑家和Dieter Rams等工业设计师,我始终觉得...。

年底回顾聊聊扁平化风潮的起与思

什么情况?

网格

如guo你的目标设备无法体现出细微到这种程度的差别,那算你运气好。yin为移动设备的屏幕尺寸和像素密度不断提高,以后geng薄geng小的设备将Neng实现geng高的清晰度。当然对@font-face的支持也大大地提升了极简化文字核心设计的吸引力,算是吧...。

开始之前

恕我直言... 论界面设计的扁平化发展趋势。3. 扁平化设计带给海报的视觉感受欣赏扁平化海报设计, 这种感官体验不是空洞无味,而是让我感受到了设计内容所要表达的直观、贴切与简洁美。


提交需求或反馈

Demand feedback