• AI绘画案例实操!B端视觉如何用 Midjourney 辅助设计?

    UI交互 2023-04-03
    翻看最近的朋友圈,似乎人人都在玩 AI 绘画、和 Chat GPT 聊天,AIGC 的发展速度异常惊人。在校大学生们纷纷感叹到“还没毕业就已经失业了”,“对于插画师来说,简直就是二向箔降维打击”...... 这个焦虑确实是存在的,对处于底层的插画师、原画师、场景设计师等职业来说,专业能力不够出众,本身在行业里的竞...

    翻看最近的朋友圈,似乎人人都在玩 AI 绘画、和 Chat GPT 聊天, AIGC 的发展速度异常惊人。

    在校大学生们纷纷感叹到“还没毕业就已经失业了”,“对于插画师来说,简直就是二向箔降维打击”...... 这个焦虑确实是存在的,对处于底层的插画师、原画师、场景设计师等职业来说,专业能力不够出众,本身在行业里的竞争性就差,能给到公司的价值也相对较低,那公司层面希望利益和效率最大化,能够使用 AI 绘画的话确实是替代底层设计师的不二选择。

    对于做用户体验设计的我们来说,视觉表达只是表现层的具象设计,那就像是货架商品的外包装设计,更重要的在于冰山之下看不见的那部分。我们的设计工作更多是针对业务场景,用设计解决实际问题,产品设计是有复杂的业务理解和交互逻辑的,无论是 Sketch、Figma、MasterGo、Photoshop,它们的存在是工具,帮助 设计师 将脑海中的方案直输出来,同时帮助我们进行跨团队沟通。

    但我们在工作中也会遇到这样的情况:交互能力强的设计师,视觉能力较弱,视觉这块的想法就受到技能及经验的限制。如果要强求每位用户体验设计师的雷达图都达到技能的顶点,是很难的,人的精力有限,好在现在的软件和工具越来越简单,学习成本相较 10 年前是降低不少,我们用部分时间去提升、学习新的软件,不仅能够帮助我们提升短板,更好的表达观点,同时也能通过接触新事物新技术给予新的启发。

    对于 Midjourney 我的态度是拥抱变化,我们的设计团队不像 BAT 大厂大几百、上千人的规模,没有专职的 C4D 设计师、动画设计师,因此当设计中需要 3D 视觉效果的时候,就犯难了。如果招聘一位专职设计师,于公司来说是性价比低的投入,于设计师来说是没有晋升及长远发展的一份工作。假设 Midjourney 能够帮助提升团队的视觉输出能力,那我无疑是非常愿意接受这个智能伙伴。

    相关教程:

    附超多关键词!AI 绘画神器 Midjourney 进阶使用技巧总结 上次的基础教程反响还不错,自己也有了继续写下去的动力。

    阅读文章 >

    一、Midjourney 入门 1. 了解商用版权和价格

    付费版用户每个月需支付 30 美元,生成的图片可用于商用:若因 Midjourney 获利在每月 2 万美元及以下的,不用支付 Midjourney 分成;若因 Midjourney 获利在每月 2 万美元以上的,需要支付 Midjourney 20% 的分成。特殊形况也可以跟官方签订协议,和 Midjourney 商讨出其他分成比例。

    2. 学习 Midjourney

    既然我的目的是想让 Midjourney(后面就缩写为 MJ)在设计项目中落地,那我们就需要设定明确的目标进行学习。首先,我希望通过 MJ 生成 B 端风格的 3D 图标,对目前 SpeedShop Martech 的官网头图进行视觉改造升级。

    学习的过程无非是去看大量的视频教程以及查阅官方文档,然后不断的尝试。了解下来,主要有两种绘图方式,一种是直接通过命令生成,另一种是以图生图,也就是“喂图”,通过给 MJ 一些参考图,然后再加上明确的指令生成图片,这样能够有效缩小范围,使得结果更接近你想要的。

    我希望 MJ 绘制出“一个 3D 风格的、荧光绿加深蓝色的、数字化营销图标”,指令如图,结果图和我想象的差距较大,图标细节过多太复杂,需要简化,然后图意上需要重点体现“营销”。

    为了明确告知 MJ 我的意向,我找了一个系列的图进行喂图,然后加上同样的指令,喂图后生成出的效果如下,大方向已经符合我的设想了。

    *套图来源 iconfont 公开库

    后面我将 MJ Version 4 调整到 5,由 base quality 调整成 high quality 再次进行生成对比,看缩略图似乎差异不大。

    但是我们将图片放大看细节,可以明显直观地感受到 V5 比 V4 生成的 3D 图结构更合理,空间关系也正常一些,光影的渲染更真实。

    我在用 V4 渲染的时候,还在跟同事说,这 MJ 不行啊,出图的效果没法落地到项目中,这 P 图成本太高了!但当我转到 V5 的时候,就马上改口了(啪啪打脸,还是自己学艺不精),V5 的出图简直是质的飞跃,透视、结构、外形的渲染都精准很多,当然跟用专业 3D 软件建模渲染精准度不能比,但对于我们这种不想花更多的时间去学习建模渲染的设计师来说,这 AI 绘图实在是香~

    通过几天疯狂地测试,用现有的经验来简单总结下 MJ 的优缺点:

    MJ 优势:

    面向大众,不用学习很多软件,有审美及学会使用指令就行; 操作简单,虽然非常依赖关键词,但是网络高手已经给出了很多句型+关键词,可以去套用后再进行调整; 更适合前期创意探索阶段,能让设计师在进行创意视觉输出之前进行大量的输入与尝试,从此技能不再限制我们的创意表达; 适合出版印刷行业,用于笔记本封面、插画内页这些素材要求不高,体量较大的视觉输出。 MJ 劣势:

    3D 图的输出结果相对 3D 软件的输出粗糙很多,它没有办法把多物体之间的结构关系、透视效果、细节处理的那么逼真和细节; 结果不可控:对于满意的效果图,没有办法在此基础上生成其他角度的图;也无法在此基础上增加或减少物体;无法可控的生成系列套图(就如我喂的那套图); 要落地用还得再通过 PS 精加工; 分辨率不够高,目前 V4 1:1 最高到 2048*2048px,V5 1:1 到 1024*1024px; 回到我们最初的问题,B 端视觉设计,用 Midjourney 可落地吗?

    在单一场景下可以落地使用,比如 B 端 icon 不需要系列化体系化去生成套图形成正式的 VI 体系应用在各种场景,只是局部使用。如果想要做成阿里云、腾讯云官网的系列 3D 图标,从精准度、清晰度、体系化,Midjourney 目前都无法做到。

    我所选择的轻量化应用场景,只需要提升局部细节,我们把生成的图带入官网头部看下效果:

    整体效果还是比较满意的,后期我会继续精进,修炼“咒语”去更好地控制输出结果。

    另外,还有一个合适的应用场景,就是生成背景图搭建素材库,适用于登录界面、网站背景、PPT 等。

    写在最后 用积极的心态去拥抱变化,我们需要去学会掌控技术,把主动权握在自己的手中,来帮助我们的工作提质提效,让设计师成为 AIGC 的最大受益者,而不是最大的冲击对象。

    要建立起自己的竞争优势,有思想、有观点、有经验、有技术,处于底层的人本身就容易被淘汰,与 AIGC 没有必然联系。

    每个人都有自己的思维局限,受限于学识、经验、认知,我们在自己的编织的茧房之中生活,AI 能帮我们突破自身创造力的上限,拓展边界,丰富我们的想象力。

    我们与 AI 之间是相辅相成的,它的内容源于人,它合成新的内容后又反馈到人,我们共同在进步。

    彩蛋

    在学习过程中,有些“咒语”生成的图还是非常养眼的,大家一起看看吧,欢迎探讨!

    1. 泡泡玛特盲盒风格的人物(手部问题还是很明显的)

    2. 超现实幻想

    关键词:fantasy , surrealism

    3. 3D 动画风格头像

    关键词:Pixar trending, 3D render, headshot

    4. 丙烯荧光人像画

    关键词:acrylic painting, fluorescent color, geometry art

    欢迎关注作者微信公众号:「Gtech UED」

  • 用超多案例,帮你掌握「点」的8种设计表现手法

    UI交互 2023-04-03
    hi,我是鱼先生,专注平面视觉设计方向。今天和各位鱼友们聊聊设计中的重要基础知识点:点线面,系列一共 3 篇,先从点元素开始,那么点的主要表现作用有点缀、强调、烘托、装饰、平衡画面、统一等。我们听过画龙点睛的典故,有了眼睛的神韵之后,龙就会更加的活灵活现,像是有了生命一样,设计亦如此,元素的添加就如同画龙点睛一样...

    hi,我是鱼先生,专注平面视觉设计方向。

    今天和各位鱼友们聊聊设计中的重要基础知识点: 点线面 ,系列一共 3 篇,先从点元素开始,那么点的主要表现作用有点缀、强调、烘托、装饰、平衡画面、统一等。

    我们听过画龙点睛的典故,有了眼睛的神韵之后,龙就会更加的活灵活现,像是有了生命一样,设计亦如此,元素的添加就如同画龙点睛一样,做对了,那么画面也就活起来了。

    接下来,鱼先生会用通俗易懂的语言及案例解析,总结点的 8 种表现形式,以助于大家的吸收理解,分别是单点表现、多点表现、点元素的平衡性、方向与疏密、节奏感、视觉烘托、趣味性表现。

    OK,直接开始吧!

    往期干货回顾:

    画面平淡不够有冲击力?试试这5个小技巧! hi,我是鱼先生,不止会设计的 90 后解忧大叔。

    阅读文章 >

    一、单点表现 当点被单独使用的时候,就很容易起到聚焦、强调、吸睛的效果。

    如下图案例,是一张册子内页:

    作者:鱼先生

    在设计版面中,标题具备了是否能够抓住读者的作用,需要被突出,图中标题所添加的红点元素,既起到了装饰作用,又起到了强调吸睛的作用。

    作者:黄海

    上图中所有手电筒的光照都汇聚在下面的一个点上,通过手电筒的光束方向,以及手电筒大小的对比,引导了人们的视觉动线,起到了聚焦、吸睛的效果。

    上图中文字汇聚成为一个球状,从整体来看,文字组成的球可以看做点元素,通过与线组成的网进行结合冲突,让整副画面具备张力,视觉焦点也被吸引到了球的位置。

    当单点出现在画面中的时候,很容易出现聚焦的作用,比如下图无印良品的几张设计案例:

    上面的案例中,天空与地面的大场景代表了空,而黄色的小帐篷和第二幅作品里面的人物代表了实,空与实的对比,大与小的对比,即便是主体很小,人们仍旧会一下子把视觉聚焦在主体上,这个地方就用到了单点聚焦的表现手法。

    二、相同或近似的多点表现 相同或者近似的点被大面积使用的时候,具备一定的整体性,即便是点与点之间存在间距,整体看上去这些点元素的组合同时也充当了面的作用,作为背景元素或者主体而存在。

    先来看下日本艺术家草间弥生的波点艺术作品:

    在艺术作品中,多点的运用形成了一定的视觉冲击力,不仅仅可以作为背景使用,同时也可以作为主体物的组合元素而存在。

    当把这些点元素的表现形式作为设计元素应用在视觉设计中的时候,也能直观的表达出效果,我们看到大面积使用这些点的时候,即作为了背景元素,又能够成为主体元素,视觉冲击力也非常的强。

    如果基本一致的点元素有规则的出现在版面中的时候,大家可以观察到,具备稳定或者成为主体图形的作用。

    如下图案例所示:

    不断出现相同或近似点元素,画面就会相对平衡、稳定,同时也具备了加强视觉冲击力的作用。

    三、点元素的平衡性 通常情况下,大家会直观的认为点就是圆点,事实并非如此,点不一定就是圆点,可以是其他的点元素,比如字体、logo、图形等元素都可以某些使用场景中充当点元素。

    再者,从不同角度去思考的时候,点可以是面,也可以是点,就好像你站在地球上去观察地球,那么地球就是一个无边无际的面,如果你站在宇宙的角度去看,地球就是一个点,如同我们站在地球上看星星一样,都是星星点点的。

    所以说点的形态并不是单一的,要根据具体的事物、参照物、角度去理解。

    利用点元素填补空缺,促进画面的平衡,如下图案例:

    四周分散的红点,方正规矩的摆放手法,并且大小一致,位置分布四个点,起到了平衡与烘托气氛的作用,再加上文字版式的整齐化,让整副画面看起来更加稳定。

    当然了,点不一定就是大家所看到的单纯的点,就像留白不一定就是白色一样,点也可以是一个点元素,如下图案例:

    两个案例中右下角和左下角的logo部分充当了点的元素,起到了平衡画面的作用。我们看右边图形,如果左下角没有那个点元素,那么整副画面中心就太靠右上了,画面就会不稳定。

    四、位置关系与视觉动线 也可以通过点元素的表现,形成引导性,引导用户的视觉,或者通过规则或不规则的位置来体现统一或组织性。

    其实对于设计师来讲,很重点的一件事就是通过视觉去引导客户,任何一个画面中,小到一张名片也是如此,设计师在设计的时候就要考虑让客户按照何种顺序去阅读你的设计。

    我们先来看一张简单的案例:

    作者:鱼先生

    上图是一张画册目录,右侧画面中的页码序号部分就是利用数字与圆形的结合,然后起到了统一与强调的作用。

    讲到画册,这个地方想到一个知识点,就顺带讲一下,就是在 版式设计 中,层级是很重要的,整个项目的层级要保持一致性,比如上图的页码,或者一些文章的一级标题、二级标题等,这些都属于同一层级的内容,再或者同样的职位展示,当文案内容不一致的时候,作为设计师也要思考如何通过版面处理去让两者的层级重要性保持一致。

    如何表现层级的统一性呢?比如统一的色彩、统一的图标、统一的字体大小、当整体无法用规则的内容来表现统一的时候,那么至少在画面的重量、视觉感上保持统一性,甚至通过版面大小也能够体现层级统一的效果,这个知识点太多了,以后抽时间专门再讲一下吧。

    五、方向与疏密的表现形式 当画面中的点元素不断增加、汇聚,我们可以通过调整点元素的大小、疏密、方向等,从而让其产生不同的效果。

    跟着鱼先生一起在案例中,加深理解一下:

    通过点元素的大小和稀疏关系,从外围的稀松到中心的密集,很容易就把视觉焦点引向中心。

    如果说上面案例的聚焦效果不明显,那么我们再看下面这个案例:

    通过疏密把视觉吸引到右上角的字体上面,并且在这两张画面中我们发现组合点元素的是人物,并且通过对人物走向的表现,再一次把视觉焦点聚焦在文字上面,疏密与走向起到了双重聚焦的作用。

    六、节奏感 点元素对节奏感的把控也能起到至关重要的作用,通过对点元素的变形、疏密等调整,来带动整体的节奏律动,从而达到最终的设计目的。

    直接在案例中理解一下吧:

    左:图中出现的点元素通过粗细、大小的对比,然后再加以倾斜,速度感极强;右:这一张雨滴垂直落下,节奏感会更加平稳一些。

    类似的思考有很多,我们再看一组:

    左边药丸通过远近、大小、方向、疏密的关系,让药丸仿佛在静态的画面中动了起来,形成了有律动性的视觉冲击力;右边的花瓣脱落,并且根据脱落变形了花瓣的形状,给人的感觉就好像是装满了水的柔软气球一样,随着下落的力量,体积进行变形,让画面更具备张力。

    左:运用纸飞机的大小、方向,形成节奏感;右:抽象鱼图形的汇聚画面,通过大小、方向的表现方式增加画面的律动性。

    再或者类似下面这样的人物海报表现手法,也是比较常见的,其实就是通过点元素的虚实、大小等造成一定的空间感和节奏感,虽说很常见,但也是屡试不爽的好方法。

    七、视觉烘托

    通常在视觉中也会借用点元素的加入,从而烘托画面,同时也能够让整个视觉画面变的更完成美观。

    如下图这张案例,利用碎片的色彩增加氛围感。

    我们可以尝试去掉画面中的碎片,大家可以再观察一下,看上去视觉很干净,也并不难看,但是氛围感就下降了一些。

    上面提到了,点不一定就是圆点,像下图利用食物的碎屑进行填补画面,让整个画面更加饱满。

    右图想体现脆,通过碎屑的点缀,就更好地体现了脆的产品特点。

    我们继续来看一些气氛效果比较强烈的案例:

    气氛的强弱,其实和设计项目的本身需求有很大关系,比如类似运动类、梦幻色彩等类别,那么氛围感就可以表现得强烈一些。

    八、点的趣味性表现

    圆点本身具备一定的圆润度,当我们利用点元素在画面中制造活泼、趣味性的时候,就很容易去达到想要的效果。

    继续在案例中,加深理解一下:

    单从视觉上看,画面的点元素比较随意、活泼,色彩方面也比较柔、可爱,整体通过点元素的表现,看起来趣味性十足。

    圣诞节本身就是一个欢快的节日,点元素的加入,不仅代表了喜庆、活跃的感觉,更增添了欢快欢乐的气氛感。

    还有很多类似的案例,大家可以再看两张,加深理解:

    左:画面看上去比较平淡,利用增加不同色彩的点元素,从而让整个平淡的画面增加了一些氛围感和趣味性;右:虽然仅仅是文字性的排版,但是通过拟人的手法,让画面看起来像是笑到流泪的场景,趣味性十足,而且拟人手法本身就具备吸睛的效果。

    注:本文案例仅限辅助说明知识点,不作商用。

    写在最后: 其实每个设计元素的使用都是很广泛的,我们需要了解其概念,但同时也不要被概念所束缚,点线面虽然是很基础的内容,但我们融会贯通之后是非常有价值的,因为优秀的设计作品都离不开基础知识。

    所以鱼先生结合一些案例给大家进行了分析,至于到底如何去使用,其实并没有什么死板的定论,大家要根据学习到的知识在实践中多活学活用,只有坚持去学习,才能更好的理解点到底是如何运用的,希望大家可以多多实践、举一反三,加油!

    OK,今天的教程到这里结束!下期见!

    欢迎关注作者微信公众号:「摆渡鱼生」

  • 微信视频号商业化变革百日

    设计动态 2023-04-03
    2022年12月,腾讯董事会主席兼首席执行官马化腾在公司内部称微信视频号为“全场希望”,视频号自此背负上腾讯更大的期望,商业化的急迫感明显增强。 3月28日晚微信公开课,“微信之父”张小龙未到现场,但视频号商业化透露了更多进展。 “2022年,视频号有收入的作

    在近日结束的微信公开课上,视频号无疑又占据了C位,不过综合来看,在搅起短视频江湖的更大波澜之前,视频号还需要在商业化进程上继续提速。本篇文章里,作者便针对视频号的商业化进程做了分析与总结,一起来看。

    2022年12月,腾讯董事会主席兼首席执行官马化腾在公司内部称微信视频号为“全场希望”,视频号自此背负上腾讯更大的期望,商业化的急迫感明显增强。

    3月28日晚微信公开课,“微信之父”张小龙未到现场,但视频号商业化透露了更多进展。

    “2022年,视频号有收入的作者数量同比翻了好几倍,但我们觉得依然不够,所以想提供更多能力。” 腾讯公司副总裁、视频号业务负责人张孝超表示,视频号将推出创作分成计划、付费订阅服务等。

    加快商业化背后,微信视频号体量快速增长,但收入还未与之匹配。

    过去一年,视频号作者活跃为原来的2倍,粉丝过万的作者是原来的4倍,QuestMobile数据则显示,截至2022年年中,视频号月活已达8亿,甚至超过抖音。但视频号并未乘胜追击推动大规模变现,在近日业绩交流会上,腾讯高管承认视频号广告负载较轻。

    张小龙操盘下,视频号此前透露着谨慎风格,商业化稳步推进,但与其他成熟短视频平台的差距仍影响部分作者积极性。时代周报记者从多位创作者了解到,视频号创作者基础已有,但包括广告对接中台在内,商业化工具未能匹敌多个成熟视频平台,视频号独特的推荐机制还导致播放量参差,客观上影响广告主意愿。

    承载了腾讯更多希望后,张小龙如今必须拿出更有效的商业化手段。按他之前的设想,视频号作为微信生态的一环正加快与其他应用连接,以此激发商业化潜能。

    创作分成计划、付费订阅服务是新武器,密集推出后,视频号能否在商业化上完成跃进?

    一、商业化需加速 抓住移动即时通讯风口推出微信的张小龙,在产品功能迭代上一直谨慎与克制。

    微信并未早早入局短视频,在腾讯尝试多款视频产品未果后,眼看着短视频平台格局基本已定,2020年,张小龙一句“微信短内容一直是我们要发力的方向”,微信视频号才开始入场搅局,2022年才开启商业化元年。较晚进入短视频领域后,视频号也保持相当的克制,内容生态完善和商业化方面均以稳为主。

    体现在数据上,据微信数据,过去一年,视频号使用时长超朋友圈,视频号消费时长为原来3倍,直播带货销售额增长800%,主播总收入增长447%。财报则显示,视频号信息流广告强劲需求等因素促使2022年第四季度社交及其他广告收入增长17%,达214亿元。

    部分数据仍与行业水平有差距,如视频号广告负载较轻,与广告主投放意愿相关的用户平均花费时长,视频号也低于现有短视频用户。

    相比以往稳步推进的迭代,自马化腾称视频号为“全场希望”后,腾讯和外界更期待视频号加快成长,加速成为腾讯的营收增长点。

    时代周报从多位创作者了解到,视频在视频号声量日益增大、内容逐渐丰富的同时,创作者也更期待视频号在内容生态逐渐完善的基础上提供更有效的商业化工具,带来能与成熟短视频平台匹敌的收入。

    时代周报记者采访了多名由其他视频平台扩展而来的创作者,其中多名创作者认可视频号在吸引粉丝、提高知名度方面的作用,但认为视频号推荐算法和商业化生态仍有待改善。

    房产类视频号运营者陈丽(化名)告诉时代周报记者,其2020年就开始做视频号,已有联系较紧密的广告主。相比此前已在运营的抖音号,视频号流量偏低,算法不够精准,反馈较一般,基于此,目前她运营的账号还未接过单独来自视频号的投放,仅作为广告投放包中涵盖的平台之一。她认为视频号的优势除了可在朋友圈传播外,还包括可向公众号导流,不过,在整体流量一般的情况下,导流效果不佳,单场直播只能让公众号涨10余名粉丝。

    原创视频号运营者张铭(化名)也提出视频号算法不够精准的问题,称同一个视频在其他短视频平台播放往往能获得稳定播放量,但视频号播放量参差,这或是由于视频号推荐算法和朋友推荐两种方式结合导致算法对观众的辨别不够清晰。因对播放量无法预测,张铭的账号在另一个平台每周可接7万元左右的广告,但还未有广告主向其投放视频号广告。

    由于流量增长较慢,宠物博主刘沁(化名)入驻视频号两年后选择将重心放在其他平台,仅在视频号页面加入原创表情专辑,以表情包打赏营收。

    这些有创作经验和意愿,且对视频号粘性较高的作者,将是视频号需以更完善商业化生态笼络的群体。

    二、改造视频号 视频号成为“全场希望”3个月内,多名创作者认为商业生态未发生明显变化,但在这3个月内,视频号确已针对部分视频号创作者流量增长、商业变现难等境况给出解决办法。

    在算法方面,腾讯管理层近日在业绩交流会上表示,公司正投资新机器学习基础设施以提高广告转化率。

    商业化方面,目前视频号有广告对接中台互选平台、创作者可开店的带货中心、直播等创收方式。今年1月,视频号开始向商家收入1%~5%的技术服务费。3月28日,视频号又透露创作分成计划、付费订阅服务等计划。

    据张孝超介绍,创作分成计划是希望在原创视频下挂载新广告系统,此广告不需要长时间线下勾兑,只需线上自动化进行。作者同意评论区挂载广告后,系统会根据视频内容挂载。订阅专区则源于希望在公众号体系推出订阅功能的想法,这将有利于知识博主建立商业化付费订阅体系。此外,视频号还考虑将商品橱窗、音频等挂在公开名片上。

    陈丽告诉时代周报记者,抖音的核心竞争力在于算法,算法支撑起创作者的粉丝池,以此吸引广告主。对比之下,视频号的逻辑迥然不同。

    这种迥异体现在视频号准备推出的新商业化工具上。以推出订阅专区并与公众号联动、在公开名片上挂载商品橱窗为例,这些新工具并非基于推荐算法逻辑,而是基于视频号与微信其他组件联动而探索出的变现模式。

    三、让视频号流转 这种基于视频号与微信生态内其他应用联动而诞生的变现模式,实际上沿着张小龙设想中视频号的发展路径。2021年,张小龙在微信公开课上形容“视频号的ID是基石,它可以承载视频内容,可以承载直播,也可以承载小程序等”。视频号团队随后用“原子化组件”形容视频号与微信生态内其他应用的灵活连接。

    “我们在设定视频号是什么的时候,经常会从微信团队的角度、产品的角度讲,是要以一个怎样的能力让这个原子化组件在整个微信体系里自由流转。”张孝超表示,用户会在微信每个角落看到通过原子组件搭建的内容生态系统,这体现了底层抽象能力,微信希望把这种能力不断抽象,释放到视频号微信域里,让更多作品快速触达用户。

    在微信生态内,视频号作为“原子化组件”流转的能力暗含着商业化潜力。张孝超举例,越来越多公众号作者发布短视频并利用视频号直播功能,就是视频号与微信生态联动的表现,小程序与视频号也产生很多联动。

    基于微信生态内丰富的应用,订阅专区、公开名片挂载商品橱窗这种商业化工具推出就是商业潜力的释放,实际上,类似的商业化工具还可以继续衍生。

    例如,小程序商业化加速,与视频号充分连接后,或许可能拉高视频号商业化天花板。小程序业务负责人表示,小程序整体GMV已有几万亿规模,小程序去年交易规模增长40%,用户月均使用时长也有增长。

    这一套弥补弱点和利用微信生态优势的打法,是张小龙基于对视频号整体设想下,给现阶段商业化开出的“药方”。这种不同于推荐算法的商业化逻辑,让视频号走上与现有短视频平台不同的路径,且避开竞品在算法推荐方面的锋芒,让创作者不用完全依赖算法推荐带来的广告收入。

    视频号商业化体系改造提速,接下来将如何搅动短视频江湖?

    作者:郑栩彤;编辑:谭骥

    来源公众号:19号商研社(ID:time_biz),穿透商业迷雾,回归价值本质。

    本文由人人都是产品经理合作媒体@19号商研社 授权发布,未经许可,禁止转载。

    题图来自 Unsplash,基于CC0协议。

    该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

    给作者打赏,鼓励TA抓紧创作!

    {{{path> 赞赏

  • AI绘画必学!5种 Midjourney 进阶提示用法

    UI交互 2023-04-03
    大家好,这里是和你们一起探索 AI 绘画的花生 ~上一期为大家介绍了 9 种在 Midjourney 绘画中常用的后缀参数,可以帮助我们生成更符合自己需要的图像。今天继续为大家带来 3 种 Midjourney 中的进阶提示用法:多重提示、图片提示和 Remix 模式,并补充 2 项在 V5 版本中被重新启用的后...

    大家好,这里是和你们一起探索 AI 绘画的花生 ~

    上一期为大家介绍了 9 种在 Midjourney 绘画中常用的后缀参数,可以帮助我们生成更符合自己需要的图像。今天继续为大家带来 3 种 Midjourney 中的进阶提示用法:多重提示、图片提示和 Remix 模式,并补充 2 项在 V5 版本中被重新启用的后缀参数 --tile 无缝纹理和 image weight 图片权重,一起来看看吧 ~

    AI绘画进阶必看!9种 Midjourney 常用后缀参数 大家好,这里是和你们聊设计的花生~ 最近 AI 绘画真的越来越火了啦,开始有越来越多的设计师将 Midjourney 用到自己的设计工作流中,让它们生成各种设计灵感或素材。

    阅读文章 >

    一、Multi Prompts 多重提示 在写提示词的时候,我们可以通过添加 :: (两个半角冒号)作为分割符号,让 Midjourney Bot 将原本的完整的描述词视作两个或者多个单独的概念,我们还可以通过在 :: 后加上数字,为不同的概念分配的不通过的权重,使生成的图像在内容上对应产生变化。

    使用 Image Prompts 需要注意以下几点:

    ① 如果 :: 后没有添加数字,则默认权重值为 1。

    ② v1/ v2/ v3 版本的 :: 权重只接受整数,v4 /v5 版本接受有小数点的权重,比如 ::1.2 或 ::-.5

    ③ 不同概念的权重与具体数值无关,与数值之间的比例有关,也就是以下三种数值最后的效果是一样的,因为最终 hot 的权重都是 dog 的 2 倍。

    hot::2 dog 等于 hot::4 dog::2 等于 hot::100 dog::50{{{pre> ④ 带数字的分隔符会影响位于它前面的所有内容,直到新的分隔符切断这种影响。

    ⑤ 权重为 ::-.5 时,效果与 --no 负提示一样,以下的 2 种表述方式得到效果都是“生机勃勃郁金香花田,没有红色”。

    vibrant tulip fields:: red::-.5 等于 vibrant tulip fields --no red{{{pre> 二、Image Prompts 图像提示 除了用文本提示生成图像,我们也可以用图像作为提示来影响最终图像的构图、风格和颜色,也就是“垫图”。图像可以单独使用,也可以与文本提示词结合使用。结合文本提示时,可以同时使用多张图像(最好不超过 5 张),仅用图片作为提示时,最少要有 2 张。

    ① 图片提示必须以链接的形式,放在提示词的开头。

    如果是在线图片,需要复制图片的直接链接,如果是本地图片,可以上传到 midjourney 上,然后复制图片链接,图片链接必须以 .png、.gif 或 .jpg 结尾。

    使用图片提示时,提示词组成结构:

    ② 使用图像提示的操作步骤:

    双击文本框左侧的加号,选择一张本地的图片上传,然后按 Enter 将图片发送出去,等待图片上传完成后,点击图片打开大图,单击右键复制图片链接。 在文本框内启用 /image 命令,在 prompt 中粘贴刚刚复制的图片链接(直接用鼠标拖动图片到 prompt 框内,效果和复制粘贴一样),空一格,然后继续输入正常的文本提示词和后缀参数,完成后发送信息,等待图片生成。 可同时添加多个图片链接,链接之间用空格隔开,图片链接一定要位于提示词开头。

    ③ 使用 Image Prompts 需要注意以下几点:

    如果是使用在线图片,链接必须是指向在线图片的直接链接,而非图片来源网页的链接,一般情况下在图片上单击右键可以看到“复制图片链接”的选项。 图像提示在 Midjourney 中对所有人可见,除非开启 Stealth Mode 隐身模式。

    三、Remix 模式 当一组图像生成好之后,我们可以开启 Remix 模式,修改原有图像的描述词、后缀参数和模型版本,来产生新的图像。Remix 模式具体使用方式如下:

    ① 在文本框内输入 /prefer remix,按 enter 发送以启用 Remix 模式。(启用后,生成的所有图像都会变成 Remix 模式,再次发送 /prefer remix 可以关闭该模式 )

    ② 点击已经生成好的图像下方的 V1/ V2/ V3/ V4 任一按钮,在弹出的文本框内修改原来的提示词,然后提交。( 正常模式下 V 按钮是用来生成图像变体的,点击后会变成蓝色;开启 Remix 模式后,点击 V 按钮会弹出可以修改原有提示词的窗口,按钮会变成绿色)

    原图与 Remix 模式下修改后的图:

    启用 Remix 模式 需要注意以下几点:

    使用 Remix 更改宽高比会导致图像拉伸变形。 在 Remix 模式中修改后缀参数时,需要注意后缀参数与版本是否契合,比如 --version 4 --stylize 10000 这样的提示不会生效,因为 v4 版本中 Stylize 参数范围是 0-1000,10000 已经超过了这个范围,二者不兼容。 四、--image weight 图像权重 图像权重参数 --iw 用于调整图像提示与文本提示的相对权重,--iw 值越高,图像提示对最终效果的影响就越大。没有指定 --iw 参数时会使用默认值,不同的版本中 --iw 的权重范围和默认值各有不同。

    注意:--iw 参数与其他后缀参数一样,需要放在图片链接和文本提示词之后才会起作用。

    五、--tile 无缝纹理 --tile 参数用于生成可重复拼贴的图像, 比如织物、壁纸以及其他无缝纹理,适用的版本包括 v1/v2/v3 和 v5。Midjourney 只生成一个基础图块,我们可以通过无缝图片检查工具 Seamless Pattern Checker 查看纹理拼接效果,或导入 PS 中利用图案工具进行无缝拼接。

    Seamless Pattern Checker: 无缝纹理检查 (pycheung.com)

    Photoshop 无缝图案制作:  https://uiiiuiii.com/photoshop/12128861.html

    以上就是本期为大家推荐的 5 个 Midjourney 绘画的进阶提示用法。喜欢本期推荐的话可以多多点赞收藏,之后会继续为大家推荐更多实用的 AI 绘画知识技巧。

    推荐阅读:

    AIGC神器 Midjourney V5 强势更新!逼真到令人发指! 大家好,这里是和你们一起探索 AI 绘画的花生~ 备受期待的 Midjourney V5 在上周四终于上线了,而且一发布就引起了不小的轰动,因此这次 V5 模型的图像生成效果“太惊人了”,无限逼近真实照片,让人难辨真假。

    阅读文章 >

    AI绘画神器Midjourney进阶手册:如何让生成的图片更加可控? 现在我几乎每天都在用 AI 绘画和 chatGPT,它们已经成为我工作的好帮手了。

    阅读文章 >

  • AI绘画必学!5种 Midjourney 进阶提示用法

    UI交互 2023-04-03
    大家好,这里是和你们一起探索 AI 绘画的花生 ~上一期为大家介绍了 9 种在 Midjourney 绘画中常用的后缀参数,可以帮助我们生成更符合自己需要的图像。今天继续为大家带来 3 种 Midjourney 中的进阶提示用法:多重提示、图片提示和 Remix 模式,并补充 2 项在 V5 版本中被重新启用的后...

    大家好,这里是和你们一起探索 AI 绘画的花生 ~

    上一期为大家介绍了 9 种在 Midjourney 绘画中常用的后缀参数,可以帮助我们生成更符合自己需要的图像。今天继续为大家带来 3 种 Midjourney 中的进阶提示用法:多重提示、图片提示和 Remix 模式,并补充 2 项在 V5 版本中被重新启用的后缀参数 --tile 无缝纹理和 image weight 图片权重,一起来看看吧 ~

    AI绘画进阶必看!9种 Midjourney 常用后缀参数 大家好,这里是和你们聊设计的花生~ 最近 AI 绘画真的越来越火了啦,开始有越来越多的设计师将 Midjourney 用到自己的设计工作流中,让它们生成各种设计灵感或素材。

    阅读文章 >

    一、Multi Prompts 多重提示 在写提示词的时候,我们可以通过添加 :: (两个半角冒号)作为分割符号,让 Midjourney Bot 将原本的完整的描述词视作两个或者多个单独的概念,我们还可以通过在 :: 后加上数字,为不同的概念分配的不通过的权重,使生成的图像在内容上对应产生变化。

    使用 Image Prompts 需要注意以下几点:

    ① 如果 :: 后没有添加数字,则默认权重值为 1。

    ② v1/ v2/ v3 版本的 :: 权重只接受整数,v4 /v5 版本接受有小数点的权重,比如 ::1.2 或 ::-.5

    ③ 不同概念的权重与具体数值无关,与数值之间的比例有关,也就是以下三种数值最后的效果是一样的,因为最终 hot 的权重都是 dog 的 2 倍。

    hot::2 dog 等于 hot::4 dog::2 等于 hot::100 dog::50{{{pre> ④ 带数字的分隔符会影响位于它前面的所有内容,直到新的分隔符切断这种影响。

    ⑤ 权重为 ::-.5 时,效果与 --no 负提示一样,以下的 2 种表述方式得到效果都是“生机勃勃郁金香花田,没有红色”。

    vibrant tulip fields:: red::-.5 等于 vibrant tulip fields --no red{{{pre> 二、Image Prompts 图像提示 除了用文本提示生成图像,我们也可以用图像作为提示来影响最终图像的构图、风格和颜色,也就是“垫图”。图像可以单独使用,也可以与文本提示词结合使用。结合文本提示时,可以同时使用多张图像(最好不超过 5 张),仅用图片作为提示时,最少要有 2 张。

    ① 图片提示必须以链接的形式,放在提示词的开头。

    如果是在线图片,需要复制图片的直接链接,如果是本地图片,可以上传到 midjourney 上,然后复制图片链接,图片链接必须以 .png、.gif 或 .jpg 结尾。

    使用图片提示时,提示词组成结构:

    ② 使用图像提示的操作步骤:

    双击文本框左侧的加号,选择一张本地的图片上传,然后按 Enter 将图片发送出去,等待图片上传完成后,点击图片打开大图,单击右键复制图片链接。 在文本框内启用 /image 命令,在 prompt 中粘贴刚刚复制的图片链接(直接用鼠标拖动图片到 prompt 框内,效果和复制粘贴一样),空一格,然后继续输入正常的文本提示词和后缀参数,完成后发送信息,等待图片生成。 可同时添加多个图片链接,链接之间用空格隔开,图片链接一定要位于提示词开头。

    ③ 使用 Image Prompts 需要注意以下几点:

    如果是使用在线图片,链接必须是指向在线图片的直接链接,而非图片来源网页的链接,一般情况下在图片上单击右键可以看到“复制图片链接”的选项。 图像提示在 Midjourney 中对所有人可见,除非开启 Stealth Mode 隐身模式。

    三、Remix 模式 当一组图像生成好之后,我们可以开启 Remix 模式,修改原有图像的描述词、后缀参数和模型版本,来产生新的图像。Remix 模式具体使用方式如下:

    ① 在文本框内输入 /prefer remix,按 enter 发送以启用 Remix 模式。(启用后,生成的所有图像都会变成 Remix 模式,再次发送 /prefer remix 可以关闭该模式 )

    ② 点击已经生成好的图像下方的 V1/ V2/ V3/ V4 任一按钮,在弹出的文本框内修改原来的提示词,然后提交。( 正常模式下 V 按钮是用来生成图像变体的,点击后会变成蓝色;开启 Remix 模式后,点击 V 按钮会弹出可以修改原有提示词的窗口,按钮会变成绿色)

    原图与 Remix 模式下修改后的图:

    启用 Remix 模式 需要注意以下几点:

    使用 Remix 更改宽高比会导致图像拉伸变形。 在 Remix 模式中修改后缀参数时,需要注意后缀参数与版本是否契合,比如 --version 4 --stylize 10000 这样的提示不会生效,因为 v4 版本中 Stylize 参数范围是 0-1000,10000 已经超过了这个范围,二者不兼容。 四、--image weight 图像权重 图像权重参数 --iw 用于调整图像提示与文本提示的相对权重,--iw 值越高,图像提示对最终效果的影响就越大。没有指定 --iw 参数时会使用默认值,不同的版本中 --iw 的权重范围和默认值各有不同。

    注意:--iw 参数与其他后缀参数一样,需要放在图片链接和文本提示词之后才会起作用。

    五、--tile 无缝纹理 --tile 参数用于生成可重复拼贴的图像, 比如织物、壁纸以及其他无缝纹理,适用的版本包括 v1/v2/v3 和 v5。Midjourney 只生成一个基础图块,我们可以通过无缝图片检查工具 Seamless Pattern Checker 查看纹理拼接效果,或导入 PS 中利用图案工具进行无缝拼接。

    Seamless Pattern Checker: 无缝纹理检查 (pycheung.com)

    Photoshop 无缝图案制作:  https://uiiiuiii.com/photoshop/12128861.html

    以上就是本期为大家推荐的 5 个 Midjourney 绘画的进阶提示用法。喜欢本期推荐的话可以多多点赞收藏,之后会继续为大家推荐更多实用的 AI 绘画知识技巧。

    推荐阅读:

    AIGC神器 Midjourney V5 强势更新!逼真到令人发指! 大家好,这里是和你们一起探索 AI 绘画的花生~ 备受期待的 Midjourney V5 在上周四终于上线了,而且一发布就引起了不小的轰动,因此这次 V5 模型的图像生成效果“太惊人了”,无限逼近真实照片,让人难辨真假。

    阅读文章 >

    AI绘画神器Midjourney进阶手册:如何让生成的图片更加可控? 现在我几乎每天都在用 AI 绘画和 chatGPT,它们已经成为我工作的好帮手了。

    阅读文章 >

  • 为什么你的AI画的总是比别人的丑?送你一个万能公式!

    UI交互 2023-04-03
    你有没有想过一个问题,同样用 Midjourney,为什么 别人画出来是这样的:这样的:但你做起来却是这样的:这样的:根本原因是关键词的格式不对,当你输入关键词的时候,没什么头绪,想到什么,输入什么,赶鸭子上架这样不仅让自己 逻辑混乱 ,还容易把 AI 机器人搞懵,出现奇怪的图片送你一个万能公式,解决以上问题!马...

    你有没有想过一个问题,同样用 Midjourney ,为什么 别人画出来是这样的:

    这样的:

    但你做起来却是这样的:

    这样的:

    根本原因是关键词的格式不对,当你输入关键词的时候,没什么头绪,想到什么,输入什么,赶鸭子上架

    这样不仅让自己 逻辑混乱 ,还容易把 AI 机器人搞懵,出现奇怪的图片

    送你一个万能公式,解决以上问题!

    马上收藏!

    更多进阶技巧:

    AI绘画必学!5种 Midjourney 进阶提示用法 大家好,这里是和你们一起探索 AI 绘画的花生 ~ 上一期为大家介绍了 9 种在 Midjourney 绘画中常用的后缀参数,可以帮助我们生成更符合自己需要的图像。

    阅读文章 >

    一、实例操作环节 我想画一只送外卖的小橘猫

    首先输入:

    small cat, wearing a yellow takeaway costume,riding a motorcycle

    (小猫穿上黄色马甲,去骑一辆摩托车)

    很快,我们发现了几个问题

    小猫没戴头盔,不像送外卖的 光线过曝,失真 图片尺寸是 1:1 视角缺乏美感 背景太杂乱 总结以上的问题,改正后得到:

    形容词(small cat,This cat is a takeaway worker)+主体物(cat)+行为(wearing a yellow takeaway costume,riding a motorcycle)+艺术形式(photo real)+光线效果(Outdoor lighting)+色彩风格(color correction)+摄像机视角(side-view)+图片尺寸(--ar9:16)+应用模型(--v5)

    你看小猫这不就快快乐乐的去上班了吗?赶紧动手试一试吧!

    欢迎关注作者 微信 公众号:「设计师张爱国」

  • 为什么你的AI画的总是比别人的丑?送你一个万能公式!

    UI交互 2023-04-03
    你有没有想过一个问题,同样用 Midjourney,为什么 别人画出来是这样的:这样的:但你做起来却是这样的:这样的:根本原因是关键词的格式不对,当你输入关键词的时候,没什么头绪,想到什么,输入什么,赶鸭子上架这样不仅让自己 逻辑混乱 ,还容易把 AI 机器人搞懵,出现奇怪的图片送你一个万能公式,解决以上问题!马...

    你有没有想过一个问题,同样用 Midjourney ,为什么 别人画出来是这样的:

    这样的:

    但你做起来却是这样的:

    这样的:

    根本原因是关键词的格式不对,当你输入关键词的时候,没什么头绪,想到什么,输入什么,赶鸭子上架

    这样不仅让自己 逻辑混乱 ,还容易把 AI 机器人搞懵,出现奇怪的图片

    送你一个万能公式,解决以上问题!

    马上收藏!

    更多进阶技巧:

    AI绘画必学!5种 Midjourney 进阶提示用法 大家好,这里是和你们一起探索 AI 绘画的花生 ~ 上一期为大家介绍了 9 种在 Midjourney 绘画中常用的后缀参数,可以帮助我们生成更符合自己需要的图像。

    阅读文章 >

    一、实例操作环节 我想画一只送外卖的小橘猫

    首先输入:

    small cat, wearing a yellow takeaway costume,riding a motorcycle

    (小猫穿上黄色马甲,去骑一辆摩托车)

    很快,我们发现了几个问题

    小猫没戴头盔,不像送外卖的 光线过曝,失真 图片尺寸是 1:1 视角缺乏美感 背景太杂乱 总结以上的问题,改正后得到:

    形容词(small cat,This cat is a takeaway worker)+主体物(cat)+行为(wearing a yellow takeaway costume,riding a motorcycle)+艺术形式(photo real)+光线效果(Outdoor lighting)+色彩风格(color correction)+摄像机视角(side-view)+图片尺寸(--ar9:16)+应用模型(--v5)

    你看小猫这不就快快乐乐的去上班了吗?赶紧动手试一试吧!

    欢迎关注作者 微信 公众号:「设计师张爱国」

  • 用超多案例,帮你掌握「点」的8种设计表现手法

    UI交互 2023-04-03
    hi,我是鱼先生,专注平面视觉设计方向。今天和各位鱼友们聊聊设计中的重要基础知识点:点线面,系列一共 3 篇,先从点元素开始,那么点的主要表现作用有点缀、强调、烘托、装饰、平衡画面、统一等。我们听过画龙点睛的典故,有了眼睛的神韵之后,龙就会更加的活灵活现,像是有了生命一样,设计亦如此,元素的添加就如同画龙点睛一样...

    hi,我是鱼先生,专注平面视觉设计方向。

    今天和各位鱼友们聊聊设计中的重要基础知识点: 点线面 ,系列一共 3 篇,先从点元素开始,那么点的主要表现作用有点缀、强调、烘托、装饰、平衡画面、统一等。

    我们听过画龙点睛的典故,有了眼睛的神韵之后,龙就会更加的活灵活现,像是有了生命一样,设计亦如此,元素的添加就如同画龙点睛一样,做对了,那么画面也就活起来了。

    接下来,鱼先生会用通俗易懂的语言及案例解析,总结点的 8 种表现形式,以助于大家的吸收理解,分别是单点表现、多点表现、点元素的平衡性、方向与疏密、节奏感、视觉烘托、趣味性表现。

    OK,直接开始吧!

    往期干货回顾:

    画面平淡不够有冲击力?试试这5个小技巧! hi,我是鱼先生,不止会设计的 90 后解忧大叔。

    阅读文章 >

    一、单点表现 当点被单独使用的时候,就很容易起到聚焦、强调、吸睛的效果。

    如下图案例,是一张册子内页:

    作者:鱼先生

    在设计版面中,标题具备了是否能够抓住读者的作用,需要被突出,图中标题所添加的红点元素,既起到了装饰作用,又起到了强调吸睛的作用。

    作者:黄海

    上图中所有手电筒的光照都汇聚在下面的一个点上,通过手电筒的光束方向,以及手电筒大小的对比,引导了人们的视觉动线,起到了聚焦、吸睛的效果。

    上图中文字汇聚成为一个球状,从整体来看,文字组成的球可以看做点元素,通过与线组成的网进行结合冲突,让整副画面具备张力,视觉焦点也被吸引到了球的位置。

    当单点出现在画面中的时候,很容易出现聚焦的作用,比如下图无印良品的几张设计案例:

    上面的案例中,天空与地面的大场景代表了空,而黄色的小帐篷和第二幅作品里面的人物代表了实,空与实的对比,大与小的对比,即便是主体很小,人们仍旧会一下子把视觉聚焦在主体上,这个地方就用到了单点聚焦的表现手法。

    二、相同或近似的多点表现 相同或者近似的点被大面积使用的时候,具备一定的整体性,即便是点与点之间存在间距,整体看上去这些点元素的组合同时也充当了面的作用,作为背景元素或者主体而存在。

    先来看下日本艺术家草间弥生的波点艺术作品:

    在艺术作品中,多点的运用形成了一定的视觉冲击力,不仅仅可以作为背景使用,同时也可以作为主体物的组合元素而存在。

    当把这些点元素的表现形式作为设计元素应用在视觉设计中的时候,也能直观的表达出效果,我们看到大面积使用这些点的时候,即作为了背景元素,又能够成为主体元素,视觉冲击力也非常的强。

    如果基本一致的点元素有规则的出现在版面中的时候,大家可以观察到,具备稳定或者成为主体图形的作用。

    如下图案例所示:

    不断出现相同或近似点元素,画面就会相对平衡、稳定,同时也具备了加强视觉冲击力的作用。

    三、点元素的平衡性 通常情况下,大家会直观的认为点就是圆点,事实并非如此,点不一定就是圆点,可以是其他的点元素,比如字体、logo、图形等元素都可以某些使用场景中充当点元素。

    再者,从不同角度去思考的时候,点可以是面,也可以是点,就好像你站在地球上去观察地球,那么地球就是一个无边无际的面,如果你站在宇宙的角度去看,地球就是一个点,如同我们站在地球上看星星一样,都是星星点点的。

    所以说点的形态并不是单一的,要根据具体的事物、参照物、角度去理解。

    利用点元素填补空缺,促进画面的平衡,如下图案例:

    四周分散的红点,方正规矩的摆放手法,并且大小一致,位置分布四个点,起到了平衡与烘托气氛的作用,再加上文字版式的整齐化,让整副画面看起来更加稳定。

    当然了,点不一定就是大家所看到的单纯的点,就像留白不一定就是白色一样,点也可以是一个点元素,如下图案例:

    两个案例中右下角和左下角的logo部分充当了点的元素,起到了平衡画面的作用。我们看右边图形,如果左下角没有那个点元素,那么整副画面中心就太靠右上了,画面就会不稳定。

    四、位置关系与视觉动线 也可以通过点元素的表现,形成引导性,引导用户的视觉,或者通过规则或不规则的位置来体现统一或组织性。

    其实对于设计师来讲,很重点的一件事就是通过视觉去引导客户,任何一个画面中,小到一张名片也是如此,设计师在设计的时候就要考虑让客户按照何种顺序去阅读你的设计。

    我们先来看一张简单的案例:

    作者:鱼先生

    上图是一张画册目录,右侧画面中的页码序号部分就是利用数字与圆形的结合,然后起到了统一与强调的作用。

    讲到画册,这个地方想到一个知识点,就顺带讲一下,就是在 版式设计 中,层级是很重要的,整个项目的层级要保持一致性,比如上图的页码,或者一些文章的一级标题、二级标题等,这些都属于同一层级的内容,再或者同样的职位展示,当文案内容不一致的时候,作为设计师也要思考如何通过版面处理去让两者的层级重要性保持一致。

    如何表现层级的统一性呢?比如统一的色彩、统一的图标、统一的字体大小、当整体无法用规则的内容来表现统一的时候,那么至少在画面的重量、视觉感上保持统一性,甚至通过版面大小也能够体现层级统一的效果,这个知识点太多了,以后抽时间专门再讲一下吧。

    五、方向与疏密的表现形式 当画面中的点元素不断增加、汇聚,我们可以通过调整点元素的大小、疏密、方向等,从而让其产生不同的效果。

    跟着鱼先生一起在案例中,加深理解一下:

    通过点元素的大小和稀疏关系,从外围的稀松到中心的密集,很容易就把视觉焦点引向中心。

    如果说上面案例的聚焦效果不明显,那么我们再看下面这个案例:

    通过疏密把视觉吸引到右上角的字体上面,并且在这两张画面中我们发现组合点元素的是人物,并且通过对人物走向的表现,再一次把视觉焦点聚焦在文字上面,疏密与走向起到了双重聚焦的作用。

    六、节奏感 点元素对节奏感的把控也能起到至关重要的作用,通过对点元素的变形、疏密等调整,来带动整体的节奏律动,从而达到最终的设计目的。

    直接在案例中理解一下吧:

    左:图中出现的点元素通过粗细、大小的对比,然后再加以倾斜,速度感极强;右:这一张雨滴垂直落下,节奏感会更加平稳一些。

    类似的思考有很多,我们再看一组:

    左边药丸通过远近、大小、方向、疏密的关系,让药丸仿佛在静态的画面中动了起来,形成了有律动性的视觉冲击力;右边的花瓣脱落,并且根据脱落变形了花瓣的形状,给人的感觉就好像是装满了水的柔软气球一样,随着下落的力量,体积进行变形,让画面更具备张力。

    左:运用纸飞机的大小、方向,形成节奏感;右:抽象鱼图形的汇聚画面,通过大小、方向的表现方式增加画面的律动性。

    再或者类似下面这样的人物海报表现手法,也是比较常见的,其实就是通过点元素的虚实、大小等造成一定的空间感和节奏感,虽说很常见,但也是屡试不爽的好方法。

    七、视觉烘托

    通常在视觉中也会借用点元素的加入,从而烘托画面,同时也能够让整个视觉画面变的更完成美观。

    如下图这张案例,利用碎片的色彩增加氛围感。

    我们可以尝试去掉画面中的碎片,大家可以再观察一下,看上去视觉很干净,也并不难看,但是氛围感就下降了一些。

    上面提到了,点不一定就是圆点,像下图利用食物的碎屑进行填补画面,让整个画面更加饱满。

    右图想体现脆,通过碎屑的点缀,就更好地体现了脆的产品特点。

    我们继续来看一些气氛效果比较强烈的案例:

    气氛的强弱,其实和设计项目的本身需求有很大关系,比如类似运动类、梦幻色彩等类别,那么氛围感就可以表现得强烈一些。

    八、点的趣味性表现

    圆点本身具备一定的圆润度,当我们利用点元素在画面中制造活泼、趣味性的时候,就很容易去达到想要的效果。

    继续在案例中,加深理解一下:

    单从视觉上看,画面的点元素比较随意、活泼,色彩方面也比较柔、可爱,整体通过点元素的表现,看起来趣味性十足。

    圣诞节本身就是一个欢快的节日,点元素的加入,不仅代表了喜庆、活跃的感觉,更增添了欢快欢乐的气氛感。

    还有很多类似的案例,大家可以再看两张,加深理解:

    左:画面看上去比较平淡,利用增加不同色彩的点元素,从而让整个平淡的画面增加了一些氛围感和趣味性;右:虽然仅仅是文字性的排版,但是通过拟人的手法,让画面看起来像是笑到流泪的场景,趣味性十足,而且拟人手法本身就具备吸睛的效果。

    注:本文案例仅限辅助说明知识点,不作商用。

    写在最后: 其实每个设计元素的使用都是很广泛的,我们需要了解其概念,但同时也不要被概念所束缚,点线面虽然是很基础的内容,但我们融会贯通之后是非常有价值的,因为优秀的设计作品都离不开基础知识。

    所以鱼先生结合一些案例给大家进行了分析,至于到底如何去使用,其实并没有什么死板的定论,大家要根据学习到的知识在实践中多活学活用,只有坚持去学习,才能更好的理解点到底是如何运用的,希望大家可以多多实践、举一反三,加油!

    OK,今天的教程到这里结束!下期见!

    欢迎关注作者微信公众号:「摆渡鱼生」

  • 力推美团企业版,美团究竟意欲何为?

    设计动态 2023-04-02
    已经拥有930万活跃商家的美团公司,正在充分整合自身的“供应链”优势,冲向B端市场。 3月31日,据36氪消息显示,美团将于近期正式上线面向To B市场的业务“美团企业版”,定位企业消费赛道。美团企业版会为企业客户提供消费服务和管理方案,包括企业用餐、企业商旅

    据消息称,美团将于近期正式上线面向To B市场的业务“美团企业版”,定位企业消费赛道。美团为什么要在这时加速迈向B端市场呢?本文作者对此进行了分析,一起来看一下吧。

    已经拥有930万活跃商家的美团公司,正在充分整合自身的“供应链”优势,冲向B端市场。

    3月31日,据36氪消息显示,美团将于近期正式上线面向To B市场的业务“美团企业版”,定位企业消费赛道。美团企业版会为企业客户提供消费服务和管理方案,包括企业用餐、企业商旅、企业打车等服务,企业用餐将会是接下来美团企业版的主攻场景。

    在滴滴、携程分别在打车、商旅领域均有优质服务的情况下,美团究竟意欲何为?美团为什么会要在这个时候加速迈向B端市场呢?在笔者看来,企业用餐必将为美团企业版带来一个“完美的开局”,B端市场的大机遇,有望让美团再造一个美团。

    一、美团企业版是做什么的? 美团企业版到底是干嘛的?简单来说,美团企业版是一个专为企业消费而打造的一站式消费服务管理平台。

    在消费方面,与美团企业版合作后,美团企业版可为合作企业员工提供外卖、堂食、自取、团餐等多种用餐方式,以及打车、租车、共享单车等多种用车方式,还有机票、火车票、酒店、景点门票等多种差旅方式,满足企业不同场景和需求的消费。

    在消费管理方面,美团企业版提供在还包括消费规则设置管控、消费审批流程、消费数据报表等功能,让企业可以实现消费的管控、监督、分析和优化,提高消费效率和节约成本。

    可以肯定的是,依托于930万商家资源,美团企业版已经足够为企业多元化的消费需求提供全生命周期的服务。4月13日,美团企业版将正式举办名为“企业消费 从此简单”的发布会,正式对外推出美团企业版。

    事实上,美团对于B端市场的期待,早已开始。美团企业版的前身是美团商企通,最初是为美团内部员工提供福利用餐、招待用餐、差旅、企业用车等服务。在服务体系逐渐成型后,美团商企通也积极拓展企业客户,低调为美团的企业服务蓄能。

    从3月份开始,美团商企通的官网及品牌信息已变更为“美团企业版”,目前官网和App也都陆续上线。目前,美团企业版已经拥有过万客户,覆盖了金融、互联网、制造等多个行业,其中包括小米、爱奇艺、元气森林、顺丰速运、中国银行等企业。

    二、美团为什么要做企业版? 美团企业版负责人是美团企业业务部总经理康凯,在企业服务领域经验丰富,此前曾任美团创新业务部负责人,也有负责社区团餐项目的经历。在汇报线上,康凯向美团高级副总裁、到家事业群总裁王莆中汇报。

    从此次整合与更新品牌名就不难看出,面向B端市场的美团企业业务在内部的受重视程度不断上升。正式命名美团企业版也意味着,美团将真正踏进企业消费服务市场。

    在笔者看来,美团如此坚定进军B端市场的核心原因有两个:

    1)企业消费管理市场前景广阔

    从国内外市场的发展趋势来看,企业在消费时不仅需要更便捷的服务,更需要数字化、现代化的管理工具、体系来支撑,并且在许多垂直的细分领域,国内外都涌现了一批优秀的企业消费服务商。

    在国外,美国的Concur、Uber for Business、DoorDash for Work就在费用管理系统、企业用车服务、企业用餐服务提供了非常不错的服务。而在国内,滴滴、携程们的企业服务,也备受企业认可。

    据艾瑞咨询2020发布的《中国企业支出管理报告》中显示,仅核算商旅、出行、团餐、采购和福利五大场景的费用支出规模就已达到万亿级别,同时随着企业对员工个人报销和对公支出的费控管理需求越发明显,企业费用管理市场规模已是千亿级存在。

    从趋势上来说,企业消费管理市场的价值和潜力巨大,企业消费服务,这与美团的主业依然保持强关联,这就成了美团对未来的一种布局。不管是面向合作商家还是面向生态外的企业,B端市场将成为美团未来重要的一个增长动力。

    2)在企业消费服务市场,美团市场竞争力不容小觑

    目前,美团在C端市场地位优势明显,餐饮外卖、商家到店、酒店旅游业务在市场上都拥有极强的竞争力,成功获得了6.78亿交易用户的认可。

    这既能凸显出美团已经成为中国国民级生活消费平台,但也意味着美团如想持续高速发展就需要寻找新的增长力。布局B端市场,是美团未来营收增长的新动力,也是美团有底气做好的事情。

    此前,除积极加大发力的企业服务业务外,美团也曾通过B2B供应链方式为合作商家提供更深层次的服务。

    而在拥有海量的商家资源和配送资源的情况下,美团企业消费服务就拥有了强大的“供应链”,能为企业提供丰富多样、优质高效的用餐、用车、差旅等服务,900多万商家将让美团在企业服务交付方面拥有明显优势。

    同时,美团过去这些年也一直为商家提供数字化管理的工具,本身具备先进的技术能力和创新能力,可以为企业提供智能化、数字化、个性化的消费管理方案,帮助企业实现消费管控、数据分析、成本节省等目标。

    这样一来,拥有在企业消费端强大的供应链,又具备智能化的消费管理能力,企业消费服务成为美团再造一个美团的大机遇。

    二、结语 区别于垂直领域的企业消费服务产品,美团本就是综合消费服务大平台,海量的用户、商家、数据就注定美团企业版正式上线后将引发行业关注。

    笔者认为,B端市场并非蓝海市场,美团进军B端市场确实也有一些挑战,其正式推出企业版服务后也将面临着滴滴、饿了么、携程等平台的夹击,但可以肯定的是,以美团多次向外界证明过的组织管理能力和线下渠道销售能力,在美团持续保持在C端市场优势地位的情况下,美团企业版成为中国企业消费主要平台或许只是时间问题。企业版,将让美团成功再造一个美团。

    作者:Manjusaka

    来源公众号:松果财经(ID:songguocaijing1),解读财经热点事件,以独特的视角带你挖掘新经济时代的商业机会。

    本文由人人都是产品经理合作媒体 @松果财经 授权发布于人人都是产品经理,未经作者许可,禁止转载。

    题图来自 Unsplash,基于CC0协议。

    该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

    给作者打赏,鼓励TA抓紧创作!

    {{{path> 赞赏


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通