首页

详解|交互设计中的色彩搭配,这样更有效!

seo达人


图片

△ 豆瓣 App 电影榜单卡片

 

颜色的搭配其实是一个非常值得研究的问题。深入剖析的话内容也会很多,本文会告诉你,颜色如何挑选会更有规律,并保证基本和谐

 

1. 色彩学概念浅谈

想要做好色彩的搭配,需了解一些色彩学概念。色彩学将颜色分为:同类色、类似色、邻近色、中差色、对比色、互补色。这几种颜色通过色相环的角度进行取色,如下图所示:

图片

任意颜色都可以作为基色,每一个基色都有其相对应的同类色、对比色、互补色等等。

通常情况下,相邻的两个颜色,选择基色和邻近色之间的颜色,也就是与基色之间的角度 ≤ 60° 的颜色,会让页面的颜色显得和谐统一。

图片

△ 得到 App 服务内容卡片

 

图片

△ QQ 音乐 App 榜单卡片

 

如果选用对比色和互补色,则需要控制颜色的面积,比如以红色为主的页面中可以出现蓝色,但蓝色的面积占比最好不要超过 20%

除了色相上的变化,颜色还有明度纯度上的变化,对于颜色的影响也至关重要。这三个词汇的概念如下:

  • 色相 Hue:也称色调,是指色彩的相貌
  • 纯度 Saturation:也称饱和度,是指色彩的鲜艳程度
  • 明度 Brightness:也称亮度,是指颜色的明暗程度

色相、纯度、明度三者构成了色立体的概念,让色相环由二维变成了三维的概念。

图片

 

2. HSB 色彩模式

RGB 和 CMYK 是我们较为熟知的色彩模式。而根据上文提到过的色彩学概念,在实际工作中我们也可以借鉴 HSB 色彩模式进行调色和选择颜色。

在 sketch 和 PS 的 HSB 色板界面如下图:

图片

其中:

  • 色相 Hue (H):取值在 0-360 度之间
  • 纯度 Saturation (S):取值在 0-100 之间,数值越高色彩就越纯艳
  • 明度 Brightness (B):取值在 0-100 之间,数值越高色彩就越明亮

图片

由于纯度 Saturation (S) 和明度 Brightness (B) 之间的数值都是在 0-100 之间,因此两者具备一定的对应关系。这些数值可以为你在选择颜色时提供依据。

具体怎么使用这些数值,我们用案例来说明:

 

案例  

某 PC 端产品功能卡片需要做配色设计:

图片

已知产品的品牌色是以下两个颜色,其 HSB 色值如下图所示:

– 颜色 A:H=233,S=74,B=100(主色)

– 颜色 B:H=267,S=79,B=100(辅色)

图片

因此卡片的衍生色我们可以使用:蓝色调 + 临近色,且临近色的颜色最好介于蓝色和紫色之间,会使产品页面颜色的搭配更加和谐统一。

于是我们可以先根据品牌主色:

– 颜色 A:H=233,S=74,B=100

来确定初步颜色,我们只改变色相(H)的数值,分别在 233 的基础上进行 +10 和 -10,由此可以得到三个颜色 A1、A2、A3,呈现效果如下图:

– 颜色 A1:H=253,S=74,B=100

– 颜色 A2:H=243,S=74,B=100

– 颜色 A3:H=223,S=74,B=100

图片

现在的卡片颜色略显单薄,我们可以再给每一张卡片加一个颜色,做出过渡色效果。于是我们在数值 A1、A2、A3的基础上,保持色相(H)不变,只改变这三个数值的明度(B)和纯度(S)的数值。以颜色 A1 为例:

– 颜色 A1:H=253,S=74,B=100

现在,我们想要得到一个比 A1 更深一点的颜色 A1-1,根据色彩学理论,我们可以降低明度(B)的数值,这样颜色会变深,同时增加纯度(S)的数值,这样颜色会更沉稳纯正,为了保证数值可控,我们将明度(B)降低 26,将纯度(S)提高 26,所以可以得到颜色 A1-1 的色值:

– 颜色 A1-1:H=253,S=100,B=74

A1 和 A1-1 的颜色效果如下图:

 

图片

按照此方法,我们可以得到两组颜色和其数值:

图片

所以我们的卡片可以使用渐变色:

图片

这样卡片的颜色就基本确定下来了,我们可以再调整下卡片的细节,比如增加相关的背景插图,调整卡片上的文字排版等等,这组 PC 端卡片最后的效果如下图:

图片

 

3. 补充说明

一个页面中元素的色彩选择有很多影响因素,比如:产品的品牌色、页面的功能、页面的内容、氛围等等,所以还是要具体情况具体分析,综合考虑选择颜色。

当然,以上提出的这些数值只是参考,为的是给你的颜色选择提供理论支撑。在实际应用中,也还是需要设计师根据具体情况,以及人眼视觉感知的效果,酌情做颜色上的优化处理。

 

原文链接:长弓小子(公众号)

作者:元尧

转载请注明:学UI网》详解|交互设计中的色彩搭配,这样更有效!

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

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

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

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



如何锁定用户的核心需求?试试这个「层次分析法」!

鹤鹤

工作生活中,决策是我们不可避免的难题。如何做出明智的选择,在分析过程中保持“理中客”,抓住用户的核心诉求,提升产品的用户体验,是用户研究持续关注的议题。

传统分析方法,存在的弊端

当我们调研用户需求的重要性时,通常采取两种方法:单刀直入的问 & 委婉含蓄的算。例如,为了提升产品的满意度,我们调研用户对于产品各项因素的重视程度,以便优先迭代用户的核心诉求。

1. 单刀直入的问

问题:您刚刚为产品的满意度进行评分时,请问您最看重的产品因素是哪个(或哪 1-3 个)?「多选」

处理方式:统计本题各个选项的频数,由高到低顺序排列,从而决定优先顺序。

这种方法的缺陷显而易见,一方面直接询问会显得有些突兀,众多选项的展示极大可能会扰乱用户脑中原本的想法,导致真实答案被选项的罗列顺序影响,另一方面这种方法只能得到各个因素重要性的排序,无法得到他们各自的权重(影响程度)。

2. 委婉含蓄的算

问题:

Q1:请问您对产品满意度的评分是多少?

Q2:请问您对产品各个因素的满意度评分分别是多少?

处理方式:采取总——分的评分模式,对产品整体满意度得分、各因素满意度得分进行因子分析或者回归分析,根据分析得到的结果计算出每个因素对整体满意度的贡献度,找到贡献度最高的因素。

这种方法是一种“马后炮式”的分析,根据当前用户的评分去“科学的猜测”,因为分析结果有很强的时效性。比如当期调研中,产品由于在功能 X 方面出现了问题,给用户的体验造成了伤害,那么分析的结果势必会呈现“功能 X 的重要度极高”的结论,但真实的情况可能是,用户长期不怎么关注功能 X,只是最近产品的问题造成用户短期内关注 X 功能。

那么,有没有其他方法来分析“用户最看重的因素/哪个因素最影响用户评分”,决策“哪个方案对用户评价/项目目标的推动力最大”呢?这次向大家隆重介绍层次分析法

什么是层次分析法

层次分析法(The Analytic Hierarchy Process,简称 AHP),是美国运筹学家匹茨堡大学教授萨蒂于 20 世纪 70 年代初,在为美国国防部研究“根据各个工业部门对国家福利的贡献大小而进行电力分配”课题时,应用网络系统理论和多目标综合评价方法,提出的一种层次权重决策分析方法。

该方法根据问题的性质和要达到的总目标,将问题分解为不同的组成因素,并按照因素间的相互关联影响以及隶属关系将因素按不同层次聚集组合,形成一个多层次的分析结构模型,从而最终使问题归结为最低层(供决策的方案、措施等)相对于最高层(总目标)的相对重要权值的确定或相对优劣次序的排定。

层次分析法分两步走:建立层次结构 & 一致性检验,接下来我们一起看看这种方法如何应用:

在 M 项目中,“店东对 M 小组产生的整体价值的满意度”是一个重点跟踪的结果指标,项目组希望了解提升满意度各项抓手的过程表现及各自的重要度(对整体满意度的影响程度)。在综合考虑问卷篇幅、样本质量、重要度分析严谨性等方面,最终选择了层次分析法。

第一步、建立层次结构,形成问卷框架。首先明确四个主要抓手是通过怎样的路径来影响店东满意度的,产出多层级的结构,一般情况会采用“结果目标-抓手”两层 或“结果目标-分类-抓手”三层(本次示例中,店东对 M 小组价值提升的满意度是结果目标层,带团队的动力和带团队的能力是分类层)。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 1 “店东对 M 小组价值提升满意度”的层次结构

然后在问卷中对各项抓手捉对,采用 9 分量表对比重要性(如果是三层结构,可以先对比分类层,再对比分类层下面各自的抓手。本次项目由于抓手数量较少,所以跳过分类层,直接将四个抓手两两对比)。本次案例中抓手数量是 4,根据排列组合的结果询问次数为 6 次。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 2 重要度比较问卷

第二步、回收样本,做一致性检验。由于被访者在回答问卷时,可能对重要性的排序没有形成清晰稳定的认知,也可能没有仔细阅读或回答问卷,导致样本中有大量脏数据,比如会出现“A 比 B 重要、B 比 C 重要、C 比 A 重要”的逻辑矛盾,一致性检验可以通过矩阵分析有效的排除这类无效样本(分析过程此处省略一千字)。最终我们保留有效样本再次进行矩阵分析,可以得到各项抓手的重要度。

以虚拟的结果数据(非真实项目结果)为例,四个抓手对店东满意度的重要度如图 3 所示,其中,“平台资源倾斜”的重要度最高。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 3 各项抓手重要度

三种方法利弊比较

如何锁定用户的核心需求?试试这个「层次分析法」!

图 4 三种方法的比较

延伸应用

层次分析法除了上述应用之外,还适用于业务方案决策、日常个人决策等多领域。

业务方案决策方面,仍然以“店东对 M 小组产生的整体价值的满意度”为例。我们在前文已经分析出了四个抓手的重要度,假设目前我们有 3 套方案可以提升店东满意度,需要从中选择一个进行落地。我们要做的仍然是两步:建立层次结构 & 一致性检验

邀请 3—8名项目专家(可以是项目评委、项目负责人、该项目相关领域的资深人士等)预估各方案在抓手层面的表现。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 5 建立满意度层次结构

如何锁定用户的核心需求?试试这个「层次分析法」!

图 6 优势对比问卷

对数据进行一致性检验,并产出每个方案对各个抓手的推动力指数,这样我们就可以一目了然的看到,哪个方案对结果指标的推动力最强了。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 7 方案比较结果

个人日常决策方面也是同样的道理,比如我们在纠结去哪个城市旅游、购买哪只基金的时候,都可以搭建相应的层次结构,把自己(或者最了解自己的人)作为调研样本进行层次分析,用科学的方法帮助自己找到内心的答案。

如何锁定用户的核心需求?试试这个「层次分析法」!

图 8 旅游目的地选择

如何锁定用户的核心需求?试试这个「层次分析法」!

图 9 购买基金选择

结语

决策不是拍脑袋赌运气的玄学事件,科学的方法能帮助我们理性地分析现状,作出明智的选择。相信掌握了层次分析法的你,不仅能在工作中锁定用户的核心诉求,也能在生活中摆脱选择恐惧的纠结,成为运筹帷幄的“小诸葛”。

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

文章来源:优设   作者:贝壳KEDC

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

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

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

如何针对不同的增长阶段,选用合适的用研思路?

鹤鹤

企业增长周期和用户生命周期这两个周期理论市面上皆有一些增长理论的定义。

从一般企业增长周期来看,会经历以下 5 个阶段:

  • 阶段①:问题/解决方案匹配期 → 主要是调研客户的需求;
  • 阶段②:最小可行性产品时期(MVP) → 寻求若干种最小化产品的建立方法;
  • 阶段③:产品和市场匹配期 → 提升用户的黏度和体验;
  • 阶段④:渠道和产品匹配时期 → 对高优先级的渠道进行大规模的投入;
  • 阶段⑤:成熟期 → 并购,国际化和本地化

如何针对不同的增长阶段,选用合适的用研思路?

运营常用的用户生命周期理论 AARRR 对用户在产品中各个层级的状态也有所定义:

Acquisition→Activation→Retention→Revenue→Referral

如何针对不同的增长阶段,选用合适的用研思路?

每个公司的拳头产品或产品矩阵中的各个子产品可能处在不同的生命周期,在做用研探索时需要具体分析。以酷家乐在近两年的情况为例,其主打产品早已走过 0-1 的阶段,但在大的框架下会不间断的迭代,如工具功能、生态服务功能。

在这种情况下,用研和业务密集合作的增长类用研项目主要集中在企业增长周期的“阶段③:产品和市场匹配期”之后的阶段,目的是提升用户的粘度和体验,随着产品的螺旋上升,也会对阶段①-③做阶段性小循环;反映在AARRR模型上则是以「用户留存+用户推荐」为重点。

如何在业务中挑选高杠杆监测点

那么问题来了,如何从不同的生命周期进行用研重点拆解?除市场上比较通用的生命周期拆解外,不少公司内部会有一套更加适配业务的体现生命周期的分层。

以酷家乐的业务为例,根据两种主流用户分层定义,即工具用户分层(工具行为是核心行为)和全站用户分层来拆解,我们圈定出了增长和体验中的重点观测用户阶段(橙色标注):

  • 工具用户分层中,重点关注“沉默/流失用户”
  • 全站用户分层中,重点关注“由注册用户和体验用户组成的纯新用户”

如何针对不同的增长阶段,选用合适的用研思路?

这些会被重点关注的逻辑为:

  • 用户沉默或流失若是由产品客观原因造成,往往是遇到一些比较严重的问题,其有效反馈应该被当做高优先级去处理;
  • 新用户的认知是潜在用户阶段接收市场培育的重要反应,也是其进入并使用产品、接受培育、融合进产品的黄金时期;
  • 活跃/准深度/深度用户这些在目前的追踪体系中是被剔除的,暂时不关注在平台蜜月期的用户,但对全站用户的总体衡量还是有必要的。

常用用研目标和维度拆分

用户需求可以成为产品设计的导向、市场推广的方向,用户增长类型的需求转换成用研目标,一般是:

如何针对不同的增长阶段,选用合适的用研思路?

更具体一些,我们常用的问题维度:

如何针对不同的增长阶段,选用合适的用研思路?

常见思维误区:一定要频繁做沉默/流失用户分析么

这里有一个大家通常会陷入的思维误区:一定要从沉默/流失用户着手调研–他们后来为什么不太用我们的产品了。

通常,大家普遍认为只要可以分析出沉默/流失的原因,按照 list 上条目进行改进就能降低流失率。但可以换个思维,产品的价值更多的是由认可该产品的用户群体创造的,沉默/流失用户一定程度上属于对该类产品为非刚需状态/需求匹配失败而自然流失掉的人群(非目标用户)。

单纯从调研手段上来讲,沉默/流失用户的调研难度也是很大,定量方法在这里失去了作用,基本只能预先定义好调研圈选人群时“沉默/流失用户”的定义(这里要在平台定义的基础上进一步缩小范围),通过 cold call 的方式做调研,参与过此类项目执行的同学会发现几个点,尤其是对专业垂直产品(非 C 端产品)而言:

  1. 原因中太多无效信息,如公司倒闭、转型,自己转行;
  2. 获取的有效信息大概率和留存用户群体的调研较为一致。

总结一下,沉默/流失用户的调研可做,但在产品无重大变化的前提下,建议长周期循环,如 1 年做一次足够。服务好留存用户,了解产品何种原因打动用户、如何做会更好,从留存用户中探索各种场景比去硬啃沉默/流失用户更有意义。

当然,也会有一些例外的情况,如公司的一款子产品自推出以来,长期留存非常低,这种处于探索期的产品可能是由于与目标市场匹配不当或当前产品功能做的太差,这种情况会建议关注全生命周期的用户反馈,包括沉默、流失用户;若是因为与目标市场匹配不当,调整目标市场和人群为当务之急,若市场匹配程度尚可,但当前产品功能做的太差,则需重点关注产品概念与体验链路等问题。

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

文章来源:优设   作者:酷家乐UED

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

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

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


vue.js学习之 如何在better-scroll加载完成后,自动滚动到最底部(示例代码)

前端达人

作者:_林冲

简介  这篇文章主要介绍了vue.js学习之 如何在better-scroll加载完成后,自动滚动到最底部(示例代码)以及相关的经验技巧,文章约1091字,浏览量459,点赞数3,值得参考!

 

首先我们需要使用scrollTo这个方法:

scrollTo(x, y, time, easing)

参数:

  • {Number} x 横轴坐标(单位 px)
  • {Number} y 纵轴坐标(单位 px)
  • {Number} time 滚动动画执行的时长(单位 ms)
  • {Object} easing 缓动函数,一般不建议修改,如果想修改,参考源码中的 ease.js 里的写法

 

为了组件的复用性,我们需要在scroll组件的props添加一个flag,可以监听父元素是否开启滚动到最底部。

scrollToEndFlag: {
        type: Boolean,
        default: false
}


接下来我们在scroll组件的mounted中加入如下代码:

setTimeout(() => {
        this._initScroll()
        console.log(this.scroll.maxScrollY)
        if(this.scrollToEndFlag) {
            this.scroll.scrollTo(0,this.scroll.maxScrollY)
        }
}, 100)  


最后在父组件中使用

<scroll :scrollToEndFlag="scrollToEndFlag"> </scroll>




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

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

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

vue聊天对话框滚动条自动定位到最底部

前端达人

这么写的话只能定位到发送消息前的前一条消息,不能定位到最底部

 


  1. .then(
  2. this.$nextTick(() => {
  3. let msg = document.getElementById('chatRecord') // 获取对象
  4. msg.scrollTop = msg.scrollHeight // 滚动高度
  5. })
  6. )

解决:写在生命周期updated里面可以完美定位!


  1. updated(){
  2. // 聊天定位到底部
  3. let ele = document.getElementById('chatRecord');
  4. ele.scrollTop = ele.scrollHeight;
  5. },

 


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

文章来源:csdn

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

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

UI无障碍设计

涛涛

希望国内的互联网产品能够多去考虑无障碍设计,让我们的产品更有包容性,能服务更多的用户人群。



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

文章来源:站酷   作者:望着远方

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

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

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


如何正确的采取SaaS的定价策略?

涛涛


编辑导语:随着SaaS行业的不断发展,对于该领域的许多企业来说,其实定价就意味着制定企业的商业模式。那么如何正确的采取SaaS的定价策略?本篇文章将会从三个不同的定价来检查定价策略的连续性,以及不同的价格如何确保公司商业模式各个方面的关联。


我最近一直在思考一个问题,一款付费产品定价多少才算合适,用户才愿意付费?这边举例某视频App,几乎每款视频会员每月的定价在15-25之间。

如何正确的采取SaaS的定价策略?

平台开放新用户首月6元,三个月后转至15元每月。

因为价格比较低。所以很多新片上映的时候,大多数人会选择充值3个月的视频会员,但是三个月结束后呢,用户还愿意付款全额去购买会员吗?又有多少人为了所谓的喜爱视频去付费呢?

视频内容则是用户付费的基础,后续又开通了超前点播功能,让热播的视频变成炽手可热的赚钱工具。

我们观看视频的时候肯定出现过一种情况,因为版权问题,我们需要到不同的平台观看自己喜爱的视频,这就导致我们需要下载好几种App,再充值几个会员。对于一个本身不富裕的家庭无疑是雪上加霜。

后来我跟几个朋友商量,我们三个人在不同的平台上开通一个会员,我们互相登录对方账号,这样我充值一个会员就可以获得三个平台视频的会员,想想还挺划算。

最近很多朋友问我SaaS软件中,到底如何定价才合理?

随着SaaS行业的不断发展,对于该领域的许多企业来说,其实定价就意味着制定企业的商业模式。

然而这其实并不是唯一的“支点”,但随着公司规模的扩大和用户群体的增长和变化,逐渐演变成一种不断变化的商业模式。

如果一家公司从初创公司转向主流规模扩张阶段,那么就可以看到该公司需要更专业,更有利可图的用户群体来磨炼公司产品的市场契合度。

无论你的产品如何发展,如何了解定价策略和实施定价在发展阶段是至关重要的,采用不合适的定价模型很容易导致公司发展方向飘忽不定。

SaaS定价无非两种,一种是面向用户自助服务定价,另外一种则是企业服务定价。

在扩展产品和发展业务时,在确定定价策略之前需要回答几个关键问题:

  • 产品是否有锚定竞争对手(如果存在)或该产品是否可以成为替代品?
  • 该应用程序解决的需求有多强烈和频繁?
  • 该产品可以为用户或企业提供多少价值?
  • 价值是临时的还是持续的?
  • 你的网站上是否有明确的定价页面?还是你随机制作的?
  • 用户是可以通过微信支付宝购买还是可以通过各个付费机制付款(贷款金融)

如果你可以熟练地回答的出以上问题,说明你对产品的了解以及商业模式有着充分的了解,在这里我们通过不同的定价来检查定价策略的连续性,以及不同的价格如何确保公司商业模式各个方面的关联。

一、SaaS基础版:1K-2.5K

其实在跟业内朋友沟通定价的时候出现过一个问题,产品的定价到底需不需要商家免费版的机制供用户体验?

如何正确的采取SaaS的定价策略?

我们可以看到很多市面上的产品大多都采取有免费版的机制,主要产品可以快速的获取新用户,让用户快速体验该平台为自己带来的价值,这种模式虽然可以快速获取大量的用户。

但如果初创企业采用这种模式,会因为获取客户和服务的成本可能会在短期内影响产品的收益和公司盈利跟不上。

如果你的平均订单价值每年在2500以下,那么在这个级别上,你的客户获取成本主要是基于网络营销或者创建高质量的文章来教育市场并吸引潜在客户访问你的网站。

这里的关键是降低获客成本,如果有可能的话,考虑到现金流和减少用户流失的问题,可以鼓励客户先预付明年的费用,可以赠送一些特权模块,(选购3年赠送2年)此外还需要根据产品的实力来进行合理的规划。

这些客户当中可能是一些中小型企业,因此在可寻市场方面数量较多,推广起来相对比较容易,这类客户一旦有明确需求,产品可以响应他的需求,在这个价位上,购买决策通常会很快。

如果你的产品有这类定价模式,请将内容和网络集合营销作为你主要的客户来源,总的来说尽可能减少与客户之间的交互,因此只要确定用户进来,体验完成,提交订单就可以了。

二、SaaS进阶版:2.5K-6K

很多SaaS产品业务都占据了这个区域,但这个价格区间一个关键的要点就是获客成本很容易超过产品生命周期价值,从长远来看还是任重道远的。

在这阶段,客户体验过产品后,查看自己所需的购买模块,有的时候客户会因为喜欢一个功能,但是如果使用这个功能需要提升到进阶版,但是客户资金不足,但非常想要这个功能怎么办?你有没有办法解决这类问题?

我采访过一家上市SaaS企业公司的产品总监,当时我们在沟通这类问题的时候。

他的回答是:“这个问题说难也不难,侧重点在于用户想花更少的钱就可以获取自己想要的功能,那我们就把所有的功能模块展示出来,你想要那个就点击那个,然后根据该客户使用的模块来进行定价”。

我又问到他:“如果这种情况下企业会不会做到价格不可控,最终导致竞争力不足,被市场淘汰,因为本身全部开放的话,客户选择太灵活,没有大客户怎么办?”

如何正确的采取SaaS的定价策略?

后来我们思考了一段时间,就在上周四,我们重新探讨了产品定价策略,这个时候我们的解决方案是这样的,仅供参考哈:

首先我们预设三个版本,基础版(1000-2500),进阶版(2500-6000),企业版(6000+)。

我们通过制定不同的版本,大家可以看到价格之间的弹性较大,这是因为我们在定价过程中,采取功能列表上下浮动的方式来实施。

这样各个模块之内的功能都会确定,但客户在使用过程中可以选取自己想要的功能,这样会减少客户的成本,从而减少客户流失率。从而也会增加大客户获取的数量。

客户:“我只使用百分之50的功能为什么要付款百分百的金额!”

中间地带是SaaS公司值得关注的一个有吸引力的领域,优惠奖品大小和客户用户数量庞大,然而,特别是在这类用户,务必要好好维护,尽可能为客户提供更多的价值,如果客户付费金额和实际回报经济不稳定,失去了平衡,那么老用户也可能会不顾一切的把你抛在脑后。

如果企业形成了这样的病态,获客成本可能会螺旋式的上升。

三、SaaS企业版:6K+

这类客户其实是企业存活时间的基础,没有那个酒店每天上几桌子人就会达到盈利的,最终要是要靠婚宴包桌,企业宴请等大客户来维持企业。

这个阶段就需要产品与市场有着高度的契合度,如果你的客户超过百分之10的付费金额在一阶段,那么先恭喜你,说明你的产品基本可以运行了几年。

这意味着产品处于高频率销售领域,需要高管接触销售,长期跟进客户销售是常态,并且需要客户经理来确保产品能够持续输出产品价值。

因为这一段利润足够高,然而在这一阶段中寻找高触发客户对于SaaS初创企业来说是一个高风险策略,尤其是销售周期变长,如果“大客户”使用它,通过会拥有很大的影响力。

“企业客户希望通过定制功能的需求来塑造产品开发。”

或者需要超出该产品的典型覆盖范围的 SLA。在公司的发展中过早地针对这种规模的客户会冒着“过度拟合”你的产品及其功能以满足单个客户的特定需求的风险,从而使你受制于他们的需求并且不适合其他潜在客户的需求.

对于 SaaS 初创公司来说,追逐“大客户”是一种高风险的策略。除非资金充足,否则收购成本可能过高。他们可能拥有雄厚的财力,但难以落地,一旦落地,他们的需求将影响业务的所有领域。

更好的策略通常是在价格连续区间的较低部分关注更丰富的潜在客户,一旦你的功能集更加成熟并且您的销售模式已建立完善,则向上游移动。

你就可以去敲钟了!

四、理解复杂相互的关系

对定价连续性的概述应该清楚地表明你的定价策略不能孤立地决定,因为每个价格点的连锁反应都是相当大的。定价需要与所产生的价值紧密结合,但也要在更广泛的决策背景下考虑要服务的客户以及进入市场的途径以获取他们的信息。

认识到不同层级的固有风险将有助于确保您在导航定价连续体的不同步骤时定位组织的每个部分。

“SaaS 市场的不断发展意味着你可能会定期重新评估您在价格连续体中的位置”

例如,对于许多初创公司来说,客户需要从入门级开始,在几年内向高端市场发展。如果刚开始就从企业定价开始,那么请注意与销售相关的长销售周期和费用确实会给现金带来压力。

如果你迈出了这一步获得一些早期的胜利,因此你可以向你的网站添加一些标志,从使用中学习并随着时间的推移添加更多引人注目的功能.

这将使客户能够随着的解决方案、公司和市场的成熟而向上游移动。

最后,确定在该连续统一体中的位置很少是“最终的”——SaaS 市场的不断发展意味着您可能会定期重新评估您在价格连续体中的位置——毕竟,这是您早期的自然定价点随着您的成长,公司不太可能保持这种状态。

这就是为什么需要了解业务的所有不同要素之间复杂的相互关系如此重要的原因——成功地在定价范围内导航取决于彻底了解产品的定价策略如何与产品的销售、营销和支持策略以及产品路线图。


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

文章来源:人人都是产品经理   作者:秀琴

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

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

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




feed流应该如何设计

涛涛

编辑导语:在当今内容为王的时代,传统的信息流无法承载日益丰富的产品内容,一种个性化的内容推荐方式-feed流逐渐孕育而生。本篇文章中作者分析了feed流的组成元素,以及常见的feed流样式。推荐对feed流感兴趣的朋友们阅读。


在这个内容为王的时代,各个类型的产品都开始围绕着自己所处的赛道营造丰富的信息流,传统的信息流不再能承载当下丰富多样的内容,信息流也不再单纯属于信息类以及文娱类产品,许多金融类产品甚至是工具类产品都开始有了社区,不同类型的内容开始进入用户的视野。

因此传统的信息流无法承载日益丰富的产品内容,逐渐一种个性化的内容推荐方式-feed流逐渐孕育而生,其样式丰富,其中包括大卡流、双列流、沉浸流、动态流、文本流、动态流、橱窗流…..笔者将在本文中分析feed流的组成部分,以及使用场景和设计要点。

一、feed流的主要组成部分

笔者调研了不同类型的feed流,发现feed流主要由以下几个部分组成。如下图:

笔者为大家挑选了几个比较常见的元素为大家进行分析。

1. 图片/视频

在大多出产品的feed流中,占最大面积的就是图片或视频。相较于文字,图片更能够激发用户点击的欲望,在带有社区属性的产品中,设计师还需要考虑如何适配横屏以及竖屏封面。

其次是如果该位置出现的是视频。在常见的视频产品中,当系统识别出该内容处于用户界面的中间区域,则会自动进行预告播放。在1-2秒的时间内,用户能够快速浏览视频中最精彩的部分。在展现方式上通常使用带有圆角的距形进行展示,圆角一般设置为:8、10、12、14、16、20PX。

2. 标题

在feed的设计中,标题是最不可缺少的部分,在字体的设计上,大多数采用黑色字体。在排布方式上在一行至两行,如出现标题字数过多,可以用「 … 」的方式进行呈现。其次需要限制产品的创作者以及运营在配置标题时,注意文案应该简明扼要,不要过于累赘。

3. 文案

该区域可以叫做文案区域或二级标题区域,在该区域的设计中,字体颜色建议大多数采用灰色进行展示。在文案的编写上可以加入更带有引导性的词汇用于引导用户点击。

4. 标签

标签的出现目的主要有两个方面,第一个方面是帮助用户能够快速的区分内容的种类如:预告、独播、直播、精选、推荐等。用户可以在众多feed流中通过快速查看标签进行筛选,从而快速找到自己想看的内容。

第二个方面主要是帮助产品进行更加精准的流量分发,产品会根据用户的操作习惯进行分群,再根据用户兴趣给每个群体打上相对应标签。而这些标签则是对应了不同群体的用户,因此也就有了淘宝商城中千人千面的推荐形式。

5. 辅助信息

辅助信息主要是为了满足不同产品的信息呈现,如在视频平台中,辅助信息可以承载电影评分、电视剧的集数、播放量、综艺的更新日期、点赞数、评论等,甚至会加入相关的快捷操作如静音。辅助信息在设计中,不易做的过于突出,需要清晰单个feed的信息层级,挑选必要的信息进行展现。

6. 操作

操作区域的目的是为了产品的算法更加了解用户的偏好,因为用户的兴趣是会发生变化的,如果用户在某段时间突然特别不想看到某些内容,就可以通过点击操作将内容进行「不喜欢」或「减少相关内容」的操作,这样也能给予用户对于feed流一定的自定义。

在交互形式上,点击操作区域后,建议采用较为轻量的交互方式,如点击后出现底部弹窗或气泡的形式。

二、feed流的形式

仅仅了解了feed的组成部分是不够的。单个的feed流其实就像是英语学习中的单个单词一样,单独的去死记硬背某个单词其实意义是不大的,feed流的设计也同样如此。

我们还需要拥有能够将前面提到的组成元素,拆开和重组的能力,因为不同的产品业务属性不同,所需要给用户提供的内容也就不同。接下来笔者就给大家介绍一下常见的feed流形式。

1. 文字流

介绍:文字流多在信息类产品如知乎、百度,或产品的用户评论区当中。此类样式可以运用在以文字为主的feed流设计中,并且还可以与动态流(下文会提到)之间搭配使用。

由于适配度高,可容纳更多的操作按钮,因此可以服务与以UGC内容为主的产品,UGC产品需要强调用户之间的互动,需要将互动类快捷操作外露。

如下图:

使用场景:以文字为主的信息类产品,新闻资讯类产品、评论区、产品发现页/社区

设计要点:在文本流的设计中,需要注意的是区分信息的优先级,其中标题可以采用大字号加粗的方式进行区分,正文则可以采用黑色常规的字体。

操作区域以及辅助信息可以布置在正文的下方,灰色处理,头像以及标签可以作为一个整体进行布局。在交互上,可以将分享/评论/点赞等按钮外露,从而降低用户的互动成本。

2. 大卡流

介绍:该样式主要服务与以图片/视频信息为主要内容的feed流。以淘宝为例,在淘宝2020年提出“逛淘宝”的理念后,不再一味的追求交易的最短路径,而是让用户在首页点击了某件商品之后,进入的是一系列同类商品的feed流,而不是商品的详情页。可以看出,大卡流非常适用于图片/视频信息的展示。如下图:

使用场景:以图片为主的内容且需要搭配相关操作,如评论/进入详情/分享/点赞等。劣势是单排仅显示一条feed,所需空间较大,在首页不适合单独使用,需要和其他feed样式进行搭配。

设计要点:在大卡流的设计中,由于空间较大,需要注意标题和操作区域的摆放位置,其次是需要把控创作者或合作媒体上传的图片质量。最重要的是需要考虑适配横屏和竖屏的封面,由于图片比例的不同,会涉及到相关操作交互一致性以及视觉一致性的统一。

3. 双列流

介绍:笔者认为将双列流带到用户视野的产品非小红书莫属,从小红书发布之初到现在一直采用双列流的形式。它的好处是能够最大限度的将以图片为主的feed内容呈现给用户。

样式最初以长卡样式为主,主要用于适配竖屏图片,但随着现阶段UGC内容的发展,双列流也开始适配横屏封面。如优酷的首页feed,则是采用了双卡流中的短卡样式,也不乏将长卡和短卡搭配使用的情况。

使用场景:主要适用于需要以图片为主的UGC产品,非常适合用于首页,但不推荐与其他feed样式结合使用,容易打破双列流左右两则的排布节奏。对于相关操作按钮从数量上有局限性,不建议外露过多按钮,可以探索长按吊起更多操作的交互方式。在具体的设计样式上,建议参考小红书,仅将创作者与点赞数的操作进行外露。

设计要点:在设计双列流的过程中需要考虑左右两列之间以及上下两行之间的间距,由于内容与内容之间图片的高度不同,标题字数不同,因此需要制定良好的规范,从而保证用户在浏览内容的过程中保证两列内容之间的节奏感。其次是控制操作按钮的个数,需要根据产品实际需求,仅将最总要的操作进行外露。

4. 沉浸流

对于沉浸流的使用最具有代表性的是抖音以及快手,随着各个产品赛道都加入了短视频以及直播间的模块,该类样式几乎能够在所有头部产品中见到。如在淘宝的商品详情页以及首页都加入了直播的模块,点击进入后可以沉浸的了解电子产品的测评或是服装的实际上身效果,从信息传达上会比单一的图片更加多元更具有沉浸感。

使用场景:该类样式主要适用于短视频、直播间

设计要点:由于在不同产品中,短视频起到作用不同。

比如在淘宝,短视频的目的是给予用户更直接的效果展示,让用户能够快速的了解到产品的优点,从而下单。

因此短视频在淘宝详情页中的作用就是激励用户购买,所以会在左下角加入购买的链接。再比如在视频类产品中,如优酷则是提供相关的电影片段,那么目的就是为了给产品中的电影播放区导流,因此在设计过程中也会有相应的改变。

在使用沉浸流的过程中,需要结合实际项目需求,不能将抖音快手的设计方式直接照搬到自己的产品中,这样容易导致产品功能割裂的情况。

其次是需要将功能进行分区展示,如可以将同类的相关操作聚合放置在固定的区域,由于沉浸流功能按钮会非常多,因此对用户容易造成干扰,容易找不到想要操作的按钮。

5. 动态流:

介绍:微博和微信朋友圈是笔者认为将动态流使用的最为广泛的产品,由于在这两款产品中,内容过于丰富,不仅需要适配横屏或竖屏的图片/视频,还需要考虑适配不同数量。

并且需要将所有图片展现给用户,其中还不乏动图。因此对于feed的兼容性提出了极高的要求。

使用场景:动态流可以运用在主打UGC的社区类产品当中,以及单个产品中的社区模块。

设计要点:由于发布内容的主题是合作的媒体以及用户用于记录个人生活,因此动态流的优势非常明显,可以适配不同数量的图片以及用户的自定义标签,因此动态流很难说是呈现以图片/视频为主的内容,还是以文字为主的内容,需要设计师与业务册进行协商,找到feed对于产品的定位是什么。

劣势则是用户难以抓住单条内容中的重点。因此设计师在设计的过程中,需要明确制定相关规范,灵活适配单数或双数的图片数量,从视觉上保证平衡。

6. 橱窗流

介绍:橱窗流在近两年越来越多的出现在各大产品中,由于头部产品都在往超级APP的方向进行发展。

前面笔者给大家介绍的各种feed样式之间都存在着各自的优势和劣势,但是依然无法满足现在日益丰富的产品内容,因此橱窗流诞生了。其样式可以理解为将不同样式的feed进行排列组合,给予用户矩阵式的内容推荐。

使用场景:多用于产品首页金刚区的下方,作为产品中某项功能或服务的入口进行承载,如新品首发、现实抢购、正片回顾等。其次是运用在某类内容的聚合场景下。如将某一类视频形成一个组合的片单,或者是将某一类书籍形成书单,但是由于内容过多,封面难定的问题,此时可以采用橱窗流的方式进行承载。

设计要点:虽然说橱窗流能够承载丰富的内容,容易烘托产品氛围。但是设计师在设计过程中需要对视觉进行整体进行把控,由于单个区域中,可能会出现过多个内容,容易造成页面混乱对情况。因此不宜把单个feed设计对过于出跳,这样容易影响产品的流量分发。

其次是需要区分单个feed之间对样式差异,由于在橱窗流中,单个feed属于内容的集合,因此需要注意区分不同feed之间的样式。

三、总结

在本文中,笔者粗略的分析了feed流的组成元素,以及常见的feed流样式。其中不同的样式各有利弊,并没有某一种万能的样式,因此在设计过程中,需要结合业务目标以及用户目标进行分析,分别分析对于标签/图片/文字/操作的需求,从而设计出最适合产品需求的feed。


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

文章来源:人人都是产品经理   作者:黑羊

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

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

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

全世界都关注的NFT艺术到底是什么?

涛涛

编辑导语:NFT,即非同质化代币,其特点在于唯一性。NFT也经常与艺术领域结合,越来越多人开始投入到NFT艺术创作当中。而唯一性和所有权的确定性,更是让NFT艺术有了一定的收藏价值,也由此产生了一些乱象。本篇文章里,作者就NFT的现状与未来发展发表了看法,不妨来看一下。

NFT代表的未来,到来了吗?

2021年7月,一张新闻图片在国内网络爆火。

图片里,四川黑水的一位藏族妇女正搬运着从新疆转运而来的“矿机”(计算机通过算力获得比特币的过程被称为“挖矿”)。她穿着藏袍,裹着头巾,手里抓着的却不是麦穗或花束,而是一把电源线。

全世界都关注的NFT艺术到底是什么?

财新图片改编版NFT,图源鹿科技网

照片出自财新周刊的报道《中国告别比特币“挖矿”》。落后地区民众与区块链科技的巨大反差,让画面充满了艺术张力,宏大的时代变迁融进镜头,这张照片不仅拥有信息价值,艺术性同样出众。

“世界名画”,网友们慨叹的同时,另一条评论也被赞上热门:“这张照片能在NFT专场卖十万美元”。

这不是臆想。照片发出后不久,一幅改编版图片出现在NFT交易平台上,叫价高达2021ETH(410万美元)。还有消息称,已有人开始接洽照片拍摄者,将其所有照片作品包装为NFT艺术品。

各种消息难辨真假,但这张照片又让区块链世界的另一个概念——NFT(非同质化代币)再一次进入公众视野。如同前几年的比特币一样,相关的新闻下,越来越多的人想知道什么是NFT,“你知道什么是NFT吗?”许多人迫切的需要解答。

相对于公众认知,NFT商业的发展是前置的。2021年开始,国外艺术领域就已经掀起了一股NFT热,并持续至今,国内的NFT领域近期也开始备受关注,腾讯、阿里等企业纷纷下场,NFT已经成为当下商业领域炙手可热的概念。

NFT拍卖、NFT盲盒、各式加密艺术展,打开资讯平台,几乎每天都能刷到一篇“NFT”相关的文章。被消息驱赶着,人们开始关注这个新兴领域,并将热度推向一个又一个的高潮。

但仍旧有很多疑问等待解答:什么是NFT,NFT是怎么火起来的,NFT艺术品又为何能如此火爆,未来又将如何发展?

一、NFT艺术知多少?

NFT艺术中的NFT到底指什么?

NFT的全称是Non-fungible token,是一种基于以太坊区块链的“非同质化代币”。

与比特币、以太币等虚拟货币一样,NFT同样依靠区块链进行交易。但NFT代币的最大特点在于其唯一性,“非同质化”,每一块NFT都独一无二,不可互换,人们可以将特殊资产绑定在NFT上,其可以让许多物品成为一种数字化抽象物,变成所有者的“数字资产”。

全世界都关注的NFT艺术到底是什么?

制作NFT的编程标准“ERC721协议”

图源Tiny熊《剖析非同质化代币ERC721》

如果说比特币、以太币等同质化代币可以被比作钞票,NFT更像是一件艺术品的原件。凭借这种特性,NFT在艺术领域得到了广泛应用,诸多数字艺术品开始与NFT绑定。

NFT艺术的起源可能在2017年。

彼时,Larva Labs公司开发了一款像素头像生成器,生成了约1万个各式各样的像素头像,带着“朋克”精神的期许,这一头像系列被命名为CryptoPunks,意为“加密朋克”。2017年正值以太坊火热发展之际,Larva Labs将CryptoPunks头像挂上区块链,并赋予其流转收藏的价值。

全世界都关注的NFT艺术到底是什么?

CryptoPunks系列像素头像,图源网络

这为NFT的诞生提供了契机。同年,受CryptoPunks影响,一家名为Crypto Cats的公司推出一款名为“密码猫”(CryptocKitties)的游戏,游戏里玩家可以通过一串代码创造出一只“密码猫”数字形象,并且每一只猫都独一无二,这些密码猫们的所有权都被存储在以太坊上。

“密码猫”被认为是NFT代币的滥觞。2017年底,以太坊ERC 721协议(非同质化代币的编程标准)诞生,NFT也随之出现。2021年,经过近四年的发展,在艺术领域,NFT终于迎来了“爆发”。

全世界都关注的NFT艺术到底是什么?

密码猫CryptoKitties,图源网络

NFT的每次高流量曝光都像是行为艺术。

2021年3月,数字视觉艺术家Beeple的一套NFT艺术品备受关注。从2007年开始,Beeple每天都创作一件艺术品,最后他将五千幅作品拼接成一张图片,并将其命名为《Everydays:The First 5000 Days》,并在佳士得拍卖行上线。

全世界都关注的NFT艺术到底是什么?

艺术家Beeple的NFT作品《Everydays:The First 5000 Days》,图源网络

3月11日,一个名叫“MetaKovan”的卖家以6934.8万美元的价格拍下了这幅作品。这个数字出乎所有人的预料,NFT艺术,也开始光速出圈。

同样在2021年3月,另一个新闻也让人们看到了NFT艺术的商业潜力。著名街头艺术家Banksy的作品《Mornos》(《白痴》)被以9.5万美元的价格买下,随后购买者直播烧毁了画作,并将其NFT版本挂上NFT交易平台Opensea。最终,《Mornos》的NFT版本被以4倍的价格售出,约合人民币247万。

直播画面里,蒙面的持有者点燃了《Mornos》。画作熊熊燃烧,《Mornos》完成了从实体艺术品到NFT艺术品的转变,火光似乎正向全世界预告着,NFT艺术的时代正式来临。

全世界都关注的NFT艺术到底是什么?

烧毁《Mornos》直播画面

有趣的是,《Mornos》本就是Banksy为讽刺高价艺术品而创作的,画作展现了一个人满为患的拍卖场,拍卖师正介绍着一幅画作,而他身旁的一个相框里写着“我真不敢相信你们这群白痴买了这个”。

烧画者,也是《Mornos》实体作品的持有者——区块链公司Injective Protocol将烧画行为定义为“一种艺术表达”。在NFT艺术领域,NFT代币常常与数字艺术、行为艺术紧密结合,从而衍生出一种新的艺术形式——加密艺术。

加密艺术的特点非常明晰,区块链技术决定的“去中心化”,超越国别地理的广泛交易,以及各种各样的艺术形式。

如果要用例子去解释这些特点,可以这样畅想:你拥有的NFT艺术藏品可以以任何形式在数字世界存在,一条短视频、一件虚拟时装、一条代码、一件游戏装备、一张表情包,或是NBA球星的生涯经典瞬间,都可以被你收入囊中。

全世界都关注的NFT艺术到底是什么?

价值59 万美元的NFT《Nyan Cat(彩虹猫)》GIF,图源艺术星空

NFT艺术品的交易门槛并不高,即使你并不了解艺术领域,你仍旧可以进行收藏,艺术家也不用通过拍卖行、艺术品市场发行作品,通过区块链,每个人都可以参与到艺术市场中。

NFT的多种可能性让艺术领域为之震动。前面提到的CryptoPunks像素头像是当前炙手可热的NFT之一,在当前市场已有的一万个像素头像中,价格最高的达到了4200ETH,相当于757万美元,而外星人、猿人形象的像素头像更是高价难求,是NFT中的奢侈品。

全世界都关注的NFT艺术到底是什么?

昂贵的“猿人”CryptoPunk,图源网络

越来越多的艺术家也开始试水NFT领域。他们将自己的艺术作品进行铸币,使其成为一件NFT艺术品,将其发行于一级市场,如果有人买下了该NFT,很有可能还会进入二级市场的各种平台,再一次进行流通,而在每次交易中,艺术家都能凭此获利。

目前海外最热门的几个NFT交易平台基本都基于公链以太坊,如Opensea、Rarible、Foudation,这些平台有的准入门槛较低,有的则实行邀请制,但“铸币”都需要缴纳至少50美元的费用,收藏者们也可以在这些平台上进行NFT交易,但同样会收取较高的手续费。

全世界都关注的NFT艺术到底是什么?

NFT平台Opensea

除此之外,还有许多基于其他公链的交易平台,大大小小,不计其数,其中大部分平台的手续费较低,吸引了众多不知名的艺术创作者。

为NFT“蠢蠢欲动”的不止有艺术家,明星、各大企业、机构、品牌也开始下场。在年初的市场被点燃后,NBA、Gucci、推特,VISA等机构、公司相继开始收藏、推出NFT产品,从球星卡到虚拟时装,甚至是几个字符,都能在NFT市场掀起热潮。

NBA球星卡盲盒已经成为了当下NFT收藏品中的“顶级”,交易额达到了5亿美元以上。各式虚拟时装也备受关注,多件NFT潮鞋、服装在市场上卖出高价。

全世界都关注的NFT艺术到底是什么?

NBA球星卡NFT,图源微博

NFT艺术的边界还在不断拓宽,早期的NFT作品可能只是一张JPEG图片,现如今已经与音频、电影、游戏等多个领域接轨,NFT礼物、NFT盲盒等形式也开始发展。

全世界都关注的NFT艺术到底是什么?

知名说唱歌手艾米纳姆也推出了NFT,图源雪球

在商业上来看,“NFT艺术”存在着无限可能,许多“小艺术家”通过NFT崭露头角,有的甚至一夜暴富,各式平台蒸蒸日上,交易总额也在不断扩大。

未来,似乎即将到来。

二、NFT艺术在中国

虽然相较于海外稍显滞后,但是国内仍然赶上了NFT热。

阿里巴巴可能是“第一个吃螃蟹的人”。2021年5月,支付宝上相继推出了与敦煌美术研究所、《刺客五六七》的联名款NFT付款码皮肤,开始对于NFT的尝试。与此同时,阿里还推出NFT数字艺术专场,正式宣告入局NFT产业。到目前为止,蚂蚁集团已经售出近8000个限量版NFT。

全世界都关注的NFT艺术到底是什么?

IP也是国内NFT发展的重要动力。

《白蛇2:青蛇劫起》上映后,阿里旗下潮玩品牌锦鲤拿趣同步推出了相关NFT付款码皮肤,上线后,8万份NFT迅速售罄。借助IP进军NFT领域的还有腾讯,8月初,腾讯宣布发行300件“十三邀黑胶唱片NFT”,承载平台为腾讯旗下NFT交易平台“幻核”App。

全世界都关注的NFT艺术到底是什么?

近日网易力推的游戏《永劫无间》也搭上了NFT的热潮。7月12日,由澳洲 NFT 发行商 MetaList Lab⼯作室发⾏的《NARAKA HERO》系列盲盒上线币安NFT市场。该NFT系列盲盒得到了《永劫无间》官方IP授权,上线仅15分钟便全部售罄。

微博也推出了NFT交易平台“TopHolder头号藏家”,于8月初内测上线。“微博NFT作品”“拍卖自己的第一条微博”各种话题丛生。目前,头号藏家已吸引众多艺术家、收藏家、策展人入驻。

NFT在国内音乐领域也“大放异彩”。胡彦斌、阿朵等歌手相继推出NFT唱片、专辑,多家音乐版权平台宣布推出NFT板块,或与NFT平台达成合作。NFT艺术品的特性为IP、版权的保护问题提供了解决方案:艺术品上链后,通过不容更改、永恒存在的区块链,唯一性得以留存。

全世界都关注的NFT艺术到底是什么?

除国内大厂推出的NFT平台外,刺猬公社还注意到了国内的一些小型NFT平台,“薄盒”即是其中的一个。与阿里、腾讯等大厂一样,“薄盒”将NFT解释为一种“数字藏品”,并将自己定义为“数字潮玩收藏平台”。

“薄盒”平台可以通过微信登录,并定期与各领域的数字艺术家及加密艺术创作者合作,艺术家们可以通过平台上线自己的NFT艺术品,并进行发售。目前平台还在起步阶段,主要的数字藏品以盲盒为主。

8月13日,七夕前夜,“薄盒”平台上线了国内加密艺术家宋婷的NFT作品“《诗笺 花非花》盲盒”,盲盒中包含99朵AI玫瑰,开启盲盒将会随机获得一朵,并获取专属于这朵花的情诗。

全世界都关注的NFT艺术到底是什么?

盲盒详情页里这样介绍:“我们希望AI玫瑰的购买者可以用这样的方式,将物理世界中珍贵的情爱,寄托在不可篡改不可复制的区块链上,永恒镌记。”

像现实世界里昂贵的“永生花”一样,花费299元人民币,你就能获得一朵“永恒”的数字玫瑰,这朵玫瑰不能交易,只能赠送,“专属于您的爱”。

8月13日晚,《诗笺 花非花》盲盒上线20分钟,99份AI玫瑰全部售罄。薄盒的流量并不算高,盲盒受欢迎的原因可能是因为创作者——加密艺术家宋婷。

宋婷25岁,是国内最具代表性的加密艺术家之一,是2020年中国NFT艺术品拍卖记录保持者,2021年5月20日,她的一幅NFT作品在中国嘉德拍卖行以66.7万元成交,开了嘉德NFT艺术品拍卖的先河。

全世界都关注的NFT艺术到底是什么?

加密艺术家宋婷,图源网络

NFT艺术为年轻艺术创作者带来了更多机会,优质、有趣的NFT作品能为他们带来曝光,整个NFT市场的上扬也让艺术的变现之路更加便捷,把自己的作品铸币挂链,就有营收的机会。

全世界都关注的NFT艺术到底是什么?

B站UP主“Nut4y”的NFT作品

2021年7月,艺术创作者本雅明·艾哈迈德上线了自己的NFT《怪异鲸鱼》系列,9小时就全部售罄,最终入账80ETH。这样一组各异的像素小鲸鱼给艾哈迈德带来了超过35万美元的收入,而他今年仅有12岁。

全世界都关注的NFT艺术到底是什么?

《怪异鲸鱼》系列NFT,图源NFTCN

但目前国内NFT市场仍不成熟。由于我国禁止虚拟货币,国内NFT平台仍只能用法币进行交易,并且大部分平台仍旧只能作为一级市场,并不支持玩家之间交易,NFT艺术品的商业化并未完全打开。

尽管生态并不成熟,NFT在文娱行业仍有不小的潜力。

从海外诸多内容公司的尝试可以看出,NFT对于影视、游戏、动漫等领域IP的版权保护、商业化上都有潜力可以挖掘,还有相当多的可能性。

三、NFT之困:无限可能,还是一场泡沫?

尽管NFT具有“唯一性”,但一个疑问仍然存在:为什么要收藏NFT?

事实上,成交价6934亿美元的《Everydays:The First 5000 Days》是一张所有人可以下载的图片,任何人都可以将这张价值4.49亿元人民币的图片存储在自己的硬盘中,甚至打印后挂在家里。这是很多NFT艺术品的特质,一段视频、一张图片、一张动图,世界上许多人都可以访问、复制,对其进行传播。

问题就出在这里:既然我可以随意的“使用”一个NFT,我为什么还要花高价去买它呢?

NFT的另一个特征正在于此:所有权的确定性。尽管许多人可以传播复制,但买下NFT的人才是其真正的拥有者。

“如果我有这幅画,即使这幅画挂在我的墙上,除非我有相关的真伪证明,否则它就不是真正意义上的属于我。”丹佛当代艺术博物馆的NFT相关讲座中,“艺术领域区块链研究员”艾米·惠特克这样描述NFT的特征。

全世界都关注的NFT艺术到底是什么?

NBA球星库里花费18万美金购买NFT头像,图源微博

艺术品成为NFT后,“鉴别真伪”将不复存在,区块链会将每一次交易、每一个拥有者记录在册,任何人都可以清楚的查询到,一件NFT的主人是谁。在CryptoPunks像素头像的圈子里,就有着不成文的规定:“将一个不属于你的CryptoPunk设置为你的头像是羞耻的。”

因此,NFT在版权保护方面有其独特的优势,通过区块链,不仅艺术品的交易更加快捷便利,鉴定成本也大大减少,让艺术品交易更加安全。

这不仅能作用于艺术领域,在当下讲求“稀缺性、限量性”的消费市场同样适用,加密球鞋就是最好的例子。

另一方面,NFT也让艺术具有了更多可能性。NFT出现后,可编程的数字艺术也得到了关注,甚至在艺术品、文化产品的所有权上也有新的探索。

全世界都关注的NFT艺术到底是什么?

各式NFT,图源B站UP主“dinlab”

2021年8月,一张CryptoPunk像素头像拍卖出了1201ETH(约合375万美元)的高价,拍下这张头像的,是478个人。

为了对抗NFT巨鲸(经济实力较强的收藏家),这478人联合竞拍了这张稀有的僵尸头像,这也代表这件NFT将被478人同时拥有,每个人都可以使用这张头像。这也为NFT提供了一定的社交属性:在NFT领域,同好仍旧能够形成固定的圈层。

全世界都关注的NFT艺术到底是什么?

478人“团购”的僵尸头像,图源巴比特资讯

但在繁荣的NFT市场,阴暗面也仍然存在。

一方面在于交易市场的混乱。较大的交易平台准入门槛高,对于经济实力不强的艺术创作者来说负担过大,最后平台仍旧“中心化”,变成高端玩家的内部游戏,大公司的下场更是让更多NFT玩家失去了对“去中心化”市场的信心。

小平台则缺乏监管与规则,在海外市场里,平台“托儿”和NFT贩子的存在也让不少艺术创作者受到蒙骗。许多平台还会遭到黑客攻击,由于bug漏洞,许多NFT艺术品被窃取,而在缺乏信息认证的平台,冒名顶替的事件时有发生,保护版权的NFT反而成为他人盈利的工具。

“不稳定性”也让人焦虑。今天为艺术创作者带来“第一桶金”的平台明天就可能“瘫痪”,依靠NFT生活并不现实,正如人为吹起的气球,一戳就破。

另一方面则是NFT市场的不良生态。

“泡沫”,是很多人对目前NFT市场的质疑。NFT一直摆脱不了令其出圈的“天价”标签,NFT的普遍高价更是让无数人投入这一市场,希望在发展的初期能通过“投资”分一杯羹。敦煌飞天NFT付款码上线后,在咸鱼平台上炒到150万,最终被紧急下架,这样的例子在NFT领域并不少见。

全世界都关注的NFT艺术到底是什么?

两个敦煌NFT付款码皮肤在咸鱼上被卖到两万元

价格虚高、蓄意炒作,在很多专业人士看来,市面上大多数NFT存在“噱头拉高价格”的现象,“圈内疯狂营销,圈外急红了眼”,整个市场在一种过高的期望下被不断抬起,呈现出与当初“炒币”相当类似的场景。

值得注意的是,尽管对于“区块链”“元宇宙”有着非凡意义,在当下NFT的应用场景仍旧非常有限,许多人不能理解NFT的价值所在,非良性的生态并不利于NFT艺术的未来发展。

“NFT收藏家不关心艺术,他们只关心能不能赚钱。”

夏日炎炎,各种NFT艺术展、加密艺术节雨后春笋般出现,从798到大兴,遍布整个北京城。

刺猬公社在一个NFT艺术展上发现,每间展区的墙上都挂着多块显示屏,屏幕上加密艺术家们的作品流转,晦涩但氛围感十足。


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

文章来源:人人都是产品经理   作者:刺猬公社

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

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

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

与用户输入相关的设计模式

鹤鹤

模式一:模糊输入 Forgiving Format

简介:模糊输入是一种用于文本输入的模式,使用这种模式后,可以让用户输入文本内容时不用关心格式或语法,从而轻松达到预期目标。

例子: Google 搜索输入框

模糊输入详情


模式二:结构化格式 Structured Format

简介: 结构化格式是指用户在输入时,不仅仅使用纯文本输入,而是使用一组反映数据结构的字段,引导用户进行输入。

例子: Apple 双重验证码输入界面:

结构化格式详情 


模式三:语句填空 Fill in the Blanks

简介:「语句填空」使用一组短语字段将用户需要录入的信息,如文本、数字等串联为一句有指示意义的沟通语句。

例子: Visualeyes Design 网站的用户信息录入:

语句填空详情 


模式四:输入说明 Input Prompt

简介:「输入说明」是指在空白文本字段的旁边或下方,放置一个短语或示例,以解释此处需要输入的内容或提供关于此内容的详细要求及信息。

例子:  使用 Ant Design 组件-表单 搭建的创建小程序页面中的输入说明:

输入说明详情 


模式五:输入线索 Input Hints

简介:「输入线索」是指用示例输入或说明文本以占位符(Placeholder)的形式显示在输入框中,以帮助用户理解需要输入的内容,或给出相关线索的一种设计方式。

例子:  在 Ant Design 输入框组件 的示例中(如下图),我们可以看到「输入线索」可以更好地帮助界面说明输入字段的内容或解释输入字段的功能。

undefined

输入线索详情 


模式六:密码强度计 assword Strength Meter

简介:「密码强度计」即在输入新密码时,立即向用户反馈密码的有效性和强度。

例子:  百度网盘的用户注册页面,红色文字代表不合格,白色文字代表已合格。

undefined

密码强度计详情


模式七:自动完成 Autocompletion

简介:「自动完成」即在输入内容过程中,向用户推荐与已输入内容相关的信息,把输入行为变为选择行为。

例子:   Ant Design 官网的全局搜索功能,用户只需要输入部分内容,下拉列表展示可能的结果,把录入行为变为更便捷的选择行为。

undefined

自动完成详情 


模式八:下拉选择 Drop-down Chooser

简介:「下拉选择」即通过使用下拉菜单或弹出式面板,来扩展菜单,使得菜单中可以包含更复杂的选择功能。

例子: Ant Design 官网的下拉菜单:

undefined

下拉选择详情 


模式九:列表构建器 List Builder

简介: 列表构建器是从较大的数据集中创建较小的数据集的一种模式。列表生成器的「数据源」和「结果」在同一个组件中可见。这允许用户通过按钮或拖放在它们之间移动项目。这种模式也常常称为两列多选择器。

例子: Ant Design 的 Transfer 穿梭框 组件就是基于这一模式的设计组件。

undefined

列表构建器详情 


模式十:合理预设 Good Defaults and Smart Prefills

简介:「合理预设」是指系统提供默认选项,这些默认选项不需要用户做任何操作,可以节省用户完成表单的时间和精力。

这些默认选项来的数据源包括: 先前输入的会话数据、来自用户帐户的信息、当前位置、当前数据和时间等等。

案例 :钉钉的“代办事项”设置功能,可以自动抓取到语句中的时间信息,自动帮助用户默认填写时间,减少用户的操作时长:

undefined

合理预设详情 


模式十一:错误提示 Error Messages

简介: 「错误提示」是表单出现输入错误时,为用户展示的一条引人注目的解释性消息,该消息可能描述用户如何修复错误。


案例: Ant Design 提供了多种表单错误校验样式:

undefined

错误提示详情 

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

文章来源:站酷  作者:Ant_Design

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

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

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


日历

链接

个人资料

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

存档