资讯中心
News
我要学习!细致微妙的扁平化网页
发布时间:2022-09-27 00:00   您所在的位置: 网站首页 > 新闻资讯 > 经验杂谈

现如今,上海网站开发的扁平化设计比起较开始的风格已经没有那么“平”了,更多样的细节,更清晰的层次,更先进的视觉体验使得它和初期有了相当大的差异。于是新概念科技(上海网站开发)在这篇文章中论述了较初的扁平风和今天的扁平化设计的差异,乃至还赞助网站开发顾客剖析了一下这种演进的原因。

上海网站开发扁平化设计依然占据主流,从某种水平上而言,是由于它同响应式设计有着极高的契合度,这也是在过去几年间的逐步改变而造就的结果。原本的扁平化设计和现在的2.0的主要差异都表现在细节上,高光、渐变、阴影依次回归,轻量地加持在扁平化的视觉元素上,让整个设计的信息量更加丰厚。扁平化设计不再是拟物化设计的对立面了。

当然,扁平化设计较初的一部分基本特征依然在2.0中保留了下来。简约和现代的风格保持不变,不过细节的增加使得简约的水平有所下降;明亮和有趣的色彩运用依然是扁平化设计的主流配色趋势;追求清晰和保持素雅也是扁平化排版的主要特征。当然,探讨差别并不是今天文章的目标,在下边的案例中新概念科技(上海网站开发)摸索扁平化2.0的特色才是今天的主题。

上海网站开发案例:Cybeer Bar

Cybeer Bar 是一个不错的入门案例:他们忠于扁平化的设计规则,简约的风格,不过设计师将细节和层次推到了,清晰分明,色彩的层次让整个设计充满了一种别样的真实感。

上海网站开发案例:Intercom

明亮的蓝色背景,风格化的图标,沉稳而不晃眼的字体,图标的圆角和柔和的细节,整个网站的设计扁平化,令人愉悦。

上海网站开发案例:Agency Survival Kit

网站极简主义的风格和复古的红色颜色都契合扁平化的特征,而阴影和质感的加入则让网站契合2.0的设计风尚。

上海网站开发:Hell‘o Baby

尽管网站的字体元素走的是浮华的路线,不过网站的色彩、边角处置、图标设计都特别契合扁平化设计2.0的设计风格。

上海网站开发:Take It

照片和扁平化的网站风格结合到一起,毫无违和感。

上海网站开发:Google Santa Tracker

很显然,扁平化的设计风格和圣诞主题可以好地结合到一起。Google Santa Tracker 的设计风格并不是纯粹的扁平化设计,动态模糊和视差成效的运用,让视觉元素更加富有层级,更灵动的成效。

上海网站开发:Who Is This F*cking Bear?

这是一个特别有趣的案例,网站整体上使用了扁平化的风格(边角、基本形状),相对沉稳的色彩(偶尔会有闪亮的橙色为网站增添活力),以及极富层次的细节设计(仔细看熊的皮毛)。

上海网站开发:Kaipoche

这样的使用了视差滚动设计的网站是为风筝节而设计的,其中温暖的色彩和卡通式的插画另外网站的氛围更好。

上海网站开发:Black Tomato

这样的网站也将摄影和图片结合到了一起,两种设计元素相互映衬,相得益彰。

上海网站开发:Lander

扁平化设计附表现代风的网站会是什么样子,Lander便是个典型的案例。用色块构成的物品借助扁平化2.0而拥有了多样的细节。

新概念科技(上海网站开发)结语

扁平化设计2.0 为设计师们打开了一扇门,它不再是光板无毛的二维平面,也不再是拟物化的反义词,融合与包容赋予了扁平化2.0 越来越多的可能性,越来越多的元素与富于人性化的设计被融入了进来,它的未来值得期待。

本文章由新概念互动原创,如没特殊注明,转载请注明来自:http://www.jianzhan0.com/jingyand/73787.html