优秀设计作品解析(一)夏春喜

在整个设计领域趋势向于多元化的今天,已经不再是一个设计风格主导整个领域了,今天借用behance的作品就视觉设计方向展开说说,对于想要寻求新鲜风格的设计师而言,都有借鉴和参考的意义,多种风格结合使设计达到相辅相成也是一种趋势。

这是我用figma临摹的一张behance佳品,为什么平平无奇的作品,能获得年度最佳作品呢?它既不是C端也不是纯B端的作品,更像一个网页与平面的结合体,像用作作品集封面也能让人眼前一亮,整个画面是富有层次的,用了多彩几何色块让页面更加活波,标题阅读是有停顿感和呼吸感的,还有弥散多彩模糊渐变风,总体来说,简洁又不简单,富有设计感又聚焦标题重点。

不知道大家有没有发现近几年,大部分的年轻人喜欢一段话隔开发送,如下图

而这种对话方式,竟然不知不觉的运用在了设计上,设计就是一个圈,有些巧思就会汇集到一起,用在标题上,就会有一种停顿感和呼吸感,吸引用户注意力更加聚焦于此。

这是设计最基本的手法,一眼看去,可以很明显知道左边区域层级最高的是大字的标题和颜色填充的按钮。最忌的就是大的不够大,小的不够小,层级区分不开来。

其实整体没有太多花里胡哨的东西,就是几何色块的结合,更加重要的是这个创意,整体是非常和谐的,色彩搭配也非常的吸引人,圆形的弧度给人和谐营造一种有活力的感觉,如果是方形,可能就会给人一种严肃紧张的感觉,这里涉及到的一个心理知识点就是,不同的形状有不同的情感倾向。

我相信大家对于这个风格都不陌生,就是通过模糊达到弥散的效果,这个点,我就着重说一下设计技法,纯属个人摸索,有更多的想法欢迎交流讨论。

3D设计的快速发展已经越来越火爆,运用在很多地方,我们可以随处看到,像一些3D角色设计,启动页、运营H5,3D设计绝对算得是现在的设计趋势之一,像很多岗位也需要设计师具有3D软件(C4D、Blender)的技能,那如果没有掌握这些技能的话,只能通过一些设计手法打造一种伪3D的效果。

下面结合例子讲一下我用figma做弥散效果的两种方法:例子1

画出几个形状,可以是圆形、椭圆等各种形状,填充上鲜明的颜色(饱和度高的颜色,如果饱和度太低,模糊效果后会显得颜色有点脏),如图

排列方式根据自己想要的效果去调整。

选中形状,添加“Layerblur”图层模糊效果,模糊数值根据自己的实际情况去调整,数值越大,形状边缘越扩散越柔和,模糊的程度也会越大。

效果如下

再叠加一层颜色为#DFDDEA的矩形,透明度调整为76%,添加效果“Backgroundblur”背景模糊效果,顾名思义就是让背景变模糊(毛玻璃效果就是用的这个),矩形的颜色取决于大家希望整体色调倾向如何去调整,我这里是偏蓝紫色调,值得注意的是,背景模糊是一定要配合矩形这个载体降低透明度去使用的,效果如下。

经过细节调整之后,整体已经变得和谐很多了,再放上样机展示,就是一个很舒服的背景了。

为了让大家更清楚“Layerblur”、“Backgroundblur”这两个效果的区别,我做了一张图希望大家能更好理解。

例子2

第一个例子主要用作制作背景,第二例子就是在用做制作元素画一个填充色为#4168FF的圆形

command+D复制一个圆形,用做蒙版,画两个填充色分别为#CB77FF、#FE5C46的圆形,添加“Layerblur”图层模糊效果,一个具有弥散效果的元素就制作好了

拓展内容:用figma制作伪3D效果这个模块的设计核心本质就是通过光影关系打造立体效果(我也不是画画出身的,就浅聊一下)

投影效果“Dropshadow”,可以调节投影的大小来模拟距离屏幕的远近,达到具有多维视角层次的效果。

投影制作可以通过多个投影叠加,不断调整达到自己理想的效果,给大家看看我的一些参数数值

这里可以给大家推荐一个figma做投影的插件,可以借助如Neumorphism创建漂亮的新拟态投影、SmoothShadow创建平滑的分层阴影、oblique创建长投影等。

像我们熟知的光影有亮面、明暗交界线、暗面、投影等,我自己总结了一个傻瓜式记忆方法就是凸面就是上亮下暗,凹面就是上暗下亮

以上就是我临摹这个作品的一些想法输出,仅供学习参考,最后借用Flomo的品牌语作为结尾“持续不断记录,意义自然浮现”。

THE END
1.8组极具创意的艺术作品欣赏设计达人设计师获得灵感最好就是看多点创意作品,增加自己的阅历,这样才会更快的成长进步哦,今天设计达人网小编整理了8组极具创意的艺术作品欣赏,每组作品都是新鲜出炉,创意十足。 如果想知道多作品的详细信息,请点击“来源”查看。 不锈钢仙女 来源 彩色玻璃房子 https://www.shejidaren.com/8-creative-designs.html?from=singlemessage&isappinstalled=0
2.文创产品创意设计大赛:获奖作品官网设计方案作品精选集这些获奖作品为我国文创产业的发展提供了有益的借鉴和启示。 首届“文创产品创意设计大赛”的成功举办,不仅激发了设计师们的创意潜能,也为我国文化创意产业的发展注入了新的活力。相信在未来的日子里更多的优秀设计作品将不断涌现,为咱们的生活带来更多的惊喜和美好。http://www.slrbs.com/jrzg/aizhishi/271307.html
3.200佳优秀的国外创意设计作品网站推荐(系列十七)这个系列将向大家200佳非常有用的创意设计作品网站,包括网页设计、名片设计、LOGO设计和包装设计等等,设计师们可通过这些网站收集的优秀设计作品来获取灵感,进而设计出更具有创意的作品,设计师们也可以把自己得意的作品提交到这些网站,分享给其它的设计师朋友。 https://www.cnblogs.com/lhb25/archive/2004/01/13/design-gallery-websites-seventeen.html
4.灯光帮2022年度优秀照明设计案例获奖作品为弘扬中华优秀文化,传播中国优秀设计作品,推动照明行业健康发展,灯光帮开启年度优秀照明设计作品评选活动,评选活动每年一届,通过评选出年度各类型优秀照明设计作品,对其颁发优秀照明设计案例奖项,表彰国内杰出的照明设计师和照明工作者。 此届(2022年度),灯光帮收到了来自全国各地的设计单位的80件优秀作品,在这80件优秀作...https://www.d-arts.cn/article/article_info/key/MTIwNDUxNDAxODWD341nsKywcw.html
5.设计案例作品欣赏优秀设计案例作品大全赏析麦奇品牌设计公司提供全方面的设计案例,行业经典全套设计案例欣赏,拥有服务世界500的设计案例。设计案例涵盖品牌设计、vi设计、logo设计、包装设计、网站建设设计、标志设计、导视系统设计等案例作品。http://www.maiqicn.com/case/
1.160个全球极富创意引人注目的装置艺术作品设计园林景观设计图 大学校园里的小广场 阳(露)台布置 优秀城市规划案例 2015-2020年ALSA分析及规划类获奖作品 产业园区 设计素材 居住建筑 文化建筑 乡村振兴 立面案例 民宿酒店 建筑风格 办公建筑 教育建筑 改造更新 医疗康养 商业建筑 工业建筑 公共建筑 http://www.capablist.com/ubc/424197
2.2019优秀毕业设计作品视觉传达设计系作品《阿坝藏族莫郎节旅游产品设计》 臧洋洋《黄帝内经》书籍设计 李佳岑《VANS品牌APP》UI设计 熊鹏辉《好像下雨的声音啊》 王贝《“草木有心”主题文创产品设计》 徐飘《“风水熊喵”文创产品设计》 杨开慧《“浩瀚神灵二十八星宿图像”综合设计》 张婷婷...https://aetc.sicnu.edu.cn/p/0/?StId=st_app_news_i_x637064057579237376
3.5个优秀网页设计作品欣赏自己也可以在上面创建个人主页,通过上传插画、作品分享,去记录自己的创作生活,这个过程中还可以积累粉丝,与志同道合的插画师交流学习,可以说是非常有趣。 优秀网页设计作品网站——UI中国 UI中国是一款针对界面的UI设计师交流学习网站,上面聚集了众多UI设计师,在UI中国,你不仅可以分享设计信息和原创作品,还可以找到与...https://modao.cc/design/excellent-webpage-design.html
4.17个国外优秀设计师个人网站,为你的作品增加灵感无论你是想要展示自己的设计作品,还是分享自己的设计经验和理念,还是吸引互动增加灵感,还是渴望获得一份更好的工作,一个能充分展示你设计才能的个人网站,一定能够让人更好的了解你,并且记住你。为了得到更多的设计灵感,持续搜集了一些国外优秀设计师的个人网站。这些网站呈现不同风格,并且具有不同的价值,是设计师自我...https://www.jianshu.com/p/75debeaf2b1f
5.2020版式设计优秀作品欣赏版式与界面中的图文元素,犹如人体中的血液与血管。没有血管这个版式在排版布局,血液流到哪里去。版式设计的好坏直接影响了作品的优秀与丑陋。今天分享2020年最新筛选的网站建设、平面画册设计、平面vi中的名片等优秀设计作品,通过欣赏来学习创意技巧。https://www.coolars.com/share/110.html
6.分享8个优秀的版式设计作品分享8 个超级优秀的版式设计作品给大家,包括了:饿了么页面版式设计、旅行小程序页面版式设计、平台首页版式设计、直播类小程序页面版式设计、移动端个人主页版式设计、后台系统页面版式设计、金融应用页面版式设计、电商页面版式设计。这些优质的版式设计作品都是来自于「即时设计」的资源库,我从中挑选了一些具有代表性且使...https://js.design/special/article/outstanding-layout-design.html
7.文化创意与艺术感的奇妙结合,一文速览来自韩国的优秀设计作品Tony - 知名一线大厂设计师,专栏作家。用通俗易懂的语言将设计分享给您,让每个设计师都能学到有用的知识。 本文授权转载自:功夫UX(ID:UX-Talk) 转载请联系原作者 大家都知道韩国有知名的设计工作室PlusX和顶尖互联网公司Naver,他们作品相当不错了。除了这两家,其实韩国还有很多优秀顶级设计师或者设计工作室,今天...https://m.thepaper.cn/newsDetail_forward_10770569
8.交互设计作品集案例(优秀的交互设计案例分析)交互设计留学作品集案例,留学交互设计专业养蛇少女获得Parsons在内5封带奖offer!优秀的交互设计案例分析,痴迷于美术、热衷于设计、跨越时间和距离准备交互设计作品集,前脚提交就收获了5枚美本offer,还有2所顶尖院校挥手就是一波奖学金。 交互设计作品集案例 https://www.psoneart.com/ysyx/3945.html
9.金堂奖2012优秀作品揭晓公众投票开启+凤凰家居2012年是金堂奖第三个年头,高举“设计创造价值”主题,秉承“为百万设计师呐喊,向千万业主传播”的使命,在产业链的价值上,盘点中国室内设计界的年度辉煌。截止2012年9月15日,金堂奖共征集2512套作品,地域涉及27个省市,并有国外作品参赛,竞争激烈。经过9月15日-9月30日的作品初评,优秀作品名单已揭晓,作品全部上线并...https://home.ifeng.com/news/hangyedongtai/zhuangxiusheji/sheji/detail_2012_10/11/373140_0.shtml
10.工业设计优秀作品集工业设计优秀案例工业设计优秀作品集-这里有你想看的 工业设计旨在引导创新、促发商业成功及提供更好质量的生活,是一种将策略性解决问题的过程应用于产品、系统、服务及体验的设计活动。 它是一种跨学科的专业,将创新、技术、商业、研究及消费者紧密联系在一起,共...https://www.lkkdesign.com/guanyu/dongtailook/id/333.html
11.第三届优秀文创产品设计大赛作品征集推选活动暨“鸠江有礼”文创...丰富和提升鸠江区文化产业业态,打造“鸠江有礼”统一品牌形象,设计开发一批有思想、有创意、有文化、有内涵、有地域代表性的文化创意产品,由芜湖市文化和旅游局指导,芜湖市鸠江区人民政府主办,鸠江区文化旅游体育局、芜湖市文化创意产业协会承办的第三届优秀文创产品设计大赛作品征集推选活动暨“鸠江有礼”文创设计大赛...https://www.jjq.gov.cn/openness/public/6606201/35290371.html
12.30个漂亮的个人作品集(单页网站案例)优设网对于网页设计师和前端开发者来说,建立个人网站在线展示他们的作品非常重要,这能体现他们的专业性,给人留下深刻的印象。很多人的作品集网站会设计成单页网站,在内容很少而需要追求创意的时候,单页网站是很好的选择。大家在制作单页作品集网站的时候可参考本文收集的30个https://www.uisdc.com/30-beautiful-works-gallery
13.环境艺术设计专业大三设计课优秀作品展,好厉害!优秀作品2024年2月,环境艺术设计专业21级本科“环境景观设计”课程优秀作业推选顺利完成。该课程指导教师为张永玉、唐晔芝老师。“环境景观设计”课程在一、二年级设计课的基础上,整合已学设计知识,培养学生综合解决景观设计问题的能力,鼓励学生形成有个性的设计思维。同学们在教师的指导下,选择相应设计地段,根据设计任务书,确定...https://ysxy.guangshaxy.com/yxzp1/content_63637
14.版式设计优秀作品欣赏一个网页设计师的版式设计能力直接体现了TA的设计层级。我们平时浏览behance,dribbble这些设计网站的优秀作品时,往往只是被作品华丽的外表给吸引了,却很少去思考版式设计背后的秘密。通过今天分享的优秀作品赏析,务必掌握版式设计的六个原则。 版式设计六个原则 https://nn.sumaart.com/share/99.html