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

《一组玻璃拟物化设计作品分析.docx》由会员分享，可在线阅读，更多相关《一组玻璃拟物化设计作品分析.docx（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、日常作品输出是设计师能力提升的一个环节之一，也是作品积累的一种 有效途径，近期除了一些设计经验输出以外，也尝试了一些视觉作品输 出，期待和大家一起进步。该作品尝试运用了玻璃拟物化设计风格，该风格的特点被Malewicz归结为4点：透明：使用带有模糊磨砂质感背景的透明效果；悬浮：带有明显悬浮感的多个层级；鲜明：使用鲜艳色彩作为强调色并且从半透明层中透出；微妙：使用轻薄微妙的边框来强化物理质感。利用磨砂玻璃的效果强化卡片层次感和质感，相交处加以高光线条强化 光感，使得轮廓化更为清晰。在展开与收起的处理上尝试了表现细节上Travel PicksRecommend Domestic ForeignTr

2、avel PicksRecommend Domestic ForeignThe Republic of MaldivesTrave is not to go to Moth#r place, I another wav to experience4.8 * 2S82 People Two -s oRepublic of SingaporeTourism K the best for obtaining4.6 3095 People A month ago$2364.8*I Landscape Photo邑隼E K 5000.THE REPU / ATravel is not to go to

3、another place, traveling is another way to experience.I Landscape Photo202110该作品属于常规性的日常输出，在底部标签栏的处理上面尝试了悬浮的样式，让空间感更强。作品11goTfavd to the youth, is 3 part of educatior）； Fa thekkrhf 19 a part of xporionooO 2068 O 196。Share4 JacuqelineTourism is the best medium for graining pteasure and romonct.PBea B

4、eatrice_ / MmmAQoTravxH to tho youth, is a part of oducation； For the erly is 3 part of experience.该作品属于常规性的日常输出，尝试的设计点在于提供的设计思考，分享前后的动态变化尝试。作品12u-、ux DESIGN 2021 WORKS WORKS PLANu-、ux DESIGN 2021 WORKS WORKS PLAN界面布局中关于版面分割较为常见的形式有：水平分割、倾斜分割、角 度分割、渐变分割、多层叠加分割、弧形分割等。该作品尝试了弧形分 割来进行版面的区分，相较于中规中矩的设计显得更

5、加灵活，算是一次 不一样的设计尝试。的突破，打破常规的箭头引导，思考更多可能性的运用。在功能性图标 的处理上基于扁平基础上做了细微的光影处理，让图标风格更符合整体 界面的气质。输出目的：探索设计趋势的运用，在风格基础上探索更多尝试，加强细 节处理和整体风格的把控。作品02U-/UX DES-GN 2021 WORKS WORKS PLAN2021|moreIII.-hlLASMrboard*|*RecommendSubscription&My MusicScarborough FairPMilSamonAuld Lang SyneRoben fiurrnHatf the World Away

6、Th OastsJRhythm of Rain 专.歹 The CascadesUnchained MelodyThe RQNbjs OothwYesterday Once More The Carpontors，川，仲OThe Sound of SilenceSimon. Gamy*elHalf the World Away TheOart02该作品在延续运用玻璃拟物化设计风格的基础上，强化了图片的后期处 理，让图片风格和整体的配色更为搭配。利用卡片式设计增强信息层级比照，在卡片衔接的设计上采用了类似于 圈装装订的形式，强化卡片之间的层级关系。功能类别切换上的处理技巧目前常见的有：字体大小比

7、照、字体粗细对 比、字体颜色深浅比照、短线装饰强化、按钮化处理、图形化处理等， 基于这些处理技巧之外尝试了新的形式，探索更多可能性的设计。Scarborough FairPnu! SimonHalf the World AwayThe OasisrmUnchained MelodyThe Righteous Brothers2021该作品是基于上一组作品的延续，处理上面依然在局部运用了玻璃拟物 化的设计，主要的处理在于图片的处理，通过图层混合模式的尝试调色 配图色感。图片的处理在作品视觉效果呈现上面至关重要，如何把握整体界面色彩关系和配图色彩关系是设计师处理图片内容的关键，通过这个作品的练习可

8、以掌握其中之一的处理技巧-关于图层混合模式的运用。作品04u-、ux DES-GN 2021 WORKS WORKS PLAN2021eThis is YourKnowledge ChargingAccountPasswordAs very thread of gM is valuable.AccountStationPlease Login toIC HbobilK126 Time ManagementHelmauxso every moment of timo.Fofgot/Resei your password or user ID?04虽然扁平设计随处可见，但是在图标设计上面设计师们都

9、在尝试更多的 深入空间，整体的界面布局依然会延续扁平设计为主，但是局部设计的 发挥会突出更多层级空间。该作品在局部延续了玻璃拟物化的设计，按钮等局部处理也在扁平的基 础上运用了细微的光感。主要的局部在于立体微质感图标的绘制，基于 2.5D的基础上进行质感强化，尝试光影的处理技巧和图层样式的调节。作品05221u-、ux DES-GN WORKS2021 WORKS PLAN最近一套磨砂玻璃的图标受到很多设计师的追捧，最早在一些设计平台 出现，后来国内一些产品也都有应用，比方自如、腾讯视频等。这种类 似于特殊材质的运用也是最近很多设计趋势所表露出来的，介于扁平和 写实之间的微质感，带给用户一种轻

10、质感的体验。该图标风格在产品设计中运用较为普遍，特别是金刚区等主要的内容板 块里面，希望你也能尝试运用在自己的工程中。作品06HeiMaUXMy MusicExplore the World of MusicTogether司 僖 liFavorites Comment Order formHistory RecordJAuditionAuld Lang SyneRobert BumsShould auld acquaintance be forgotAnd never brought to mindShould add acquaintance be forgotAnd 3Ud kang s

11、yneFor ouki lang synein*该作品是上一组磨砂玻璃图标的场景运用展示，界面设计依然延续玻璃拟物化的设计风格，局部的配图也进行了后期的配色处理，让整体的界 面效果更加搭配。作品07u-、ux DES-GN 2021 WORKS WORKS PLAN07这是一组很可爱很糖心的图标设计风格尝试，锻炼色彩关系的调整和光 影处理的技巧，如何利用单图层配合图层样式进行质感处理。利用色彩 的变化关系让整体的色系变化更加协调，锻炼在多色组合图标的处理上 面如何做到相互协调。作品08该作品是延续上一组图标作品的运用，在布局上面尝试了一些突破常规 的表现，尝试了对于投影的把控，如何调出舒适的投

12、影来增强层级关 系。图标呈现上面把控了“凹”和“凸”的不同运用，适应不一样的场景需 求。作品09u-、ux DES-GN 2021 WORKS WORKS PLAN：nter keyword search.Soul-2020Video tinw 101 MinutesAudience2570490Soul is a 2020 American computer-animated fantasy ccxnedy-drama film produced by Pixar Animation Studios and released by Walt .WatchWatchLegend of Dein

13、cationSoul-2020* 8.9Movie StillsIn order to return to Kirtun. he embarked on a foumev to tmd rwnseif6,S8.9Home黑马青年 v: heimaux202109在地图上面呈现卡片式设计，在卡片上尝试突破式布局，在之前图标风 格基础上设计了默认状态和点击状态的区分。卡片的造型上面根据内容 的布局情况做了调整，让整体布局更能适合当前内容的呈现，不会显得 负空间太多。该作品也在关闭的处理上面做了一些设计思考和尝试，探索不一样的处 理技巧。在图片的处理上面没有进行过多的后期处理，尝试了通过不透 明度的变化让深浅不一的配图更加搭配协调。作品io