分享网站建设知识
推动网站应用价值

提供短小精焊并有价值的建站知识分享。

牛B的扁平化风格网站设计作品
2019-10-23 18:42:10

业界对微软Windows8操作系统全面采用Metro界面风格的作法褒贬不一,但在一切还没有定论之前,苹果的iOS和Android 安卓系统却立即跟进,一时间扁平化设计风格风靡全球。于是一夜之间,好像所有的东西都被拍扁了,网页、软件、海报等各种界面都刮起一阵扁平化的暴风。实际上,扁平化风格并不是什么新鲜的事物,早在几十年前,设计界就有极简风格的流行。另外像传统的平面媒体,比如交通、公共场所指示系统等,也一贯采用的是扁平化的设计风格。对于设计师来说,其实扁平化风格要比传统的拟物化风格更容易实现,特别是更容易矢量化,这也是为什么当前UI设计偏爱扁平化风格的重要原因,因为这种风格可以适应在不同分辨率的屏幕之上。

 

 

注意下面这个布局,文字搭配插图,下面是反向排版,形成了无形的格子系统。

 

icon+文字描述,形成了格子系统,图标采用扁平化设计风格

 

 

下面这个布局我很喜欢,原因在布局上,采用了左右结构,左边的分类形成一个块状,平衡了左右。而右边的块状陈列,在第二行第二个开始,做一个more,打破常规的一行四个,第二行也是四个这种填满的习惯性布局。

 

 

 

底下图标加文字,形成栅格化体系,有意思的是上面的广告标语,加上两个协调的色块,更加画龙点睛。

 

 

跟logo呼应得非常棒的格子化系统

 

 

注意图标加文字,还用一个纯文字的镂空白色作为间隔,让格子更加灵动,不死板

 

 

用格子加字母作为点击导航,有意思

 

 

右边,由上而下评分平铺,形成导航

 

 

喜欢这里的色块搭配,一看就很时尚,爱死了。

 

 

横向切割,很有意思,背景图,背景色切割。

 

 

特别的色块

 

 

扁平化图标加文字,形成格子系统

 

 

这种屏幕切割方式,很新锐

 

 

不规则布局,有意思

 

 

作为首页引导,觉得很棒

 

 

别小看这个布局,很有难度。能构思出来的设计师都不一般。

 

 

喜欢这里的灰色,蓝色,绿色搭配

 

 

喜欢色块分布,很平衡

 

 

看人物,像日本风格,格子切割很棒

 

 

欧美切割风格,不错

 

 

下面欣赏两个素马设计的案例,很巧妙的使用了栅格化系统来做排版布局设计。

 

 

 

分享该编文章:

免责声明:本站部分文章由本网用户编辑转载并发布,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容![声明]本站文章版权归原作者所有 内容为作者个人观点 本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。

相关资讯: