分类创意下的文章

审美提升必备！这5个顶尖设计师的个人网站你收藏了吗？

作者: lee
时间: 2022-06-15
分类: 平面,创意,网页
评论

大家好，我是和你们聊设计的花生~

关于设计师必逛的灵感网站，除了 Pinterest、Behance、追波、优优教程网、站酷、花瓣这些经典酷站，我还向大家推荐过色彩灵感网站 Designspiration 和纯文字图形海报灵感网站 Typo/graphic Posters。

色彩控必看！堪比 Pinterest 的色彩灵感网站 Designspiration
提到设计灵感网站，Pinterest、花瓣、Behance、Dribbble 这些大家都非常熟悉了。

阅读文章 >
创意满满！超7000张海报的灵感网站Typo/graphic Posters
大家好我是花生~ 今天向大家推荐一个专注于文字排版和抽象图形类的海报的设计灵感网站 Typo/graphic Posters。

阅读文章 >
今天继续为大家推荐 5 位值得关注的顶尖设计师个人网站，在里面我们不仅能看到优秀的设计作品，还能更深一步了解其背后的设计逻辑并学习作品呈现技巧，对我们提升设计思维和审美水平非常有帮助，一起来看看吧~

王志弘个人网站
「网站直达」 https://wangzhihong.com/work

相信很多设计师在学习文字排版的时候，都看过或者临摹过王志弘的设计作品。作为书籍装帧设计的大师，王志弘大胆将中国、中国台湾地区、日本和西方文化元素融合在一起，形成古典与现代相结合的独特设计风格，也成为很多设计师学习借鉴的灵感来源。

审美提升必备！这5个顶尖设计师的个人网站你收藏了吗？

如果想全面了解王志弘的书籍装帧设计作品，那去他的个人网站是再好不过的选择了。在个人网站中，我们不仅能收集作品的高清图片，还能通过点击项目名称旁的小箭头，跳转到王志弘 Instagram 官方账号，那里会有关于作品信息的背景介绍和更多的作品细节图片，可以帮助我们更好的了解其作品设计的主题和背景。

审美提升必备！这5个顶尖设计师的个人网站你收藏了吗？

何庭安个人网站
「网站直达」 https://tinganho.info/

何庭安是来自台湾的新锐设计师，作品数度获得纽约 ADC、iF 设计奖、金点设计奖、金蝶奖、亚洲最具影响力设计奖等国际设计大奖，并于世界各国多次开办作品展。知名代表作有汉字动态专案、Type Waterfall、金曲奖 GMA30、捷安特品牌博物馆等。

审美提升必备！这5个顶尖设计师的个人网站你收藏了吗？

何庭安设计的汉字动态专案 Motion Type Project

在何庭安的个人网站中，我们可以看到他对一个设计项目的背景了解和对设计重点的思考，还能学习一套完整的设计流程。多深入了解优秀设计师的设计思路的方法，对提升我们自身设计的专业性和设计作品展示叙述能力都非常有帮助。

审美提升必备！这5个顶尖设计师的个人网站你收藏了吗？

何庭安设计项目的专案叙述（部分）

ACST Design 设计工作室
「网站直达」 https://www.acstdesign.asia/

ACST Design 是一家独立的设计工作室，创始人是知名台湾设计师汤承勋。汤承勋非常擅长书籍装帧设计，他的作品曾获得包括红点设计概念奖、NEU/NOW Festival、台湾视觉设计金奖、亚太设计奖、国际设计奖（IDA）等多种专业设计大奖。

汤承勋的书籍设计包含很多巧思，也会对书籍主标题字体进行额外设计，使其能更贴合书的内涵气质，其作品无论是文字排版还是字体设计，都非常具有参考学习的价值。

审美提升必备！这5个顶尖设计师的个人网站你收藏了吗？

佐藤可士和个人网站
「网站直达」 http://kashiwasato.com/

读过《佐藤可士和的超级整理术》这本书的小伙伴估计对这位日本设计师很熟悉了。佐藤可士和是日本设计界具有代表性的创意大师，经手的设计项目范围极广，从产品概念到宣传、互动规划设计、视觉开发、空间设计、设计咨询都有涉及，作品斩获大奖无数。他主要负责过的项目包括优衣库、日本 7-11 便利店、洋马、三井物产、本田轻型汽车“N 系列”的品牌化项目，国立新美术馆标志设计和标识规划，东京都交响乐团标志设计等。

佐藤可士和个人网站收录了大量已落地的商业设计项目，在其中我们不仅可以看到各个行业和各种不同形式的设计作品，还能了解这些品牌项目的设计背景和设计理念，对想进一步提升设计审美和作品专业性的小伙伴是一个相当棒的灵感资源库。

审美提升必备！这5个顶尖设计师的个人网站你收藏了吗？

以上就是今天的推荐，希望能为大家日常找灵感参考提供有用的新渠道，觉得有用的小伙伴记得赶紧用起来~如果大家有关于文章或者设计的任何问题，欢迎在评论区提出或者加入优设官方设计交流群（入群二维码见下方 Banner）和大家一起交流。

4月20日开始，麦当劳日本与奥特曼联名的2款汉堡正式上市限量发售，与此同时，麦当劳日本还推出了一款在线LOGO字体生成器，用户可以在上面输入文字，然后生成《奥特曼》在上世纪 60 年代和 70 年代极具科幻风格的时髦字体。笔者生成的「LOGO新闻」字体生成界面干净易用，只需在文本框中输入您想要的任何内容，即可生成对于的字体。但遗憾的是，文本仅限于六个字，而且不可以是汉字，只支持片假名字符生成。据悉，麦当劳日本与奥特曼合作发售的2款日式炸鸡汉堡分别对应着杰克·奥特曼和初代奥特曼，而且会根据联动款式不同，汉堡的外包装设计也有所不同。包装分为深蓝色和红色两种，深蓝色包装盒的「归来鸡肉塔塔的奥特曼（杰克奥特曼）」汉堡使用的食材是南蛮鸡肉塔塔，对应的是《归来的奥特曼（杰克·奥特曼）》；红色包装盒的「宫崎名产南蛮鸡肉塔塔」款汉堡则对应的是《新·奥特曼》。熊本县西瓜汁和青森富士苹果汁熊本县西瓜汁和青森富士苹果汁众所周知，《归来的奥特曼》是圆谷制作公司于1971年制作的51集特摄电视剧，而《新·奥特曼》则是日本导演庵野秀明企划的「新·日本英雄宇宙」系列的第3部电影作品，该电影于2022年5月13日上映。《归来的奥特曼》和《新·奥特曼》海报设计为了配合麦当劳和奥特曼的联动，麦当劳日本在上周二公开了一系列电视广告。广告将以《归来的奥特曼》的主题曲为背景音乐，讲述了不知为何，人类好像都失去了力量。而就在这关键时刻，一小女孩佩戴的汉堡项链发出信号，四十米高的奥特曼拿着汉堡出现了。人们激动万分，估计是吃了奥特曼的大汉堡，一下子恢复了活力。看完这广告不禁让人想起魔性的士力架广告「饿货，来条士力架吧！」。不过按照奥特曼的和人类的比例关系来说，奥特曼拿来的汉堡应该够这群人吃上几个月了。麦当劳的创意广告合辑自1966年开播以来，《奥特曼》已在全球100多个国家和地区播出，至今仍很受欢迎。为纪念其55周年，去年7月初，圆谷公司专门设计了一款《奥特曼》55周年纪念官方LOGO。LOGO由奥特曼的英文名字「Ultraman」、数字「55」以及「th Anniversary（周年纪念）」三部分组成。奥特曼55周年纪念LOGO 其中数字「55」的笔画上带有锋利的尖角，与红色的奥特曼日语片假名「ウルトラマン（奥特曼）」字体设计极为相似，也就是本文中提到的可以生成的专用LOGO字体。《新·奥特曼》LOGO 即将上映的新电影《新·奥特曼》同样是为了纪念「空想特摄」奥特曼系列诞生55周年而上映的作品。新奥特曼（图右）的胸前没有指示灯值得一提的是，本片将取消奥特曼皮套，首次采用CG技术制作，相信视觉效果会更加逼真。该片原计划也是去年上映，不过因为疫情原因推迟到今年的5月13日。原文地址: https://www.logonews.cn/ultraman-logo-generator.html

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

作者: lee
时间: 2022-05-06
分类: 平面,创意
评论

Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位，对 Dribbble 设计的研究会让我们看清设计的方向。

为了保证这篇文章的质量，Dribbble 年度的每个作品都超过 550 赞。在此原则下挑选了 828 件作品，作品总的大小为 2.2G。

总结
从挑选出的 828 件作品中，排名前十的作品中 9 件为 B 端设计，另一件作品也是 B 端产品 C 端化的产物。其中：

B 端界面设计占比 476/828，57.4%；
C 端界面设计占比 180/828，21.7%；
视频动效作品占比 223/828，26.9%；
明眼人都能看出其中的比重关系，B 端设计再次大火，为什么是再次？因为 B 端设计之前火过，只不过没有赶上一个好的时代，在 C 端设计风光的十年里而忽略了其存在。随着 C 端市场饱和与数字化的浪潮下，实体经济、ToB、ToG 的产业再次迎来了它的曙光。视频动效的作品占比也已超过 C 端界面设计，相信今年视频动效作品占比还会再次提升。

Dribbble 年度最佳作品
从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

Dribbble 年度最佳作品来自大家最熟悉的 UI8 团队中的 Tran Mau Tri Tam ✪，作者来自越南西贡，最佳作品截止目前355K浏览量，2933个赞。

为什么看似平平无奇的作品却能获得 Dribbble 年度最佳作品呢？既不是 C 端也不是纯 B 端的作品，更像一个网页与平面的结合体。如果去掉搜索图标、分类图标和按钮，你可以理解它就是一个平面作品，一个字体加几何形体构建的作品，为了丰富画面的层次，让画面更加的活泼采用了多彩加几何色块，让标题阅读有停顿感和呼吸感。faster 底部的横线让它从标题文字中脱颖而出，这种使用线条突出重要信息的设计也是今年Dribbble 设计流行趋势之一。

MetroUI 是 Windows8 的界面设计语言，在 2010 年至 2013 年间曾经风靡一时，那也是移动互联网的发展元年，现在国家推行实体经济、数字化带动 To B、To G 的发展元年，通过几何色块（MetroUI）实现 B 端产品与 C 端设计风格的传承与衔接，你会发现历史总是惊人的相似。最后背景结合今年最流行的微软风，毛玻璃的多彩高斯模糊渐变风，年度作品当之无愧。

最后来看下按钮的设计，正常的按钮要么文字加色块，要么左图标加右文字，它设计成左文本加右图标，更加注重信息的可读性和易读性，也体现 B 端设计重功能和交互体验，视觉点到为止的设计理念。

下面我们来欣赏年度最佳作品里面的流行趋势吧。

易读性（停顿感）

字体三原则：可读性、易识性、易读性。当你同时读一篇文言文和一篇设计文章，肯定设计文章的内容可读性更好。易识性是用在字体设计上，不能过于浮夸的改变字体骨架、形体而不易识别。易读性和每个位设计师都息息相关，因为我们都需要编排文本。当我们小时候写作文时，不会写的文字可以用拼音代替。这时候读者读到拼音时会有停顿感，更加适合用户阅读。

通过给用户制作停顿感来增加用户的易读性。可以在相关联文本后面添加图片、表情、图标来更好的理解文本内容，丰富文本内涵。比如情侣间表达爱意时会输入文本，“我爱你”、“我 Love 你”、“我 ai 你”、“我❤️你”，哪个更加会有情感共鸣呢？不言而喻，相信你心中已经有答案了。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

曲线

在标题文字上添加曲线来突出重要文案是 2021 Dribbble 最流行的趋势之一，第一个设计目的就是突显文字，其次就是想表现铅笔真实书写的感觉。之前很多带有签名的设计中，签字的文本都是手写体的感觉，手写体对比电脑的机械字体会带有一种人文气息，也会让两者之间产生一种对比、矛盾。

除了突显文本外，曲线还有视觉引导的作用。通过视觉引导让用户按照设计师编排的顺序进行浏览界面。当然还有比这更科学的工具就是眼动仪测试，通过真实用户眼睛浏览界面显示对应的热点图。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

多彩高斯渐变风

多彩高斯渐变风是从色彩的角度来传达和丰富画面的，多彩高斯渐变风其实是从制造矛盾到平衡矛盾的过程，多彩渐变多为冷暖对比来制造画面的冲突，需要控制冷暖画面的大小来实现平衡。主流的还是以暖色突显为主。多彩渐变主要起到活跃气氛、吸引目光、平衡画面的作用。

多彩高斯渐变还可以结合轻拟物、几何图形、三维等新的组合方式去创新，给用户呈现一种更加新颖的视觉表现形式。最后我们还是要回归到内容上，为了更好的传达信息需要去设计与内容相匹配的视觉风格。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

B 端界面设计

侧边栏 Sidebar

B 端设计的火爆带动了 B 端相关模块设计，更多的人也愿意尝试 B 端相关模块设计，侧边栏作为产品架构中重要的导航系统，好的侧边栏设计能为用户带来更好的效率。主流侧边栏都做了展开、收起、拖拽等交互效果，也是受限于 PC 屏幕为展示更多数据而腾空间。侧边栏主要承担的功能有导航、分类、自定义筛选、共享、新增等。Dribbble 的 B 端产品设计已经不再是假大空概念设计，而是一套实用美观可落地的设计。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

仪表盘设计

仪表盘设计是一个很好的隐喻，想象一下开摩托车或汽车主驾驶前面的屏幕，汽车仪表有燃油表、车速表、里程表、水温表、转速表、故障指示灯等。B 端类产品后台界面的仪表盘设计也需要展示一些重要的数据和各种状态，大体分为侧标栏、导航栏、待办任务、个人信息、报表数据、消息中心、快捷入口等。当然最重要的就是报表数据，团队收益、任务进度、转化比例、新增、存量、团队工作时长等都是老板或领导关心的内容。每个公司业务不同、每个人员权限不同，自定义的仪表盘也各有差异。重要的是突显数据和业务状态，需要分层级系统性去思考和设计。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

流程设计

复杂的事情简单化，简单的事情标准化，标准的事情流程化，流程的事情自动化。流程设计是每一个企业核心功能和业务，可自定义的管理流程系统搭建也是 B 端产品设计的难点，需要对业务高度抽象，让每一个业务人员可自定义的流程才是好的流程设计。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

B 端 C 化

B 端 C 化是 B 端产品设计的视觉表现力慢慢往 C 端产品设计的视觉靠齐，国内 B 端产品界面设计视觉水平还有很大的提高空间。除了视觉上的提升外，由于业务的发展，B 端产品也开始移动化、智能化，国内主流还是通过小程序、H5 来现实 B 端产品 C 端化。

B端产品C端化是自嗨？对不起我想得太简单了！
经常在网上看到「B 端产品 C 端化」的讨论。

阅读文章 >
从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

轻代码化

轻代码化是一种低代码赋能无代码的方式，弥补无代码拓展性差、覆盖场景少的问题。在保有无代码灵活、易用、快捷的同时，又能覆盖低代码使用场景。简单理解就是无需代码开发即可如搭积木般快速、灵活地创造属于你的个性化管理系统，轻松实现多元业务场景的数字化管理。

轻代码化将功能进行打包，升级成全局可以用的配置，技术人员配置好后，业务人员在应用编辑时直接选择使用模版，绑定对应的变量即可使用。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

界面设计技巧

人文气息

为什么人加色块的组合方式能流行起来？还是 B 端行业流行带动的。B 端讲的更多的是企业对企业。企业对企业除了讲行业解决方案外，还需要传达公司的价值观、使命、愿景。人加色块的组合方式非常适合体现公司的企业文化。对于一家全球化的公司不同肤色的人物组合在一起，这种人文气息和价值观已经就不言而喻了。

当然企业也需要进行营销，抓人眼球。几千年来的遗传证明了，人的大脑对食物、性、动的东西、人脸和眼睛、危险的动物很敏感。人加色块的组合方式也具有抓人眼球营销的功能。真可谓一举两得。

这种风格更适合大公司，国内的一些手机厂商 OPPO、VIVO 等也会通过手机+背景+人物来体现科技与人文的结合，而对于中小型公司产品差异化和行业解决方案展现应该还是重中之重。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

毛玻璃效果

毛玻璃效果加大了模糊程度，透明效果更加扁平，很好的顺应当下 UI 扁平化的设计趋势。苹果 Mac OS Big Sur 系统的图标、界面中运用了大量毛玻璃和半透明元素，界面更扁平。至于 C4D 三维彩色玻璃的视频教程可以在 B 站搜索“透光艺术-C4D 创建彩色玻璃的 4 个技法”，完全能满足 UI 设计师。当然还有一个好消息就是 Mac 用户可以享有 OC 一年免费的使用权，具体安装购买方法上某宝就可以轻松搞定，真香。

实战案例！「毛玻璃拟态」图标的临摹思路与原创技巧
这篇文章主要分享怎么做一套毛玻璃拟态图标，以及在这基础上如何发散创意。

阅读文章 >
从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

轻拟物

轻拟物这几年一直流行，在 UI 设计中趋于稳定的位置。从写实到扁平再到轻拟物，其实是设计师们一路不断探索的结果。本质就是光影对形体产生的视觉感受。在色彩中对高光、亮面、明暗交界线、暗面、反光（环境光）五个部分的处理。写实三维的图标等设计更适用于简洁的画面中，扁平等设计更适用于复杂一点的界面中，比如 B 端产品界面中的功能图标。轻拟物可使用的范围更广，效果更佳。Sketch、Figma 软件对于渐变、高光、投影、高斯模糊处理已经非常简单且出彩。

大厂都在用的轻拟物设计风格，本文教你四步完成！
上期我们聊到了最近比较流行的轻拟物风格，科普了基础概念，如果你还没读过，可以前往阅读： [link https://www.uisdc.com/light-imitation-style] 本期展开轻拟物的具体技法讲解和演示。

阅读文章 >
从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

简洁设计

简洁设计遵从了密斯·凡德罗的“少即是多”的设计原则，在 B 端产品界面中更加需要简洁设计，我们最熟悉的 Sketch 软件界面已经是相当的简洁了。回到现实当需求功能不断增加，产品界面的编排如何取舍，如何保证界面的简洁是设计师需要深度思考的问题？如何与上级沟通？该功能是否可做可不做？是否需要埋点用数据说话？如果只是一味竞品有我们就需要有，功能不断累加只会让界面越来越重。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

几何图形

几何图形和几何插画有异曲同工之妙，几何图形多为产品界面和宣传内容的抽象，产品界面的几何图形多为占位符形式，加上色彩和几何色块让其成为一个整体。B 端产品视觉设计 C 端化的进程中，几何图形、几何色彩不失为最好的突破口，相信今年Dribbble B 端产品的视觉设计一定会更上一个台阶。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

几何图形另一个场景化的地方就是品牌，作为一名 UI 设计师一定会经历从图标到几何图形到品牌设计的过程，品牌设计的技巧基本还是以几何图形为主，至于品牌的内涵需要更深层次的解读。掌握主流品牌设计的技巧对产品定位、品牌宣传打下扎实的基础。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

暗黑设计

暗黑模式的设计是解决在微弱环境下内容也可以有更高的可读性。随着用户夜晚及深夜使用电子设备时长增大，如何在夜晚这个特定场景下使用更加舒适。合理使用暗黑模式可以减轻眼睛疲劳，提高在夜间使用的可读性。

在设计暗黑主题时，不能为了突显视觉上的逼格，而去使用高饱和度鲜艳的色彩来突显界面的品质感。而应该把舒适度、可读性作为设计的衡量指标。Material Design 给出了暗黑主题的设计准则，即正文和背景之间的对比度应至少为 15.8:1。按照此标准设计，可读性都还不错。这里介绍一个插件“Stark”（Figma、Sketch、XD、Chrome 插件）用来测试界面的对比度。

顶级大厂如何做好暗黑模式设计？来看 Ant Design 的规范文档
近年来暗黑模式的设计趋势开始一点点明显，Ant Design 在这次 4.0 的升级中也对这类暗黑场景化的设计开始进行初步的探索，接下来就让我们一起来看下 Ant Design 这一针对企业级的设计体系是如何设计暗黑模式的。

阅读文章 >
从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

模块化（组件化）

为什么叫模块化，而不叫组件化，组件化更多的利用原子系统从原子、分子、组织、模版、页面来快速的搭建界面，但在 B 端产品设计中基础组件和业务组件的搭建是以提高工作效率为前提，是否有从 0 到 1 搭建 B 端产品组件的经历是设计师一生中最宝贵的经验之一，它能提高设计师的系统化思维、逻辑思维和抽象思维能力。

产品模块化设计就是将产品分成几个部分，也就是几个模块，每一部分都是具有独立功能，具有一致的连接接口和一致的输入、输出接口的单元，相同种类的模块在产品族中可以重用和互换，相关模块的排列组合就可以形成最终的产品。通过模块的组合配置，就可以创建不同需求的产品，满足客户的定制需求。

为什么我强烈建议你学会使用模块化设计？
风筝KK：模块化设计是将设计分解成小的模块，然后独立设计它，最后再将它们组合成更大的系统，就像小朋友玩的积木一样，由一些简单的零件组成小的模块，然后再组合成各种模型样式。

阅读文章 >
从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

插画

插画作为设计的一大品类，不同的插画师都有自己擅长的风格，本质是都有自己的个性，但是在产品设计中更多是需要共情、共性来讲故事，表达产品理念和价值观。这就需要插画师去尝试并探寻出适合互联网产品设计类的插画风格。设计的本质是旧元素的重新组合，插画不会过时，而是需要结合当下和产品找到最匹配的设计风格。

几何插画

几何插画算是插画简化的一种表现形式，人和物的形态不再写实，而是抽象成几何图形拼凑的感觉，同时保留人物形态的神韵。加上几何色块与人物交互形态的表现，传达出简洁、科技的现代感。难点还是在人物形态的表现上，平时多练习练习速写还是很有必要的。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

线面插画

线面插画最近一两年非常流行，准确的说是非常适合。首先线面插画主要是由线条和块面组合而成，用块面表现人物形态时某些结构会表现不出来，这时候用线条简单勾勒后，结构就会清晰明了。其次当线面插画运用在界面上时，可以打破界面纯文字或组件化的机械和沉闷感。线面插画的风格提升画面热闹感的同时，还能保持界面的干净整洁。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

动效

微交互

界面微交互动效会让用户的体验更加精致到位。想要打造优秀的产品设计，微交互和动效设计是绕不开的，UI 界面设计通过微交互反馈告知用户当前正在发生的事情，所处的状态。细微的动效更能调动用户情绪，取悦用户。C 端产品微交互和动效已经很成熟了，一部分功劳来自 iOS 系统原生自带的效果。B 端产品的微交互和动效更多还是在学习海外产品，还需要给前端工程师灌输微交互和动效的设计价值，共同打造产品体验细节。

想做好微交互设计？我总结了这 8 种常见类型！
大家好，我是 Clippp，今天为大家分享的是「微交互设计」。

阅读文章 >
从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

Mg 动画

Mg 动画需要很好的节奏感、韵律，每一个场景动画都需要其中的元素进行连接变化，让转场动画更加自然，MG 人物动画通过点线面的动效变化让画面更加有趣、自然，通过粒子效果让特定场景无限循环会让人更加印象深刻。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

三维

三维图标

MacOS Big Sur 系统图标的更新带动了三维图标的流行，三维图标的应该场景还是需要有较大留白空间的界面，因为三维图标太小后就看不到更多细节。三维图标感觉又回到了拟物化和扁平化哪个更好的问题上？设计师应该保持开放多元的视角。设计本身也在不断的演化融合，存在即合理。合适最重要，它们都会有适合自己的场景和设计价值。

如何从零开始完成一套3Ｄ图标设计？来看大厂的实战案例！
背景 QQ 游戏中心经过设计改版之后，我们重新设定了整体的世界观——多彩的游戏宇宙。

阅读文章 >
从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

轻三维

为什么轻三维在界面设计中占有一席之位？一个是设计师不断追求差异化的产物。另一个是更好的表现内容，并与用户产生共鸣。轻三维的基础模型都是来自手机界面中的各种元素，比如组件、开关、按钮、占位符、图表、几何图形、图标、进度条等，这些都是用户日常使用系统软件常见的元素，通过简单的几何形体建模—打灯光—加材质—渲染—PS调色。难度系数不大但效果很出彩。第一个出彩点是模型带有厚度的倒角，结合灯光渲染的光泽是二维软件不能比拟的。第二个出彩点就是材质自由添加，特别是当下流行的毛玻璃效果，玻璃材质渲染效果更佳。第三个出彩点就是可以加局部灯光，局部的渐变色或环境光更加出彩。

「新拟物化」过时了！此刻你最应该拥抱的是「玻璃拟物化」！
还记得今年年初大家追捧的新拟物化（Neumorphism）风格嘛？

阅读文章 >
从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

P4D（PS+C4D）

P4D 是 PS 加 C4D 的设计表现技法，也是视觉设计的最后一个环节，通过 PS 对 C4D 的渲染图片进行调色，利用 PS 的调色技巧可以很好的解决 C4D 打灯光的瑕疵，还可以利用 PS 强大的合成功能，将渲染图片与图片素材进行合成，来表现画面的视觉度，当然三维软件比较难实现的水、粒子、烟花等效果，也可以通过 PS 的后期合成来实现，这也是 P4D 的强大之处。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

卡通 IP

卡通 IP 设计最近三四年技术的迭代已经慢慢的走上成熟，卡通 IP 也从传统的纯 PS 手绘技法，转到 C4D 建模—角色绑定—MD衣服制作—OC渲染—PS（静态）/AE（动态）调色。

卡通 IP 火的本质更适合做营销，相比于品牌或 Slogan，卡通 IP 具有亲和力和画面感。随着各种手办行业大热，受互联网大厂影响下，卡通 IP 已经是互联网 B 轮以上公司的标配了。如果团队中没有这样能力的人，也可以通过绘制好二维，一套三维可以选择外包完成。

对于 UI 设计师来说学习是有成本的，暂时并不是必备技能，如果喜欢完全可以学习，从设计差异化的角度来看三维视觉确实有一定的竞争力。

盲盒和NFT背后，是属于设计师的掘金热潮
前段时间冰墩墩的爆火，让本就火热的潮玩手办市场，再次成为瞩目焦点。

阅读文章 >
从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

三维动画

C4D 三维场景动画通过构建实物和场景模拟生活中的现实场景，会让用户体验真实感，三维软件制作动效的最大优势是通过动力学和表达式来模拟真实感，未来在 AR/VR 领域会有更好的发展。相对于界面动效学习成本难度也相对较大。在三维动画中 C4D 软件对于域、动力学还是有一定的优势。

从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势

总结
上一次写 Dribbble 流行趋势还是两年前了，通过两年的沉淀对趋势流行有了更深的认知。十年的互联网行业风风火火，随着最近的互联网裁员潮大家也慢慢的进入到反思层，客观的看待和理解这个真实的世界，曾经的流行趋势也需要慢慢的沉淀下来。

存在即合理，趋势流行稍纵即逝，注定是不长久的，只有大浪淘沙历史遗留下来的风格才能更长久。但我们也不能不去关注，因为哪有什么所谓的创新，只不过是旧元素的重新组合，并符合当下这个时代人的审美需求。香奈儿的“时尚易逝，风格永存”大概就是这个意思吧。

6000 多字的设计流行趋势，希望能帮助设计师度过互联网裁员的寒春。最后希望以后每年坚持输出设计流行趋势。为设计行业奉献微薄之力。

新人如何做好用户研究？我总结了4个关键知识点！

作者: lee
时间: 2022-04-14
分类: 创意
评论

作为一名 B 端用户体验设计师，你是否经历如下困境：

客户与公司的商务售前进行沟通，客户的痛点和建议会传达给产品经理，产品需求明确后，做出原型图给到设计师。等设计师拿到需求的时候，基本已成定局，合不合理、如何优化的空间都会比较小了。造成这个现象的根本原因是设计师能看到的视角范围有限，B 端业务场景本身比较专业，难以直接带入使用者的角色，就比较难取得大的突破了。

如何打破这一僵局呢？答案只有一个，那就是设计师要主动更前置的加入到产品方案设计中，深刻理解业务，为产品升级提供助力。这就涉及到用户研究了，本文将和大家分享用研的相关理论基础和方法。

新人如何做好用户研究？我总结了4个关键知识点！

双钻设计模型由英国设计协会提出，该设计模型的核心是：发现正确的问题和发现正确的解决方案。

如何用好设计双钻模型？来看 vivo 浏览器的实战案例！
前言刚入职时，有本书叫《方寸指尖》对我影响比较大，主要讲述如何做好用户体验设计。

阅读文章 >
双钻模型是一个结构化的设计方法，被很多设计师喜爱和使用。

探索/调研——透析问题（发散）

定义/合成——聚焦领域（集中）

发展/构思——潜在问题（发散）

传达/实现——实施方案（集中）

新人如何做好用户研究？我总结了4个关键知识点！

实际工作中用到双钻模型会有一些变体，举个例子：

下图是对阿里内部移动运维产品的分析，分析其从 0-1 的方向探索和从 1-1.5 的发展历程：

新人如何做好用户研究？我总结了4个关键知识点！

下图是曾经在一个设计讲座中，滴滴 CDX 一位设计师的分享，她把双钻模型利用到设计的研究和输出阶段，个人感觉此模型的使用场景也很贴切。

新人如何做好用户研究？我总结了4个关键知识点！

不仅仅是在完整的一个项目中，在单一的某个阶段双钻模型也是理念很好的承载容器。在每一个“确定”前后，都有用研的身影。

新人如何做好用户研究？我总结了4个关键知识点！

用研旨在通过实验和观察结合的研究方法来提高产品的可用性，指导产品的设计、开发和改进。重点是通过观察技术、任务分析和其他反馈方法来了解用户的行为、需求和动机。

新人如何做好用户研究？我总结了4个关键知识点！

在获取后台数据之后，我们会分析为什么留存、为什么流失、为什么买这个不买那个？

设计师认为很棒的新功能，真的是用户想要的吗？用户真的会用吗？

观察数据只是一种手段，而非结果。当一个页面中出现值很低的功能时，我们不能直接判断他就是不重要的，也可能是因为视觉上太弱或者交互操作不方便引起的。只有做用户研究才可以真正了解用户的行为背后的原因，真正的动机。

新人如何做好用户研究？我总结了4个关键知识点！

如上图，是一个红包发放页面的设计前后对比，从数据中了解到使用优惠券的用户不到 30%，埋点发现大多都点击了返回，用户没有按照期望的路径走，调研发现操作路径不清晰，没有形成闭环。由此可见，发现问题时，先埋点细化问题——再分析问题——结合用户研究，提出优化方案，才能真正发现问题解决问题。

新人如何做好用户研究？我总结了4个关键知识点！

产品的发展周期分为产品概念期、设计开发期、宣传推广期、平稳发展期和产品衰退期五个阶段，在每个阶段都有相对应的用户研究测试可以做。

新人如何做好用户研究？我总结了4个关键知识点！

对应上文的产品发展周期可以做的用户测试，我们要找到相对应的人群：

新人如何做好用户研究？我总结了4个关键知识点！

最后就是将用户研究进行落地了，如何让用户研究达到预期的目的和效果呢？可以在开始前的准备阶段问问自己如下的问题：

新人如何做好用户研究？我总结了4个关键知识点！

接下来我们看看到实际落地环节，有哪些用户研究的类型可以做以及怎么去做。

新人如何做好用户研究？我总结了4个关键知识点！

桌面研究
桌面研究又叫“文案研究”，指不进行一手资料的实地研究和收集，而是通过电脑，杂志，书籍，文档，互联网搜索等现有二手资料进行分析和研究的方法。

新人如何做好用户研究？我总结了4个关键知识点！

完整的桌面研究分为以下五个步骤：

新人如何做好用户研究？我总结了4个关键知识点！

在需求细分阶段，可以用到 SWOT 分析、波特五力模型、PEST 分析、波士顿矩阵等模型

如何用以终为始的方式做竞品分析？我总结了这4个方面！
竞品分析作为无论产品经理、运营岗或体验设计师，都是其必备技能和工作范畴之一，想必大家也应该有些许心得和体会。

阅读文章 >
新人如何做好用户研究？我总结了4个关键知识点！

收集数据通常可以从内部数据和外部数据来源广泛获取然后结合分析。

内部数据来源：市场营销数据、产品后台数据、其他相关报告等。

外部数据来源：政府部门、国际组织、行业协会、专门调研机构、联合服务公司、其他大众传播媒介、商会、银行等金融机构、官方和民间信息机构等。

新人如何做好用户研究？我总结了4个关键知识点！

定性研究
定性研究是指通过收集、分析和解释那些不能被数量化的信息，来挖掘问题、理解事件现象、分析人类行为与观点的方法，主要作用是探索“可能性”。

定性研究专注于更小但更集中的样本，通过非结构询问和观察来获得不能量化的信息。

流程如下：

新人如何做好用户研究？我总结了4个关键知识点！

常用的定性研究方法：

新人如何做好用户研究？我总结了4个关键知识点！

我们需要明白访谈适合哪一种项目研究，比如要针对新功能进行一次面访。

接下来我们需要进行用户的招募，因为面访比较耗费时间和精力，所以最好准备一些礼品，否则很难招募到用户。招募用户的渠道可以是产品中投放问卷、社群招募等方式来邀约难度用户。

用户访谈环境，准备一个安静的房间，准备好水、纸、笔、录像、录音笔等工具。整理访谈内容，每访谈完一位用户进行一次小结。

新人如何做好用户研究？我总结了4个关键知识点！

接下来模拟一次用户访谈的整个流程：

开场：首先介绍一下自己的情况，并且让用户了解这次访谈的目的，建立一个轻松的谈话氛围。

探索：针对研究目的进行探索，比如目的是做用户体验地图，了解用户在使用过程中遇到的问题。

注意：如果直接问平时怎么使用我们的产品，用户会比较懵。这个时候最好给他一个确定的环境，比如你能不能演示一下你平时是怎么管理货源的，这个时候他就明白原来需要我进行这样一个任务。

观察：在用户回答提问和操作演示中，查看用户碰到了什么难题。比如有超过一半的用户多次点击一个按钮，说明这个按钮设计的大小不太合理。

思考：深层次挖掘。比如用户反馈字太小，但实际操作中并没有眯着眼或更靠近屏幕，可能原因一是他们本身就把手机屏幕文字调为最大，二是信息排布过于密集，效率低，并非因为字小。

新人如何做好用户研究？我总结了4个关键知识点！

定量研究
定量研究是指确定事物某方面量的科学研究，将问题与现象用数量来表示，进而分析和解释，从而获得意义的研究方法。定量研究的数据分析，主要作用是回答“多少”的问题。

定量研究的意义：

用一个数值来表示你产品的可用性。数值有时比质量检测的结果和视频更有说服力（特别是当你试图说服像高管或客户这样的人）时。

比较不同的设计（比如，你的产品的新旧版本，或者是你的产品与竞争对手的产品相比），并且确定你观察到的差异是否具有统计学意义，而不是随机的。

改进用户体验权衡决策。比如，如果预期的设计改进成本很高，那么它值得做吗？定量研究方法可以帮助你验证重新设计是否值得。

常用的定量研究方法包括：可用性研究、A/B Test、问卷调查和满意度调查。

想要做好用户调研，你要学会这九种定量用户研究的方法
当你需要关于自己产品的用户体验数据时，然而，你却不知道从哪里获取？

阅读文章 >
新人如何做好用户研究？我总结了4个关键知识点！

新人如何做好用户研究？我总结了4个关键知识点！

测试的重点是收集数据指标，比如任务时间或者成功率，一旦你收集了相对较大的样本量（大约 35 个或者更多），你就可以使用它们来跟踪产品的可用性，或者将其与竞争对手产品的可用性进行比较。

新人如何做好用户研究？我总结了4个关键知识点！

在 A/B 测试中，团队需要创建同一界面的两个不同的最新版本，然后将每个版本展示给不同的用户，用来确定哪个版本的性能更好。基于分析的实验，对于决定同一个设计的不同变体非常有用，并且可以结束团队关于哪个版本最好的争论。

新人如何做好用户研究？我总结了4个关键知识点！

问卷调查是一种灵活的用户研究工具，调研时可以同时获得定量和定性的数据，比如评分、多项选择题中的答案的比例，再加上开放式问题的答案。你甚至可以把对调查的定性回答转化为数字数据。

问卷的一个优点是：可以经常将你的调研结果与行业或竞争者的分数进行比较，看看你做得怎么样。即使你创建了自己的自定义问卷，也可以随时间的推移对自己产品平均分数进行追踪，来监控产品的改进情况。

新人如何做好用户研究？我总结了4个关键知识点！

可以根据你的研究问题进行定制，这些方法通常会首先让参与者接触到产品（通过向他们展示静态图片或者要求他们使用现场产品或原型）。然后，要求用户通过从描述性的词语列表中选择一个来描述当前设计。

如果你获取自身目标用户的样本量足够大，那么整体趋势就会显示出来。例如，你可能会有 84%的受访者将此设计描述为”最新”。

新人如何做好用户研究？我总结了4个关键知识点！

明确调研目的

比如这次改版用户对新版本的满意度怎么样。只有确定了目标，你的问卷才是有价值的。

回收数量

因子分析法要求调查数量是调查问卷问题数量的 5-10 倍，因此，如果调查问卷中共有 20 个问题，那么调查样本数量可以大概确定为 100～200 个，有效回收样本 30 份即可。

问题顺序的基本原则

往前放：熟悉的问题；简单的问题；引起兴趣的问题
往后放：开放式的问题；个人背景资料

题目的设计技巧

简洁明确：

你用了多久的 Google map？（×）

你第一次使用 Google map 是什么时候？（√）

这两个问题看似类似，但是当用户在思考的时候，第一个问题显然会思考更多的时间，用户很可能在想，是想知道我第一次用的时间，还是我用了多久的时间。

中立、无诱导性：

你喜欢这个功能的设计吗？（×）

请您对这个功能的满意程度进行一个打分，最低 1 分最高 5 分？（√）

避免使用带有引导性的问题，问用户是否喜欢、是否满意，这样通常用户都会偏向于回答喜欢。

设置选项时，要做到：

新人如何做好用户研究？我总结了4个关键知识点！

定量分析的结果多以数据、模式、图形等来表达。

新人如何做好用户研究？我总结了4个关键知识点！

前沿研究
眼动追踪，英文 Eye Tracking，是指通过测量眼睛的注视点的位置或者眼球相对头部的运动而实现对眼球运动的追踪。

眼动仪是一种能够跟踪测量眼球位置及眼球运动信息的一种设备，在视觉系统、心理学、认知语言学的研究中有广泛的应用。

新人如何做好用户研究？我总结了4个关键知识点！

常用分析

注视分析——分析注视轨迹、先后顺序与流畅度

注视热点图——分析最关注区域和忽视区域

兴趣区分析——分析平均注视时间与各兴趣区注视顺序

局限

通常需要辅助测试（如定性访谈）来收集更多实验数据

脑电研究，大脑活动时，脑内亿万神经元活动引起头皮表面的电位变化，含有大量心理信息，测量脑电信号可绘制脑电图，以不同波形反映出来。

新人如何做好用户研究？我总结了4个关键知识点！

脑电的本质

利用生理探测技术，研究用户对产品的情绪反应

优势

相比传统调研，更加能够排除从众行为、事后回忆偏差、社会赞许效应等的干扰

新人如何做好用户研究？我总结了4个关键知识点！

参考文献:

Mike Kuniavsky (2003), Observing the User Experience: A Practitioner’s Guide to User Research
N Mack(2005), Qualitative Research Methods: A Data Collector’s Field Guide
Baidu (2019), 定量研究（Study on measurement，Quantitative research）
Baidu (2019), 定性研究（Qualitative research）
Wiki (2019)，市场研究(marketing research)
希望这篇文章对你有所帮助，后续更新实际工作案例，如果有想要讨论交流的点，欢迎留言啊～～

由一把椅子引发的想象力内卷，你要加入吗？｜未知商店

作者: lee
时间: 2022-04-14
分类: 创意
评论

“请坐。”

进入房间见到面试官时，ta会对你这样说，坐下来的你可能会感到紧张；

拜访客户，被前台告知稍等时，坐在等候区的你可能会踌躇满志；

被餐厅领班带入餐桌边上，入座后的你开始期待接下来的美味佳肴……

在各种地点和场合坐下的我们，常常忽略了椅子本身，只记得坐下后眼前所发生的事件和当下的场景。其实，椅子的舒适与否、美观与否等因素也影响了我们坐下的心情和状态。

然而，现在可能已经没有人去思考“怎么坐”的问题了。对现代社会而言，椅子是如此平凡普通的家具，以至于当我们低下头去认真审视自己就座的椅子时，才会惊奇于它的万千面貌。

每把椅子都有着截然不同的外观设计、个性功能、适用场景，把它们单拎出来看，无一不是凝聚了绝妙创意的作品。来自世界各地的设计师们对它们投注了巨大的心力，终于让它们变成“入魂”的坐具。

那么，今天未知商店就想为大家介绍一本专为椅子而创作的书——《请坐：世界上所有的椅子》。

这是一本经典椅子设计的收藏宝典，也是一本能够启发想象力的创意之书，将细致入微且趣味横生地为大家介绍各种各样的椅子及其设计，从工业设计出发探索灵感缪斯，又将回归日常生活贴近每个人的体验。

如果你仔细观察，其实不难发现，每把椅子都拥有自己的个性，它们千变万化又独具特色，没有哪一把椅子能够取代其他所有的椅子。

靠背椅、折叠板凳、公园长椅、摇摇椅……它们的材质千差万别，制作工艺也随时代更迭不休。作为生活用具，它们满足了千人千面的需求。

本书从美观、实用、户外、艺术、游戏等方面入手，为读者挑选介绍了来自世界各地、古往今来的椅子，但你千万别以为这是一本枯燥无味的椅子设计图鉴，这是一本集经典椅子设计的收藏，也是一本能能够启发想象力的创意之书。

本书的作者是曾师从于法国工业设计之父罗杰·塔隆的设计师迪迪埃·科尔尼耶，他为本书创作的插图造型个性、风格谐趣，让我们有机会在形形色色的椅子中徜徉，而作者也不忘以寥寥数笔勾勒出设计师们的生动肖像，椅子在他笔下都“成精”啦！

椅子的设计也成就了寄情日常的艺术，更以好奇、开放、包容的姿态，邀请所有乐于探索未来的梦想家入座，满足了我们的想象力。

如何在一张并不舒适的椅子中寻找舒适？
意大利设计师布鲁诺·穆纳里拒绝循规蹈矩、与时代脱节的保守家具。他设想出一种座面倾斜，因此很不实用的椅子。下图中那位先生为了在这张坐着极不舒服的沙发椅上找到一个合适的阅读姿势，可谓费尽心力。

动手搭建的乐趣尽在这把红蓝椅
赫里特·里特费尔德是荷兰“风格派”运动的成员，他造了一把形式上不能再简的椅子。这把椅子的所有构件没有采用传统的榫接技术相互嵌入，构成支架的木条相互交叠而面板则互不接触。颜色设计浓缩为三原色。这把只具框架、造型抽象的椅子，与遵循同样设计原则并于一年后才完工的施罗德住宅极为相称。这座以开放性空间著称的建筑里装有许多可滑动、旋转、隐没的隔板。

当我们相爱时，双人沙发来得正是时候
法国设计师马丁·沙克利只是对传统电影院座椅进行了一点微小的改造，就让它从此脱胎换骨。他设计了一种双人沙发椅，中间没有扶手分隔。当然，我们也可以将厚靠背中间藏起的那条隐蔽扶手随时拉下来形成一道阻隔，就看你的需要。

沙滩平躺之王非帆布躺椅莫属
到底是谁最先设计出了这款座椅，早就无从知晓，而它自问世以来便已环游世界。最初，它是远途航行的大西洋客轮的甲板标配。但很快，它便占领了大大小小的沙滩。这种折叠帆布躺椅十分轻便且易于安装，也可根据不同姿势来调节座面和椅背的夹角大小。一起去沙滩上打个小盹儿吧。

51号小学桌椅必定是小学老师的福音
法国建筑师让·普鲁威设计并制造了许多新颖别致的校园家具。这些家具常常整合了数种功能（坐靠，书写和整理），结实且经济。这样的设计也非常大胆：书桌和椅子一体成型，由一根金属梁连接。轻盈的外观设计灵感来源于飞机双翼。从此，再也听不见推拉椅子的噪音了。在这间安静且有序的教室里，小学生们也许能更好地消化课堂内容……

这本书邀请你“试坐”各种没见过、甚至没想象过的椅子，除了以上提到的这些椅子设计，难道你不好奇，什么椅子坐着像骑自行车？为什么挤奶用的凳子只有一只脚？为什么有的椅子坐上去就开始摇头晃脑？

我们每天都会坐各种各样的椅子，它们身上藏着无数设计师和艺术家的创意，而精华的部分就被凝结着这一本小小的书。本书的装帧以精巧为特点，开本是275×120毫米，形体瘦长，设计精美，采用进口纸张，与法语原版保持风格一致。

几乎没有人会随身携带一把椅子，但一本包含多种灵感的小书可以陪你从床边、餐桌到通勤路上、午休间隙，随时随地为你注入设计基因和灵感。