一组玻璃拟物化设计作品分析

黑马家族 黑马家族

2月前

收藏 收藏 0

点赞 0

【摘要】:日常作品输出是设计师能力提升的一个环节之一,也是作品积累的一种有效途径

日常作品输出是设计师能力提升的一个环节之一,也是作品积累的一种有效途径,近期除了一些设计经验输出以外,也尝试了一些视觉作品输出,期待和大家一起进步。 

 作品欣赏 

以下作品版权归属@黑马青年

未经许可禁止任何用途

 作品 01 

该作品尝试运用了玻璃拟物化设计风格,该风格的特点被 Malewicz 归结为4点:

透明:使用带有模糊磨砂质感背景的透明效果;

悬浮:带有明显悬浮感的多个层级;

鲜明:使用鲜艳色彩作为强调色并且从半透明层中透出;

微妙:使用轻薄微妙的边框来强化物理质感。

利用磨砂玻璃的效果强化卡片层次感和质感,相交处加以高光线条强化光感,使得轮廓化更为清晰。在展开与收起的处理上尝试了表现细节上的突破,打破常规的箭头引导,思考更多可能性的运用。在功能性图标的处理上基于扁平基础上做了细微的光影处理,让图标风格更符合整体界面的气质。

输出目的:探索设计趋势的运用,在风格基础上探索更多尝试,加强细节处理和整体风格的把控。

 作品 02 

该作品在延续运用玻璃拟物化设计风格的基础上,强化了图片的后期处理,让图片风格和整体的配色更为搭配。

利用卡片式设计增强信息层级对比,在卡片衔接的设计上采用了类似于圈装装订的形式,强化卡片之间的层级关系。

功能类别切换上的处理技巧目前常见的有:字体大小对比、字体粗细对比、字体颜色深浅对比、短线装饰强化、按钮化处理、图形化处理等,基于这些处理技巧之外尝试了新的形式,探索更多可能性的设计。

 作品 03  

该作品是基于上一组作品的延续,处理上面依然在局部运用了玻璃拟物化的设计,主要的处理在于图片的处理,通过图层混合模式的尝试调色配图色感。图片的处理在作品视觉效果呈现上面至关重要,如何把握整体界面色彩关系和配图色彩关系是设计师处理图片内容的关键,通过这个作品的练习可以掌握其中之一的处理技巧-关于图层混合模式的运用。

 作品 04  

虽然扁平设计随处可见,但是在图标设计上面设计师们都在尝试更多的深入空间,整体的界面布局依然会延续扁平设计为主,但是局部设计的发挥会突出更多层级空间。

该作品在局部延续了玻璃拟物化的设计,按钮等部分处理也在扁平的基础上运用了细微的光感。主要的部分在于立体微质感图标的绘制,基于 2.5D 的基础上进行质感强化,尝试光影的处理技巧和图层样式的调节。

 作品 05 

最近一套磨砂玻璃的图标受到很多设计师的追捧,最早在一些设计平台出现,后来国内一些产品也都有应用,比如自如、腾讯视频等。这种类似于特殊材质的运用也是最近很多设计趋势所表露出来的,介于扁平和写实之间的微质感,带给用户一种轻质感的体验。

这组图标作品是为了磨砂玻璃图标教程而准备的,该教程之前发表过,要是还未掌握的同学可以自行学习(下面提供教程)。该图标风格在产品设计中运用较为普遍,特别是金刚区等主要的内容板块里面,希望你也能尝试运用在自己的项目中。

 作品 06  

该作品是上一组磨砂玻璃图标的场景运用展示,界面设计依然延续玻璃拟物化的设计风格,局部的配图也进行了后期的配色处理,让整体的界面效果更加搭配。

 作品 07  

这是一组很可爱很糖心的图标设计风格尝试,锻炼色彩关系的调整和光影处理的技巧,如何利用单图层配合图层样式进行质感处理。利用色彩的变化关系让整体的色系变化更加协调,锻炼在多色组合图标的处理上面如何做到相互协调。

 作品 08  

该作品是延续上一组图标作品的运用,在布局上面尝试了一些突破常规的表现,尝试了对于投影的把控,如何调出舒适的投影来增强层级关系。图标呈现上面把控了“凹”和“凸”的不同运用,适应不一样的场景需求。

 作品 09  

在地图上面呈现卡片式设计,在卡片上尝试突破式布局,在之前图标风格基础上设计了默认状态和点击状态的区分。卡片的造型上面根据内容的布局情况做了调整,让整体布局更能适合当前内容的呈现,不会显得负空间太多。

该作品也在关闭的处理上面做了一些设计思考和尝试,探索不一样的处理技巧。在图片的处理上面没有进行过多的后期处理,尝试了通过不透明度的变化让深浅不一的配图更加搭配协调。

 作品 10  

该作品属于常规性的日常输出,在底部标签栏的处理上面尝试了悬浮的样式,让空间感更强。

 作品 11  

该作品属于常规性的日常输出,尝试的设计点在于分享的设计思考,分享前后的动态变化尝试。

 作品 12  

界面布局中关于版面分割较为常见的形式有:水平分割、倾斜分割、角度分割、渐变分割、多层叠加分割、弧形分割等。该作品尝试了弧形分割来进行版面的区分,相较于中规中矩的设计显得更加灵活,算是一次不一样的设计尝试。

   小结 

日常输出是为了强化某个设计技巧、操作技能、设计思考、趋势运用等,强化自己的设计感知能力和设计执行能力,也是作品积累的一种有效途径。组合式的作品输出以两个作品为一组进行设计,锻炼到一定程度可以考虑全案设计输出,作为作品积累更为有效。

日常打卡式输出适合空余时间不可控的情况,可以充分的利用闲余时间磨练设计经验。本期作品分享希望可以带给你更多帮助,相互努力促进。

本文由广告狂人作者: 黑马家族 发布,其版权均为原作者所有,文章为作者独立观点,不代表 广告狂人 对观点赞同或支持,未经授权,请勿转载,谢谢!

点赞

0

已有0人点赞

继续浏览与本文标签相同的文章

畅言一下
0/1000
全部评价
黑马家族

黑马家族

黑马家族

查看该作者更多文章 》

扫一扫

关注作者微信公众账号