首页

UI设计思路受限?来试试这5个界面设计通用技巧

周周

做设计是很难的。不仅要创建解决问题的设计,而且理想情况下,它们还应该使人们开心并感到愉悦。设计是一种技能,它是一种手工艺品,而且这种手工艺品做起来并非很容易。


设计师如何高效沟通需求

周周

“有效的沟通取决于沟通者对议题的充分掌握,而非措辞甜美。”——英特尔创始人葛洛夫

如何快速制作3D样机-作品包装神器

seo达人

 初识操作界面 

先来看一眼这款神器的操作界面吧,无需安装,在线版更方便。软件界面简单易操作,基本没有什么学习成本。(温馨提示:如果英语不好的同学可以使用谷歌浏览器自带翻译)

图片

 

 

 

 样机模型选择 

软件里面为大家存储了手机、笔记本电脑、台式电脑等基础模型供选择,可以独立使用,也可以叠加选择到画板中进行组合创造。

图片

 

除了样机模型以外,也提供了一些装饰元素,比如一些操作手势和设备零部件等,方便设计师进行自由创造。

图片

 

当然,还有更多各式各样的模版,倾斜的组合模版、各种颜色搭配的组合模版、各种手势的组合模版等等。方便一些基础薄弱的同学可以直接选择使用,也是非常的便利。

图片

 

 

 强大的操作界面 

了解了各类预存的资源后,黑马哥带大家看一下软件的操作界面。非常的简单易懂,基本一看就会。

当我们选择好基础样机模型之后,可以通过左侧操作栏调整样机的颜色、位置、透视角度、大小等。点击上传可以选择自己设计好的界面替换到模型中,画质还是很高清的。

图片

 

下方就有类似于图层的操作,可以管理多个组合样机模型,复制、隐藏、删除等操作。

图片

 

在画板底部也有一些常规的功能操作,可以进行调节。比如画板的背景色、视角、阴影设置等。

图片

 

在画板右侧可以对整体的灯光进行设置,满足我们环境渲染的需要。调节的方法也非常简单,大家可以动手尝试一下。

图片

 

当然,如果觉得通过各种参数调节透视比较麻烦,你也可以像操作 3D 软件一样,直接在画板中操作 X、Y、Z 轴来随心所欲的创造,是不是很酷呀!

图片

 

好了,说了这么多相信大家能够上手了,更多的功能操作就留给大家啦!希望这款神器可以带给你作品包装的新大陆,创造出自己满意的设计效果。

3D样机神器网址:
https://things.morflax.com/

温馨提示:仅作为学习交流,勿做他用。

 

原文地址:黑马家族(公众号)

作者:黑马青年

转载请注明:学UI网》如何快速制作3D样机-作品包装神器

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


用动效创造可用性:动效设计的基本原理

seo达人


在用户界面中,动效不仅仅是一种视觉装饰,而是一种强大的力量,它可增强产品参与度并扩展设计交流的范围。

本文给大家介绍了十二项最基本的动效设计原理,这些都适合用于UX/UI设计项目中,是非常有用的运动原理,建议收藏反复食用。

 

原理一:缓动 Easing

缓动效果模拟了现实世界中对象随时间加速或减速的方式,它适用于所有运动的元素。自然界中没有东西是从一点呈线性地移动到另一点。现实中,物体在移动时往往会加速或减速。我们的大脑习惯于期待这种运动,因此在做动画时,应利用此规律。自然的运动会让用户对你的应用感觉更舒适,从而产生更好的总体体验。

线性动画

没有任何速度上的变化的的动画称为线性动画,如坐标图所示,运动的曲线成直线状态。这种动画效果往往显得很僵硬,不自然,让用户觉得不协调。一般来说,应避免线性运动。

 

缓出动画

运动的开头速度很快,结尾处逐渐减速的动画称为缓出动画。运动曲线呈抛物线状态,缓出动画最适合界面里面的动效,快速的入场给人反应很快的感觉。

 

缓入动画

和缓出相反,缓入动画是开头慢结尾快,这就像自然落下的球体一样,速度越来越快。但是,从交互的角度来看,缓入可能让人感觉有点不自然,因为结尾很突然;在现实中移动的物体往往是减速,而不是突然停止。缓入还有让人感觉行动迟缓的不利效果,这会对网站或应用的响应速度给人的感觉产生负面影响。

 

缓入缓出动画

把缓入和缓出曲线连接在一起,就是完整的缓入缓出动画,它的运动过程可以想象一辆汽车从起步到停车的动作,可以实现比单纯缓出更生动的效果。由于开头慢、中间快和结尾慢,动画将有更强的对比,会让用户感到愉悦。

因此,缓动原理实际上是使动画不再那么尖锐或生硬的过程。

 

原理二:变形 Transformation

变形是由一个形态变成另一个形态,这种形变是动画里最引人注目的。通过元素形态的转变,告知用户元素的状态或作用发生了改变。

例如这个下载动画,下载完成后变形为按钮,其实是符合用户预期的。这种无缝转换,可以提高用户的认知度,提

升了动画的连贯性。

在动效中,利用挤压变形原则能够唤起用户的主观记忆。是刚性的还是柔软的,通过物体运动的变形状态就能很好的体现出来。

 

原理三:克隆 Cloning

当元素被克隆时,可表达出元素与元素之间的某种连续性。在此原理中,如何让物体的出现和离开具有连续性、关系和过渡,是信息准确传递的关键。

例如这个发布按钮,点击它会创建多个新对象,引导注意力,非常清晰的表达了他们之间的关系。

还有这个运动健康页面,在添加练习项目时,从主按钮克隆生成一系列练习项目,选择完成后原路返回。

 

原理四:覆盖 Overlay

利用覆盖原理能让原本有限的空间得以延伸,用以显示额外的可见元素,补偿了用户体验中的单一统一视野或“客观视图”。覆盖原理在UI设计中常用于列表横滑,通过覆盖,隐藏相关操作,以减少视觉上的干扰。

在某种程度上,作为设计师,“层”的概念是显而易见的,不言而喻。我们用层来设计,层的概念被深深地内化了。但是,我们必须小心区分“制作”和“使用”的过程。

作为不断参与“制作”过程的设计师,我们要非常熟悉我们正在设计的物体的所有部分(包括隐藏部分)。然而,作为用户,那些不可见的部分是根据定义和实践,在视觉和认知上隐藏的。

 

原理五:偏移和延迟 Offset & Delay

偏移和延迟原理是表明元素之间的层级与关系,在新元素入场时利用偏移和延迟让信息或界面元素按照秩序进退场,定义对象关系和层次结构。

在上面的示例中,浮动操作按钮 (FAB) 转换为头部背景。数据图表在时间的延迟下依次出现,暗示用户这里的信息与其他元素之间的区别,吸引用户注意力。

 

原理六:遮罩 Masking

遮罩是决定元素变化的结果是什么,通过暂时使对象显示和隐藏,以连续无缝的方式转换,保持了叙事流程的效果。虽然对象本身保持不变,但因为它有了边界和位置,这两个因素决定了对象是什么。

例如这个转动的咖啡杯,借助遮罩,通过改变logo的位置和吸管的朝向,造成杯子在自转的假象。

在上面的例子中,音乐封面改变了边界形状和位置,但没有改变内容。转换发生在用户执行操作后激活,是相当巧妙的技巧。

 

原理七:父子关系 Parenting

父子关系是将界面元素关联起来的重要原则,创建出空间和时间层次关系。它最适合作为“实时”互动,例如拖动列表顺序时,其他信息会同步跟上。

回想一下,很多元素属性都可以创造这种联动的继承关系,例如不透明度、位置、旋转、缩放、形状、颜色等。

 

原理八:数值变化 Value Change

文本和数字的变化是如此普遍,以至于我们忽略了它们,而我们却没有给它们带来区别和严谨来评估它们在支持可用性方面的作用。

数字和值表示现实中正在发生的事情,既可以发生在实时活动中,也可以发生在非实时活动中。它可能是时间、收入、速度、游戏得分等。当我们使用动态的数值变化时,它激活了一种“神经反馈”,用户会觉得自己与这些数值有关联的。如果这些值是静态的,就感觉与现实的联系会减少。

数值的变化在各类金融理财和日历APP中经常出现,数据的动态表达和交流可能会对数据的价值产生影响;如上图中的数值的动态变化,让用户感知到自己可能有能力影响到数据,提升了参与活动的意愿。

 

原理九:蒙层 Obscuration

蒙层与原理四的覆盖类似,只不过蒙层带有透明属性,它挡住了后面的信息,但又没有全挡住。iOS中常见的毛玻璃效果就是如此,它让用户意识到正在操作的对象,还有另一个世界。拓展了Z轴的层次结构,补偿用户体验中的单一视野。

 

原理十:视差  Parallax

当用户滚动时,在视觉平面中创建空间层次结构。其目的是为了建立各元素的层级关系,移动速度更快的交互式元。对用户来说显得更接近,较慢的非交互式元素,会退回到背景显得更远,从而更好把内容和环境区分开来 。

设计师可以利用时间本身来创建这些关系,告诉用户界面中的哪些对象具有更高的优先级。用户不仅认为界面对象现在具有超出视觉设计中确定的层次结构,而且现在可以利用这种层次结构,让用户意识到设计之前掌握用户体验内容。

 

原理十一:多维 Dimensionality

维度是将界面的元素多维化,使元素看起来像可翻转的,可折叠的,浮动的。可以使不同的UI元素实现无缝的过渡衔接,它通常以折纸维度、浮动维度和对象维度这三种方式来呈现。

此外,维度原理克服了视觉平面中的分层悖论,其中缺乏深度的物体存在于同一平面上,但出现在其他物体的“前面”或“后面”。

折纸维度可以被认为是“折叠”或“铰链”的三维界面对象,它由多个元素组合成“折纸”结构,隐藏的物体在空间上仍然可以说是“存在”的,即使它们不可见。

浮动维度为界面对象提供了空间起源和离开,使交互模型直观且具有高度叙事性。常见的“3D”卡片就是通过这一维度来实现的。

对象维度会产生具有真实深度和形式的维度对象,可以看到,虽然在2D层,元素却可以3D视角呈现真实的维度。

 

原理十二:平移与缩放  Dolly & Zoom

平移与缩放是电影概念,指的是与相机有关的对象的运动,以及画面中图像本身的大小从远景平滑变化到特写镜头(反之亦然)。

在某些情况下,无法判断对象是否正在缩放。可能是在在 3D 空间中向着相机移动,也许是相机在向对象移动,又或者是对象自身在放大缩小。以下三个示例说明了可能的情况。

镜头平移:被拍摄物保持静止而镜头移动或镜头保持静止,而被摄物体进行远离或接近镜头的前后移动。

镜头缩放:镜头与被摄物体在位置上保持静止,而被摄物自身进行缩放。

缩放:是指视角和对象都没有在空间上移动,而是物体本身在缩放(或者我们的视野正在缩小,从而导致图像放大),这向观看者传达了附加界面对象在其他对象或场景“内部”的信息。

移动还可以结合维度原则,从而产生更多空间和深度体验,并向用户传达当前视图“前面”或“后面”的其他区域或内容。缩放允许无缝转换 – 实时和非实时 – 支持可用性。在创建空间心智模型时,Dolly & Zoom Principle 中采用的这种无缝性非常强大。

以上,便是有关动效设计的十二条基本原理,希望能给你带来一些启发。

 

参考资料

https://developers.google.com/web/fundamentals/design-and-ux/animations/the-basics-of-easing?hl=zh-cn

https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc

 

原文地址:站酷

作者:印迹_

转载请注明:学UI网》用动效创造可用性:动效设计的基本原理

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


设计师应该关注的用户体验设计模式

ui设计分享达人

我们在周围的世界中看到了许多熟悉的设计模式。例如,大多数道路用实线或条纹线分隔车道。还有交通灯和道路标志可以帮助您在道路上行驶。如果每个国家/地区使用不同的系统,司机将不得不为他们想要驾车经过的每个国家/地区学习新的驾驶模式——但这不切实际!

UX 设计模式的工作原理类似。它们使用户无需学习新系统即可熟悉浏览数字产品或网页。

什么是用户体验设计模式?

UX 设计模式是用于构建用户界面的常见构建块。设计师使用 UX 设计模式作为可重用组件来解决常见的可用性问题。

例如,我们经常看到的一种设计模式是面包屑。面包屑向用户显示他们所在的页面以及返回主页的路径。

UX 设计模式如何改善用户体验

设计模式为设计人员提供了构建块以更快地创建用户界面,但它们也增强了用户体验。

UX 设计模式通常遵循用户熟悉的通用设计标准,从而减少学习和浏览新产品或网站所需的时间和认知负担。

在《我们如何决定》一书中,作者乔纳·莱勒 (Jonah Lehrer) 写道,识别熟悉的模式会释放出多巴胺——一种与动机、奖励、记忆和注意力有关的化学物质。当用户体验模式按预期工作时,多巴胺命中会增加。

使用有效的UX 设计心理学技术的设计师,例如熟悉的 UI 设计模式,可以增强用户体验并使产品交互更加愉快。

UX 和 UI 模式之间的差异

大多数设计师交替使用UX 模式和UI 模式这两个术语,因为区别很小,有很多重叠,并且可能会引起混淆!

UX 模式:用户流和导航的可重用模式——在社交媒体平台或网站上无限或连续滚动。用户认识到他们可以向下滚动以刷新页面。

UI 模式:用于视觉和交互设计的可重用模式——一个汉堡图标。用户知道汉堡包图标将打开导航。

何时以及如何应用设计模式

知道何时使用设计模式对于产品设计和用户体验至关重要。设计人员必须仅在有明确的可用性原因时才使用设计模式。

以下是识别用户需求和应用设计模式的四步、以问题为中心的方法:

查明问题——您可以通过分析和可用性测试的组合来识别问题。例如,您注意到在获取客户详细信息时,您的产品注册流程有很高的流失率。通过可用性测试,您了解到一个常见的痛点是注册过程耗时太长——您的注册表单要求填写全名、电子邮件、年龄、性别、城市和手机号码(其中许多细节与使用产品无关) 。

通过市场和竞争对手研究找到解决方案——寻找竞争对手和流行的设计库,以找到常见的 UI 模式来解决您的问题。回到我们上面的例子,您会发现竞争对手通常只在注册时询问用户的全名和电子邮件地址。它们还允许用户使用社交媒体帐户进行注册和登录,从而简化注册流程。

自定义设计模式——您必须自定义新的设计模式以匹配您的品牌和现有设计系统。对于我们的用户注册示例,此自定义可能包括调整输入、社交媒体按钮和提交按钮的圆角半径。占位符文本、输入标签和错误/成功消息将使用您的样式指南中的颜色。

测试您的设计模式——最后,您必须始终测试新的设计模式实现,以确保它们满足可用性和品牌要求。

上面的例子展示了可用性测试的重要性——识别和应用用户界面设计模式以测试开始和结束。

不要因为竞争对手有一个设计模式或者你认为这是正确的做法就添加一个设计模式。例如,您的网页设计是否需要面包屑导航?对于电子商务,可能有必要让用户返回到产品类别或知道他们在结账序列中的位置。但是,对于大多数其他网站,它只是添加了额外的数据点供用户处理。

UX 设计模式的常见示例

设计模式分为六大类:

A. 数据输入输出

B. 内容结构

C. 导航

D. 社交媒体和分享

E. 激励

F. 等级制度

数据输入和输出

数据输入和输出是最常见的用户/产品交互之一。用户输入信息,系统返回数据或完成一个动作。

一个很好的例子是许多网站和应用程序使用的日期选择器。尽管它们看起来略有不同,但大多数日期选择器显示类似的布局和功能——标题中的月/年、星期几和日期。

当用户单击一个日期时,它会突出显示以选择。最后,有一个 CTA(有时是一个取消按钮),用户可以在完成并准备继续时单击。

数据输入和输出的其他示例包括:

a) 表单提交

b) 成功/失败消息

c) 应用通知

d) 进度条/步骤

内容结构

你有没有注意到大多数界面使用类似的块布局和图像缩略图?或者,管理界面的左侧导航面板和右侧的内容如何?

使用这些熟悉的内容结构和 UI 模式可以帮助用户快速浏览新的数字产品或网站。目标是最大限度地减少摩擦(例如学习新界面),以获得无缝和愉快的用户体验。

导航

熟悉的 UI 模式可以帮助用户轻松浏览网站或数字产品。桌面和移动界面有不同的导航模式。

例如,主导航位于桌面网站或应用程序的标题中或左侧。在移动应用程序中,主导航栏位于页脚中,只需用拇指触碰即可。

无限或连续滚动是 Instagram 和 Pinterest 使用的典型导航设计模式。当用户滚动时,系统会刷新以显示更多内容。这种设计模式很熟悉并增强了用户体验,因为用户不需要单击下一步按钮或分页来查看更多内容。

社交媒体与分享

设计师可以使用多种社交媒体和共享设计模式,包括:

a) 链接的品牌社交媒体图标

b) 共享图标 - 向右弯曲的箭头或三个点的共享图标

c) 引言——用引号引用此人的姓名和形象

这些熟悉的设计模式可帮助用户找到社会认同,以建立对您的产品和品牌的信任。

这些设计模式利用心理学,鼓励用户执行所需的操作。这里的目标是在用户和产品之间建立联系。

激励

激励 UX 模式利用设计心理学来鼓励用户执行任务和操作,从而创建用户/产品关系。

设计师鼓励使用设计模式通过积极的反馈、认知、游戏化等来吸引用户。

例如,游戏化模式鼓励用户邀请朋友来获得奖励。UI 模式将通过 CTA 向用户显示他们当前的积分,以邀请更多朋友赚取更多。

等级制度

层次结构模式类似于内容结构,因为它们为用户创造了即时的视觉熟悉度,以便快速浏览界面并知道如何完成所需的操作。

博客的两种常见层次结构模式包括标题和目录。用户可以滚动页面以快速找到他们想要的内容或使用目录跳转到特定部分。

面包屑是电子商务网站用来帮助用户浏览产品页面和结账流程的另一种层次结构模式。

总结

UX设计模式是用户体验的重要组成部分,因为它们最大限度地减少了产品的学习曲线和人类认知负担。设计师必须知道何时使用这些 UX 设计模式,而不仅仅是出于习惯或模仿竞争对手而实施它们。

分析和可用性研究可帮助设计人员确定界面中缺少哪些 UX 模式,然后测试他们是否实施了正确的模式。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷 作者:对啊设计君
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


2022年标志设计趋势:标志的未来

ui设计分享达人

2021年,标志设计师朝着更大胆、更具创新性的设计迈出了一大步。与平面设计趋势类似,品牌推广大量采用软循环动画和鲜艳的配色方案。它还开辟了实验排版,鼓励创造性思维重新审视标志设计。

2022年的标志设计趋势很可能会延续这一大趋势,我们希望看到上述美学在全球范围内得到重塑。您会看到设计师同样选择极简主义和卡通标志、3D 和平面标志、花卉和文字标志。我们认为2021年是创作自由的一年。然而,看起来在2022年,我们将看到它真正的肆无忌惮。

1) 简单的几何图形和基本形状

2) 高大的标志

3) 饱和颜色和渐变

4) 象征主义和极简主义代替现实主义

5) 涂鸦和草图

6) 粗体字标标志

7) 无衬线标志

8) 花艺和微妙的装饰

9) 黑白标志

10) 3D与平面样式

简单的几何图形和基本形状

在2022年,拥有基于复杂图形的标志几乎会很少见。此类标志通常难以记住,客户可能会很难发现在品牌与其图形表示之间的联系。对于寻求加强存在感和提高品牌知名度的大企业来说,这可能是一个巨大的问题。因此,公司倾向于拒绝此类标志,而倾向于使用一些基本的东西。

基本的几何形状是各种三角形、圆形、正方形、点和线,它们使标志设计成为简单的图像。作为优化,建议设计师使用充满活力或独特的配色方案。或者相反,切换到黑白,将这种极简效果发挥到极致。最后,还有负空间,这是另一种采用简单几何形状并保持视觉趣味的好方法。

高大的标志

虽然2022年的大多数标志设计趋势与我们两年、三年或五年前曾经拥有的一切产生共鸣,但高大的标志就像一口新鲜空气和创造力。反对过度使用的三角形、方形和圆形标志。正如我们从多个Behance项目中看到的那样,它们的美学非常适合寻求领先的时尚公司、精品店、创意工作室和大品牌。

高大的标志部分借鉴了装饰艺术风格,它们特别喜欢优雅的垂直框架。高大的标志同样具有波西米亚风美学和现代几何元素。事实上,这种标志设计趋势的根源并不那么重要。真正重要的是新的形状让设计师想出了新的标志创意,所以在这里我们希望他们以不同的方式处理字体和图形元素。

饱和颜色和渐变

实践表明,标志的颜色工作和色彩的选择是一个非常个人化的故事,通常很难跟踪全球趋势或与特定颜色相关的任何标志趋势。有人更喜欢黑白标志。有人会选择现在特别流行的单色、裸色或大地色。然而,如果我们看看大品牌,我们将能够在标志设计中使用生动、饱和的颜色来定义一个巨大的趋势。

对标志设计中颜色的兴趣已经发展到这样的程度,创作者不仅要增加饱和度,还要选择纯粹、生动的解决方案,同时尽可能地简化标志。太多的细节和颜色会造成混乱的外观,因此选择其中一个至关重要——在极简主义时代,选择很明确。然而,我们不禁强调鲜艳的色彩很难处理——尤其是糖果色。它们可以使品牌标识看起来廉价甚至业余。因此,当您关注这一标志设计趋势时,重要的是要取得平衡——否则您将面临使用可疑标志的风险。

象征主义和极简主义代替现实主义

有多种与简化标志和极简主义相关的标志趋势——这可能是最能说明问题的。我们每个人都将标志创建为一件真正的艺术品。动物、花卉、神话和生物——在标志内,它们展示了精湛的技艺和对细节的迷人关注。诚然,这样的标志确实看起来很引人注目,但从响应式设计的角度来看,它们失去了其他类型的标志。

您可能还记得响应式标志,这个术语是在大约4年前引入的。这些是可以适应不同屏幕尺寸或其他媒体的标志。为此,设计人员可以删除字标、简化或隐藏标志。今天几乎没有人认为响应式标志是一种独立的现象或趋势。相反,响应性是标志的自然特征,象征主义和极简主义的运动正好证明了这一点。

涂鸦和草图

2022年,草图和涂鸦将作为图形设计趋势回归,因此它们作为单独的标志设计趋势出现。其复兴的关键是人们对设计师个人品牌方法的兴趣增加。显然,没有什么比以独特风格绘制的快速草图、卡通人物和形状更好的了。

因此,要为标志设计中的更多涂鸦以及企业品牌中草率的卡通标志和快速绘制的吉祥物做好准备。以快速和朴实的方式制作的手绘标志也受到欢迎,我们已经看到以这种方式书写品牌名称的项目和团队。

粗体字标标志

如果我们考虑2021年的标志设计趋势,粗体字标志将是最好的例子。于2020年底推出的实验排版项目专注于不常见的几何解决方案。难怪品牌和标志设计师不能忽视这种大规模的图形设计创新——在这里,我们在标志设计方面有了一个全新的方向。

许多跨国公司选择字标标志。例如H&M、可口可乐、Zara、谷歌、Visa等品牌。然而,几乎没有人认真考虑使用实验字体进行品牌重塑。这就是为什么此类文字商标标志主要在独立工作室、小型企业、精品店、沙龙和个人创作者中传播。也许,这些大胆标志的特征是其吸引力的另一个关键。您可以将它们视为那些知道要注意什么的鉴赏家的标志——或者那些想要感受品牌美学的人。

无衬线标志

虽然使用大胆的实验排版并不是每个人的趋势,但无衬线字体是每个人都知道和理解的。自从设计师拒绝花哨的脚本和衬线字体而支持无衬线字体以来,已经有一段时间了。但由于存在普遍趋势,我们可以说它仍然是2021年的标志设计趋势——顺便说一下,这得到了我们上面写的极简主义和基本几何形状的流行的支持。

拒绝花哨字体的动机非常简单——使用无衬线字体要容易得多。使它们适应不同的屏幕和画布尺寸并不复杂,因此它们更适合响应式标志。有趣的是,几年前,我们观察到了一个相反的过程:许多公司从无衬线字体切换到衬线字体,因为复古设计非常流行。今天,随着复古狂热慢慢释放出来,健康的实用主义出现了,无衬线字体再次相关。

花艺和微妙的装饰

我已经不知道设计师和产品创造者用极简主义制作了一系列标志多少年了。与此同时,许多小企业继续选择和使用它们,所以这些标志不会退缩——就好像它们刚刚出现在市场上一样。所以请放心,它们将与您共存数个季节,同时还会定期推出新款式,例如2022年风靡一时的Boho。

也许,这种标志设计趋势是最流行的。优雅的线条看起来令人着迷,因此使用它们的诱惑很大。2019年如此,2022年依旧如此。 事实上,这种微妙的视觉风格并不仅仅集中在花艺上。有很多日常用品:从家具到文具和衣服。重要的是这些标志模板是如何制作的!

黑白标志

随着我们继续从各个方面学习了解极简主义,让我们在这个市场中传递2022年的另一个自信趋势:黑白标志。实际上,将黑白色调视为一种趋势是很奇怪的,因为它是一种经典的解决方案,并且它的存在与时间和风格的变化无关。所以,我们需要让您注意到对此类标志的兴趣是日益增加的,其中最重要的例子是GoDaddy的重新设计之一。他们逐渐简化了他们的标志,现在他们似乎到达了最后阶段——带有带有无衬线字体和保留标志的黑白标志。

黑白标志的最佳之处在于它们令人难以置信的风格灵活性,这使得它们在品牌设计师中流行起来。它们完美地适应了品牌的审美,因此可以将它们用于字体、装饰元素和几何形状的各种实验。极简主义、创造性的排版、花卉、象征主义、原始几何——一切都与黑白标志相得益彰。

3D与平面样式

3D是2021年最有前途的图形设计趋势之一。随着技术的发展,这种图形变得如此庞大,以至于我们永远无法预见。甚至可以在直观的在Spline或 Procreate的最新更新中进行高质量3D对象的制作。图像质量也得到了发展。

然而,在标志设计中,情况颇有争议。设计师将平面样式的 logo 转换为3D,反之亦然,力求使 logo 风格更加生动和简洁——后者对于旧版本的3D和假3D尤为典型。出于同样的原因,他们付出了很多努力来探索类似于3D的方向——等距艺术。它允许在视错觉、鲜艳的色彩、渐变、阴影和形状的帮助下获得大量图像。可能它看起来比3D更适用于标志设计——但时间会证明公司和客户会习惯什么。

最后

显然,2022年和2021年的标志设计趋势没有明确的界限。大多数处于巅峰的趋势已经伴随我们很长一段时间了。

但是,我们可以肯定地说,例如之前非常受欢迎的故障风格,不太可能成为本季标志设计的主角。在过去的几年里已经有很多这样的事情。动画标志也是如此,这是2021年最有希望的标志趋势之一。动画本身继续引起人们的兴趣,这是展示品牌的一种成功技术——但不幸的是,它并没有被证明是可行的。

最后,3D的命运也没有确定,我们还不能说3D或扁平风格的标志设计是否会成为一种趋势。我们已经写过,设计师的立场是模棱两可的,一个方向和另一个方向都有品牌重塑。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷 作者:对啊设计君
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

实用的设计原则

ui设计分享达人

设计原则是设计师为规范和塑造他们的作品而制定的规则。这些原则强调焦点设计元素,遵循它们有助于帮助设计师与广泛受众产生共鸣。

尽管设计原则听起来可能限制了自由,但它们的创建是为了支持设计师的工作,而不是设置障碍。您可以将它们视为建立一般顺序但不干扰作者创造力的拼写规则。因此,设计工作依赖于设计原则,一旦使用得当,就会开始吸引观众的注意力和兴趣。理解这些原则意味着理解并控制整个项目、创建它的过程以及每个涉及的设计元素。

不同的团队和工作室区分不同数量的设计原则。然而,七项原则被认为是基本原则。它们是平衡、层次、统一、对比、强调、比例和重复/节奏。

1. 平衡

平衡可能是最明显和最容易理解的原则。这也是让视觉内容感觉舒适的一个重要功能。这个想法是设计的每个元素——比如字体、颜色、图形、背景、形状、图案、按钮、文本等——都有它们的视觉重量。较重的元素会迅速吸引观众的注意力,而较轻的元素则不会,主要用于完成整个场景的整体性与和谐性。

有两种类型的平衡,对称和不对称。对称平衡是通过沿中心轴对齐的等重元素实现的。不对称平衡与镜像相反。它使用不同权重的元素并且更常见。这样的构图围绕一个或几个突出的部分排列,因此创作者寻求轻元素和重元素之间的平衡以获得视觉图像。

2. 层次结构

层次结构是网页和应用程序设计中最重要的设计原则之一。它用于对设计元素进行优先级排序,并根据其重要性设置重点。这里有一个简单的规则:如果一切都标记为重要,那么一切都不重要。

层次结构引导用户跨界面从焦点对象到二流对象,并有助于按逻辑顺序了解事物。如果忽略了这一设计原则,构图就会显得杂乱无章,而且很难找到必要的信息。

设计中有两种主要类型的层次结构:视觉和排版。可以通过场景内对象的比例和颜色强调获得视觉层次。排版层次结构是通过不同的字体、大小和字体粗细来实现的。

3. 统一

你可能遇到过这样的网站、印刷品,甚至是室内设计概念:大量的元素很难融合在一起,所以整体形象看起来一团糟。为了解决这种图形的混杂,使用统一的原则,应该创造视觉和心理的和谐。

统一意味着与品牌理念和信息的联系,因此每个制作的设计,无论是网站页面、T恤印刷品还是广告,都应该成为其中的一部分。它与设计系统密切相关,是大多数平面设计公司和项目应该考虑的原则。

4. 对比

虽然统一和平衡创造了易于交互的视觉上可接受的设计,但多样性增加了吸引注意力的细节。如果没有多样性,即使是最平衡、最精心组织的概念也会缺乏对比,变得单调乏味。

这个设计原则为项目添加不同的视觉元素、图案、符号或排版。事实上,这是设计师可以尽情发挥创造力并顺应潮流的地方。

5. 强调

强调是通过在构图中设置焦点元素来创建画面的设计原则。这意味着它们会吸引观众的眼球,但不会超过其他元素,否则平衡就会倾斜。这就像一个好的海报设计:你立刻就能看到正在演奏的乐队,并且找到细节:音乐会的日期和地点、门票价格等。

强调可以通过比例、重量、位置、颜色、形状和样式来实现。创建一个大胆的、色彩鲜艳的元素是不够的,因为一切都应该在一个设计中连贯地显示。

6. 比例

比例是指元素相互之间的大小,是最全面的设计原则。调整比例并根据物体的大小和视觉重量对物体进行分组有助于突出重点并保持构图的统一。

设计组合中比例的主要思想是,越重要的元素越大,不重要的元素越小。就像着陆页、文章或海报一样,对象之间的比例关系与其对读者的重要性相关。

7. 重复/节奏

这两个设计原则相辅相成,相互补充。重复是指在设计中实现相同或相似的元素:如图像、按钮、颜色、字体或形状。它用于创建统一性和一致性。通过使用相同的图标、背景或风格化元素,可以轻松实现重复。如果使用得当,它可以控制浏览者在页面上的移动,因为重复元素可以成为吸引和引导注意力的绝佳方式。

元素重复的方式创造了一种节奏感。当设计中有节奏感时,观者将其视为旋律。有五种类型的视觉节奏:随机、规则、交替、流动和渐进。

随机— 没有特定规则间隔的重复元素。

定期— 重复进行相同的间隔。它通常是通过创建一个网格或一系列垂直线来获得的。

交替— 允许在设计中重复多个元素。

流动— 模仿自然流动并显示遵循各种弯曲和曲线的重复元素。

渐进式— 通过在重复时改变元素的一个特征而获得。

最后

定义要使用的设计原则并不总是有意义的,因为它们可能会在创作过程中参与和拒绝,而设计师的主要目标仍然是传达重要信息,创造和谐构图,设计可用的界面。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷 作者:对啊设计君
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


2022 年顶级网页设计趋势

ui设计分享达人

设计趋势可以塑造一切,从设计师的创作方式到用户界面设计,再到从网站到包装设计的未来迭代。

让我们深入探讨2022年的一些顶级网页设计趋势。我们将着眼于 2021年末开始出现的趋势,这些趋势是为来年奠定基础的,以及一些即将流行的趋势设计。

有趣、乐观的设计

时尚的形状、颜色,甚至是面孔都可以带来很多乐趣。设计师正在使用网页设计趋势,为从网站的所有内容提供有趣、乐观的设计。这些设计的共同点是它们为世界注入了一点额外的快乐。

充满乐趣和乐观的图像具有面孔、较轻的字体,以及散发出积极情绪的颜色。为了充分利用这一趋势,请考虑更轻的元素,并避免选择较重的字体或颜色。

黑白配色方案

黑白配色方案是今年最鲜明、最美丽的设计趋势。没有颜色,你可以在限制范围内思考和设计。

大胆和实验性的排版

在2022年,没有错误的排版方式。大粗体字体——甚至衬线字体——无处不在。在玩这种网站设计趋势时,请考虑字体将如何响应以及如何最大限度地对访问者产生影响。

三维设计元素

虽然2020年和2021年有很多设计师网站处理完整的3D 设计,但新兴趋势是将3D元素与更扁平的整体美感结合起来。

具有3D风格的元素可能包括阴影、动画或图层效果,以创建深度和维度。

三维设计也延伸到视觉叙事。考虑如何以突出景深和阴影的方式捕捉您的故事或产品。

近乎野兽派

野蛮主义是人们想要加入的网站设计趋势,但对于大多数项目来说,它过于苛刻和尖锐。

这些设计使用了许多相同的鲜明效果。不是单色字体,更容易看到衬线是常态。即使有一些明显的边界和线条,元素之间也有足够的空间。没有太多的装饰或其他视觉效果,只留下颜色和文字来真正承载这些项目。

滚动文本元素

虽然总是希望文本元素可读,但它们也可以是动态的。滚动文本元素——通常使用超大字体、几个词、在一个位置——可以增加对关键词的强调并激发用户的兴趣。

轮廓字体是一种流行的选择,保持可读性的关键是使用简短、常用的单词或短语。

玻璃态

玻璃态的第一个展示于2020年末和2021年初的新态,并演变成现在流行的更完整的玻璃效应。

正是您可能想的那样:设计元素的外观让人联想到玻璃。可能有透明度、冷淡或光泽的元素。

设计师们一直在Dirbbble上以一种主要方式使用这种风格,并找到了网站设计的方法。

更多渐变

渐变是不断出现的设计趋势。2021年,设计中的大部分渐变出现在背景中。

到 2022 年,渐变将采用两种新形式:

1) 用于文本颜色填充(例如上面的示例)以提供最大的影响和强调

2) 作为用其他线条填充插图或图标以创建纹理深度效果

没有图像的主页

无需图像即可设计,您将在 2022 年紧跟潮流。

使用不同类型的用户界面或设计技巧来充分利用没有图像的主页。在此处的示例中,Kirifuda 使用了漂亮的黑白配色方案,在文本元素之间具有叠印效果。超大的排版和手写风格的字体有助于将它们融合在一起。

分屏美学

分屏美学重新奏效。几年前的趋势当时出于可用性和响应的原因而起作用,现在它更像是一种新设计。

这些视觉效果可以包括水平或垂直分割的屏幕,每一切面有不同的功能。

交互式字体

在屏幕上与您一起移动的文本是交互式字体背后的支柱。在大多数情况下,这可以使用悬停状态,尽管您可以尝试一些其他更复杂的效果。

在考虑交互式文本元素时,请考虑可读性和理解力。文本效果只有在其中的文字仍然可读和可理解的情况下才有效。

包容性设计

设计师正在努力打造一个更具包容性的网络,它几乎在所有发布的内容中都有体现。从图像到语言再到替代文本,没有理由不尝试让您的项目更加包容所有人。

包容性延伸到种族、性别中立、文化、可及性和能力。共同的主题是您的网站应该以这样的方式组合在一起,以便任何想要访问内容的人都可以访问内容,并且人们也可以在屏幕上看到他们可以与之相关的其他人。

结论

就网站设计趋势而言,新的一年已经开始以非凡的方式爆发。如何将这些元素合并到现有项目中是作为设计师该考虑的问题。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷 作者:对啊设计君
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


用例驱动设计,让你的设计更严谨

资深UI设计者

设计师在业务流程中,若想对整体流程有所把控,推动产品方案的落地实现,则可以借用某种设计思路,达成统筹效果。用例驱动也许是一种不错的设计思路。本篇文章里,作者就对用户驱动设计的流程做了整体梳理,一起来看一下。


一、背景

产业赋能如火如荼,B端产品因其复杂的业务逻辑令人生畏,再加诸多角色的分层、平台化技术架构,俨然在构造一个复杂的系统。

单纯基于角色现状的行为洞察、业务流程的梳理,仍不易完整把控其产品设计。从业务方传递到设计方的信息存在断层,含杂其中的体验设计则显得扑朔迷离,设计师较难“从外向内”摸到产品的核心逻辑,遑论其业务逻辑。面对既定的、不完美的“产品结构”爱莫能助,只能试图在框架层或表现层做缓解,长期下来,将失去对设计逻辑的控制。

用例驱动设计,让你的设计更严谨!

复杂的AutoCAD与Inventor工具

我们需要一种能应对该局面的设计思路,有效地连接业务逻辑、产品逻辑,层层渗入对体验的考量,最终构造出既契合B端业务,又具有良好体验的产品服务,设计在此过程中有条不紊的推进和管理。

用例(Use Case)的概念早在1986年就已被提出,它是需求分析的好帮手,可有效地划定范围、锚定用户、区分关系、定义价值,通过不同颗粒度的抽象层次,不断瓦解复杂系统,使设计和管理有序化。

本文基于早已发展成熟的用例驱动设计理念,试图从中找到一条适合体验设计师介入的小径,来应对复杂业务的产品设计(备注:用例、参与者、UML等详细的内容不在阐述范围内,本文仅探索一条可行的方式)。

一、什么是用例

定义:参与者与系统交互的一系列活动的集合。

可以发现,一个用例以一组活动集合来表现,集合中包含两个角色,参与者、系统。参与者是“活的”(不一定是人类),TA的诉求驱动了这一系列活动,此诉求即用例的核心,也是价值的体现。一个参与者可以对系统有多个诉求,详见如下案例:

用例驱动设计,让你的设计更严谨!

由用例驱动的体验设计过程,着重关注对“行为”的设计。与系统的互动“行为”被协调的、有组织的设计后,为界面表现设计建立坚实基础,避免因逻辑的变更使界面设计反复推倒重来。试图通过在界面设计的过程中寻找线索和灵感,反向的去设计背后逻辑是本末倒置的,个中原由在于我们更易于把控具象的视觉感知,较难把控抽象的行为。

二、系统用例和业务用例的关系

在划分用例前,有必要澄清系统用例和业务用例的关系。

业务用例是从客户当前的业务逻辑中抽象出的用例,与数字产品无关,即便没有该产品服务,客户的业务体系也可以流转。新的产品服务实际上是对传统业务体系的替换关系,而系统用例就是从该产品服务中抽象出来的,图示业务侧和产品侧的对接关系:

用例驱动设计,让你的设计更严谨!

用例驱动设计的案例

总述:

为清晰阐释我们是如何利用“用例”这个概念作为切入口,最终一步步驱动、解构、细化体验设计的,下面将完整展示一个注册登陆试用产品的案例进行讲解,本案例为虚拟案例,方便设计过程的串连。

用例驱动设计,让你的设计更严谨!

step1:整理故事与确定用例

故事中包含了用户的行为及其所处情境,将更易于被理解、共情和传递,故事情节的内在联系,上下游的完整性也直指价值的辐射范畴。在开始设计前,我们能从各个渠道收集到相关、相似的诉求,整合这些信息后以“故事”的方式表达出来,非常重要。

本案例的注册登陆试用故事从“企业”、“用户”两个维度进行描述,能确保在用户诉求达成的情况下,也能达成商业诉求,和谐统一的以产品服务提供出去。

1)企业故事

公司统一了Platform账号体系,在保证多设备产品端的一键畅通体验的同时,收集用户行为信息,以提供更精准的售后服务。同时与授权中心合作,通过网上商城定期开展活动,以下放试用天数,获得试用授权。

产品经理与销售部门达成持续的合作,通过试用用户的手机号进行电话回访,提高购买转化率。同时软件的设计应能最大限度的提升客户自发购买行为,需要在何时的时机,合适的位置提供购买入口。

获取用例的方式:

  • sys_运营人员→获取用户信息;
  • sys_运营人员→开展活动。

2)用户故事

新家装项目开展在即,大量的图纸设计使张经理感到困难。

在受到同行推荐的Platform出图软件后,回到办公室,通过Platform官网找到软件信息,并利用现场wifi网络下载安装;迫不及待地启动软件,虽没有购买,但软件提供了试用入口,张经理提交Platform账号后开始试用软件。

连续使用了两天,后面每次自动登录提高了试用的体验过程,产品一键自动化生成图纸初步解决了张经理的烦恼。

经过和集团沟通后,张经理在界面上找到购买入口,并购买软件正版。

他将软件推荐给朋友刘经理,他是Platform造价产品的老用户,且已购买过Platform加密锁,启动软件后,界面自动显示为正式版, 不用登录试用让张经理艳羡不已。

获取用例的方式:sys_采购经理→试用软件。

step2:快速描摹流程图

用户和企业的“故事”是一种情节式的、场景式的描述,它易于想象、理解和整合。

但为了更清晰地辅助设计,我们需要根据描述,进一步梳理出流程关系,将其具象化。

在绘制流程图时,可不用关注角色的职责关系,旨在快速描摹出所涉及到几个业务点的关系,将企业和客户的诉求点包含进去,并在反复确认过程中思考、推敲,大体设计出其中的基本结构。

过程中,可能需要补足新的故事描绘,或对既有的故事描述进行修正,以达成一个诉求与技术实现的平衡点。

用例驱动设计,让你的设计更严谨!

step3:泳道角色化

理清核心业务流程关系后,将进一步绘制其角色泳道图,每个泳道下对应参与的角色。

泳道图仍然是分析过程的一步,它在这里的意义是可清晰地观察到各个模块间的协作互动,是细化过程,各个“对象”的职责不同,他们之间的交互关系存在进一步优化的可能,以保证整体行为的和谐,减低系统冗余。

用例驱动设计,让你的设计更严谨!

step4:业务实体的获取

事实上,带有角色的泳道图仅是在很粗的层面描述了业务所参与的对象,是单纯从流程图层面归纳出来的“对象角色”。

在面对详细的功能分析时略显不足,可能缺失实际参与的“对象角色”,如不分析出来,将导致用户与系统的交互“行为”的缺失。

我们需要进一步挖掘其中涉及的各个参与“角色”,完整地描绘出其交互行为过程,才能对该封闭系统做完整的设计。

从哪里可以获取到全部业务实体呢?当然还是故事。业务实体天然地包含在用户或企业故事中,才得以支撑故事的完整发生,这与故事描述的程度有关,我们第一步就需要填充完整的故事。

备注:什么是业务实体——用于达成业务目标的实体与过程中的记录信息。诸如“点餐”用例中的“打印单”就是一个实体,打印单上的手机号是记录信息。外卖员之所以能将外卖送到你的手上是通过打印单,查看上面的手机号和地址才能找到你。

下面是结合“故事”,进一步获取业务实体的案例,把所涉的可见的业务实体标识出来。

1)企业故事

公司统一了Platform账号体系,在保证多设备产品端的一键畅通体验的同时,收集用户行为信息,以提供更精准的售后服务。同时与授权中心合作,通过网上商城定期开展活动,以下放试用天数,获得试用授权。

产品经理与销售部门达成持续的合作,通过试用用户的手机号进行电话回访,提高购买转化率。同时软件的设计应能最大限度的提升客户自发购买行为,需要在何时的时机,合适的位置提供购买入口。

用例驱动设计,让你的设计更严谨!

2)用户故事

新家装项目开展在即,大量的图纸设计使张经理感到困难。在受到同行推荐的Platform出图软件后,回到办公室,通过Platform官网找到软件信息,并利用现场wifi网络下载安装。

迫不及待地启动软件,虽没有购买,但软件提供了试用入口,张经理提交Platform账号后开始试用软件。

连续使用了两天,后面每次自动登录提高了试用的体验过程,产品一键自动化生成图纸初步解决了张经理的烦恼。经过和集团沟通后,张经理在界面上找到购买入口,并购买软件正版。

他将软件推荐给朋友刘经理,他是Platform产品的老用户,且已购买过Platform加密锁,启动软件后,界面自动显示为正式版, 不用登录试用让张经理艳羡不已。

用例驱动设计,让你的设计更严谨!

step5:时序图的绘制

接下来,我们将进行最重要的一步:基于已明确的核心业务流程和已拆分出的业务实体,构造出一整套完整的系统行为。将使用到UML语言的重要工具——时序图。

时序图能天然地表达多个对象间的复杂行为关系,在产品研发领域应用广泛(时序图的绘制有一整套完整的语法,本文不讲解该部分内容)。

时序图的“对象对话”形式,原生地契合了“交互”这一概念,游戏大师Chris Crawford和设计专家Jon Kolko都对此有所定义:

发生在两个或多个活跃主体之间的循环过程,各方在此过程中交替地倾听、思考和发言,形成某种形式的对话(conversation)

——《Chris Crawford on Interactive Storytelling, 2nd Edition》

所谓交互设计,是指在人与产品、服务或系统之间创建一系列对话(dialogue)

——《houghts on Interaction Design, Second Edition》

时序图重点强调了“行为”的发生与互动,使整体目标达成。一系列有边界的行为活动合集,就组成一个完成的、有意义的“用例”。

让我们再次回到开头的“用例”上来,并将该用例系统化。

用例:

  • sys_运营人员→获取用户信息;
  • sys_客户人员→试用软件;
  • sys_客户人员→授权软件。

用例驱动设计,让你的设计更严谨!

除确保能服务于运营人员、客户外的核心逻辑能达成外,为带来更好的使用体验。我们需要从诸多体验维度考虑各个系统行为。

“体验因子”将作为系统行为的一部分目标,使整个交互活动更易于理解和顺畅。可直接借鉴一些通用的体验因子来评估,对于不同形态、业务的产品,体验因子有所偏重,诸如工具类产品对“操作便捷度”、“工具易学性”、“工具帮助引导”有较高要求。

回到注册案例上来,考虑到“易学性”和“帮助引导”两个体验因子,可以对用户“输入手机账号”的行为进行优化设计,提前或实时对手机账号进行校验,避免出错后再提示,徒增挫败感。同时提供“获取验证码”的触发入口,引导用户执行该操作,很大程度上降低系统的理解负担。

在行为设计过程中,存在颗粒度问题,复杂系统涉及到大量互动会话行为,可以有粗细地逐步细化

用例驱动设计,让你的设计更严谨!

step6:触点行为的竞品调研

完成系统互动行为的设计后,可以开始正式的界面信息设计。“行为”的表达是极度精炼的,行为本身就是价值取向,并暗合用户的内心想法,由用例行为来驱动界面设计,才能真正做到按需设计。诸如“我感到肚子饿,第一想法是吃饭”、“早上该上班了,第一想法是走路去、打车去或坐地铁”。

在面对“输入手机号码”行为的界面设计时,除了个人创新外,也可调研市面上有哪些优秀的界面承载方式,作为一种“学习输入”,或者激发出新的创新行为。这种由内而外的驱动设计,能使设计过程变得更有序,且避免遗漏。

用例驱动设计,让你的设计更严谨!

step7:触点支线、异常、极限情况的排查

最后一步是对支线、异常、极限情况的排查,得益于时序图系统行为的可视化表达,我们可以清晰、有序地排查每一个对话过程中可能出现的异常或错误,诸如“验证码无法到达”、“信息返回错误”等异常,都将被有效地排查出来。

同时,还能从行为对话结构中,洞察到新的设计优化机会点,诸如“提交账号信息”环节,必然需要网络的通畅,故断网环境下需要给出明确的反馈。

如下示例:信息返回错误、异常流程高发地、页面跳转……

用例驱动设计,让你的设计更严谨!

用例驱动设计,让你的设计更严谨!

时序图会话的先后顺序也将直接影响到界面的表达,图示中“输入手机账号”与“填写验证码”是有先后时间顺序的,如果同时在界面中展示两个输入信息,无疑造成并列的误解(可惜市面上几乎大多数注册环节都如此,大家早已习惯)。

三、找到体验的最大撬动点

总结

所谓用例驱动体验设计,是借用例的概念来定义问题和范围,并使用UML来分析问题,使整个设计过程变得有序、系统、严谨,在应对复杂系统、多链路多角色的业务时较为有效。

用例在整个设计过程中是核心的存在,一旦模糊就会出现偏差,引入无关内容,同时也会失去对用户价值的把控。

用例的获取很不容易,而精准统一的用例更难,涉及到颗粒度、抽象层次、参与者、受众等等内容。

撬动点

以用例为中心的体验设计,从业务逻辑出发,转化为系统逻辑,在构建这个过程时就持续考虑体验因素,是把控体验的有效办法,我们站在结构上思考体验,将彻底地优化系统的体验。

单纯从界面表现和框架呈现上做体验优化,上限明显,只有扎得更深,才能从结构上找到优化的“最大”杠杆点,带来体验提升,并有可能直接对研发程序设计带来指导。

而UML的建模语言是有效的辅助工具,两者的配合使这一切成为可能。

用例驱动设计,让你的设计更严谨!


文章来源:人人都是产品经理   作者:酷家乐用户体验设计

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


六个“反共识”的经营思路,打开 2022 私域想象空间

资深UI设计者

编辑导语:在过去,我们可能会发现一些私域观念在实践过程中会受到限制。在2022年开年,本文总结了6个“反共识”的经营思路,帮助你打开私域的想象空间,实现更多样化的私域运营,一起来看看。


我发现,过往我们对私域的很多观念都是值得怀疑的,比如:

  • 做私域的目的,是让流量得以复用;
  • 想要做好私域,关键是要投入足够多的运营人员;
  • 社群是私域的最强形态。

如果你真这么想,那你就把私域看窄了。2022年开年,为你提供六个“反共识”的经营思路,帮你打开私域的想象空间。

一、拆掉社群的墙

2021年的双11,名创优品靠“快闪群”拉了一波销量。

名创优品有一个数据中台,他们发现:在大促时,不同用户的需求是不同的,如果在大群里群发促销信息,会打扰到群里绝大多数人。

所以,名创优品想了一个办法:建很多个快闪群,每个快闪群只拉对产品有需求的一小波用户,这样,既不会伤害到大群用户的体验,还能精准地转化用户。

就拿洗脸巾群来说,他们先在数据中台提取数据标签,把曾经购买过洗脸巾的老用户找出来,给他们再拉一个社群,在新社群里发布免单活动信息。

同时,名创优品还会把大群里活跃的KOC拉进小群充当气氛组。精准建群+免单福利+KOC助阵,名创优品只用了3个小时就聚集了一万多名用户。

名创优品的快闪群和其它社群最大的不同是:名创优品的快闪群是在服务即时的活动需求,活动结束后不会继续投入精力运营。

这种做法似乎与很多私域操盘手所说的“流量复用”的观点是相悖的。那是因为很多人拘泥于用社群圈住用户,忽略了私域真正存在的意义是构建关系。

美国户外家居品牌Outer,做私域时就跳出了“圈住用户”这个思维。作为一个成立不久的品牌,Outer 没有钱、也没有足够的人力搭建社群,更不用说搭建技术接口、给用户提供1对1服务了。

因为美国用户有定期查看邮件的习惯,他们把家具装修方案发到用户邮箱,用户被品牌理念和产品格调吸引后会主动点击链接。

把新用户吸引过来之后,如何刺激他们下单并实现裂变呢?

Outer 发现大家买了家具,都是直接摆放在自家后院,于是他们将目光投向了老用户的后院。

他们发起了“邻居体验家”项目,邀请老用户把自家后院变成产品展厅,接待想要体验产品的潜在客户,大家坐在一起聊聊自己是怎么和品牌结缘的、买沙发后和家人经历了什么故事、甚至是鸟屎落在沙发上要怎么打理等等。

【梁将军】六个“反共识”的经营思路,打开 2022 私域想象空间

▶️ Outer “邻居体验家”展厅页面

疫情期间,Outer 把“邻居体验家”项目搬到了线上。有位体验家的老用户在网上把后院开放给新用户,隔空给对方介绍产品。最后,这位新用户买了产品,还在生活中和老用户成为了很好的朋友。

这些开放自己家后院的老用户,每次接待完潜在客户,都能额外获得20-50美元不等的酬劳。事实上,在美国能够买得起5000美元家具的用户,在意的根本不是几十美元的酬劳,而是有一个恰当的理由,和自己志趣相投的邻居建立友好的关系。

相比把用户圈在一起,拆掉社群的墙、用兴趣活动吸引用户自发聚集,更能留住用户。

二、交付人情,让客户变成生态的一部分

2014年,为了解决客户投诉问题,阿那亚的村长马寅和业主们一起建立了第一个业主群。

为了保证业主体验,他招了一批颜值很能打、服务很周到的客服。如果业主提出问题,5分钟内必须给出回应,当天的事情一定要当天解决。

除了服务响应速度要快,阿那亚还鼓励工作人员和业主交朋友:有位北京的老业主是位糖尿病患者,但因为疫情出入京很困难,老业主的胰岛素运不进来,阿那亚的客服就亲自帮老业主把胰岛素从北京带到北戴河,解决了业主的燃眉之急。

还有位小业主即将毕业,找实习单位时很迷茫,阿那亚的客服会发动身边的家人和朋友,帮小业主联系实习单位。

阿那亚的私域逻辑是:不是交付服务,而是交付人情。

阿那亚还鼓励价值观趋同、兴趣相投的业主们自主建立兴趣社群,面对面交流。

热爱戏剧的业主共同组建了戏剧社,他们聚在一起讨论诗歌,体验戏剧表演的魅力。后来,戏剧社的群友共同创办了阿那亚戏剧节,每年都会迎来几十场戏剧演出。

阿那亚戏剧节艺术总监孟京辉,甚至把新作《伤心咖啡馆之歌》都带到阿那亚做首演。通过戏剧节,阿那亚把将近240位素人推上了北京一线话剧舞台。

【梁将军】六个“反共识”的经营思路,打开 2022 私域想象空间

▶️ 《伤心咖啡馆之歌》表演画面

现如今,阿那亚业主已经搭建了戏剧、美食、建筑、运动等上百个社群,这些社群衍生出阿那亚电子音乐节、单向街书店文学节等一大批文化活动。

在阿那亚,每年会举办一千多场活动,其中有一半以上都是业主自己对接的。这些文化活动,吸引大批游客从全国各地涌向阿那亚,驱动阿那亚进入商业正循环。

可以说,阿那亚的商业生态是围绕私域社群逐渐搭建起来的。在阿那亚的商业形态中,客户不只是客户,他们是阿那亚生态的一部分,和阿那亚共同享受商业红利。

私域不是榨取客户价值,而是释放客户的价值。

三、私域不是比拼技术和运营,而是内容

我们将意咨询是和赞意合资成立的公司,赞意旗下有个子公司叫赞意增长。前几天,我和赞意增长CEO曾波聊天。他告诉我,现在玩私域已经不是比拼技术和运营的时代了,拼的都是内容。

过去,说到私域裂变拉新,我们立马就能想起来红包。企业设置一个红包金额,你得邀请十几个好友注册账号,才能得到这个小红包。门槛又高,又伤害自己的朋友圈。

去年,赞意增长给安慕希做用户拉新,用的就不是这个套路。

安慕希有一款叫“蓝胖纸”的酸奶,赞意增长把酸奶的三种颜色跟红绿灯结合起来,和一位做过交警的B站UP主谭乔合作,设计了一款“谭sir同款”摘果小游戏。这个游戏跟我们小时候玩的打地鼠很像,只要你的速度超过系统,就有可能获得新产品的优惠券。

有了这个游戏,很多谭sir的粉丝心甘情愿被导流到私域上来,成为品牌的新用户,每个人都自发地玩了将近3次游戏。

当时客户还在跟跑男合作,所以赞意增长围绕跑男,开发了一款裂变小游戏。

在游戏里,用户要和跑男团进行拔河PK,如果对方有2个人,你想要赢过他们,就要邀请超过2位好友参与进来。

用内容链接用户,没有红包和奖励,用户也能自动加入你。

如果一个普通企业想获得目标用户画像,你猜他们会怎么做?

以前,很多企业会邀请一批用户,填写企业的问卷,填完之后,企业可能会给你送几件自家产品,或者包一个红包。后来,大家从数据银行,抓取用户的消费行为,通过数据库描绘用户画像。

其实,这道题还有一个解法:靠内容获取兴趣标签。

赞意增长发现大家都很喜欢《跑男》里撕标签游戏,所以设计了一款贴标签小游戏。用户邀请好友进入游戏,可以互相贴标签,如果你认为自己的朋友是个吃货,那就给他贴一个“吃货”标签,如果他很内卷,那就给他贴个“斜杠青年”标签。

这些兴趣标签数据,最终都会进入客户的数据库,辅助他们完成用户画像。在后续的私域运营中,他们可以依据用户的兴趣标签,策划内容活动。

比如在有吃货标签的用户群中,策划和试吃有关的内容;在斜杠青年多的社群中,发送补充精神能量的小贴士等等。

相比于用问卷和用大数据捕捉用户标签,用内容创意辅助完成用户画像,成本更低效率更高。

接下来,将意和赞意增长会尝试把「故事链」方法论跟私域结合起来,寻找更多用故事化内容经营私域的方法。

四、关键不是怎么“去运营”,而是怎么“去运营化”

做私域总归绕不过社群,但我发现,很多人被社群话术模板洗脑了:用户入群有欢迎语、每天下午会有下午茶问候、促销节点还有特定的提醒话术。

建立了话术模板之后,一大波企业的运营群是这样的:

【梁将军】六个“反共识”的经营思路,打开 2022 私域想象空间

某个食品品牌,甚至制定了严密的运营计划:周一、三、五KOC种草、周二通过科普知识输出价值、周四推出限时秒杀活动、周五提出话题,和群内成员一起互动。

模板化运营下,每个文字都是编辑仔细雕琢之后发出来的,很少出错。不同的小编运营这个群,用户都不会觉得有太大差异。

模板化运营最大的弊病是人情味丢失,大家看消息就像看资讯,很难对品牌产生真感情。

相比之下,日食记的对话方式套路感就少了许多:

【梁将军】六个“反共识”的经营思路,打开 2022 私域想象空间

日食记跟用户对话的语气很真实,即使知道对方是官方运营,那也是有人情味的运营。

前几年,我认识了W公司的创始人李三水老师,他把我拉进他们公司的社群——“野狗舱”,这个社群都是W公司的“伙伴”,大家每天都在一起讨论最近有什么好听的音乐、自己喜欢的画作、哪部广告片又出圈了。更夸张的是,有位粉丝活跃得像水军一样,经常给群里的小伙伴们讲《易经》。

有意思的是:这个社群基本上没人专门运营它,完全是用户自发地聊天。一家广告公司,正常做的是2B生意,凭什么能聚集一个2C的社群呢?

我觉得得益于W公司的价值观。比如“不做创意人,只做创造者”、比如他们口中的“野狗精神”,这些锐利的价值观,很是吸引年青一代,让他们彼此产生认同。

私域运营的关键不是怎么“去运营”,而是怎么“去运营化”。

“去运营化”最基本的操作是:摆脱模板套话,交流语态重新回归人与人的交流状态。

另外一个和“野狗舱”氛围很相像的,是公众号毒眸的社群。他们的主理人眸爷也是常年在群里潜水,但不管群主在不在,群里的粉丝每天都很活跃。

跟“野狗舱”不同的是,毒眸社群的粉丝讨论的内容会比较聚焦一些,都是最近哪部电影又火了、哪部电影制作班底不行。这个元旦假期,大家都在群里讨论“《穿过寒冬拥抱你》可以去看吗?”、“要不要看《爱情神话》”等等话题。

毒眸是一个专注电影或电视剧分析的公众号,粉丝都是因为对娱乐内容拥有强烈的兴趣,才聚集到社群里的。而W公司的社群,粉丝们是因为受到W公司价值观的影响,自愿聚集的。

“去运营化”不是撒手不管,而是设置合理的价值导向,能够感召用户、自发地交流。

五、私域流量变“私域经济”

前几年,日食记上线了一档美食节目《深夜一碗面》,这档节目其实是为了推广他们的自营产品手延素面,做了几期之后,他们发现用户很少关注面,都在问“在哪里可以买到这种葱油酱?”。

日食记的团队想,既然用户需求这么高,不如自己生产产品满足他们。于是,他们跑流水线、跑供应链,花了半年时间研发出葱油酱,产品一上线就火了。

【梁将军】六个“反共识”的经营思路,打开 2022 私域想象空间

这款葱油酱,正式帮日食记打开做私域的格局:将私域流量做成私域经济。

跟传统生意模式不同,日食记的私域生意是C2B模式,即用户驱动生产。

他们研发产品不是拍拍脑袋决定的,而是从内容中洞察消费者需求,拿着需求联系供应链,以客户需求为引擎,倒逼工厂“柔性化生产”。

去年11月,名创优品的草莓熊玩偶成为爆品,采用的也是日食记同款模式。

名创优品在做新品策划时,先在私域调研过消费者需求,根据需求安排买手做样品。然后将样品拿给微信群里的用户投票,用户投票投出来的产品,才会在小程序进行新品预售。预售结束,名创优品才会拿着订单,找工厂大批量做产品。

产品正式上线后,他们还会在社群和直播间进行产品试卖,根据用户实时反馈,再次进行产品升级。比如用户希望有更大的、能够搂在怀里的草莓熊,他们就根据需求,开发出PLUS版本。

私域流量变“私域经济”,不是卖更多的货品给用户,而是和用户共创产品、共创品牌。

六、私域的终极形态:从社群到社区

2005年,乐高发起「乐高大使」计划,从全球30多个成人玩家团体中挑选出20名大使,每个大使背后都有大大小小不同的社群,乐高只需要对这些社群进行官方认证,形成专属RLUG(Recognized LEGO User Group),就能激发玩家对品牌疯狂的爱护。

围绕认证社群,乐高推出了乐高大使平台LAN(Lego Ambassador Network),玩家在这个平台上能够看到所有认证社群的简介,大家可以在这个平台上畅所欲言,和品牌方交流对产品的看法。

乐高通过链接超能力「玩家」,建立起一个庞大的社区生态。

2014年,乐高搭建专属线上社区——LEGO Ideas,在这个平台上,大家DIY自己对乐高未来的想象,进行创意提案。如果有讨论热烈的创意,乐高就会把它们研发成产品,并推向市场。像NASA的土星5号火箭套装、美剧《老友记》的Central Perk玩具套装都是用户提议创造的产品。

2020年,乐高还和内容制作平台Tongal合作,建立LEGO World Builder(乐高世界建筑师)平台,鼓励创作者们和乐高相互合作,一起孵化新创意。任何18岁以上的人,都可以加入社区,创作自己的故事,也可以与其它作家、动画师一起进行内容创作。

【梁将军】六个“反共识”的经营思路,打开 2022 私域想象空间

表面上,乐高耗费巨大物力财力,为玩家们搭建了很多个交流空间。实际上,社区是个无限游戏平台,也是乐高的创意银行,只要社区存在,乐高就能一直获得收益。

这就是私域的终极形态:从社群到社区。

得到搭建了自己的知识社区,而不是知识社群,你猜为什么?

假如吴伯凡老师在得到授课,但他不是看完你的留言后跟你交流,而是在社群里和你即时交流。上完《认知方法论》,他就在群里@你,让你回答一下“认知的「微创伤」是什么?”

你会不会突然有一种被老师提问的紧张感?我猜你应该会紧张的。

这就是社区和社群最大的区别:

社群是一个相对狭小和封闭的空间,为即时交流而存在,人们在社群中社交压力更大;社区是个相对自由的平台,用户在社区可以自由选择是否要聚集,社交压力相对小一些。

社群为交换信息存在,和商业目的是对立的。社区是一个包容性平台,用户接受生意信息更容易。

社区的自由度和包容性,让它成为容纳生意信息的最优选择。

回顾一下,我们共同消化了六个“反共识”的私域经营思路:

  1. 拆掉社群的墙;
  2. 交付人情,让客户变成生态的一部分;
  3. 私域不是比拼技术和运营,而是内容;
  4. 关键不是怎么“去运营”,而是怎么“去运营化”;
  5. 私域流量变“私域经济”;
  6. 私域的终极形态:从社群到社区。

七、结语

企业运营私域的方式不断在进化,但大家做私域的焦点一直模糊的,放不下对场域的执念、摆脱不了对工具的依赖,却唯独忽略了一点:对用户关系的打磨,才是私域的底层逻辑。


文章来源:人人都是产品经理   作者:梁将军

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务




日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档