• 如何打造让人上头的游戏化增长玩法?来看大厂的实战案例!

    UI交互 2023-03-28
    本文通过用户视角设计分析和经典理论应用,揭示如何构思出让人上头的游戏化增长玩法。更多游戏化设计干货:游戏化设计怎么玩?看这一篇就够了!

    本文通过用户视角设计分析和经典理论应用,揭示如何构思出让人上头的游戏化增长玩法。

    更多 游戏化设计 干货:

    游戏化设计怎么玩?看这一篇就够了! 最近两三年游戏化设计被聊的很多。

    阅读文章 >

    一、前言 作为百度 APP 用户增长方向的设计师,我们一直致力于为用户打造更有趣好玩的运营活动体验,同时助力业务达成增长目标。本文将通过百度最经典的集卡玩法案例,结合用户视角的体验设计思考和理论方法,揭示 设计师 如何构思出让人上头的游戏化增长玩法。

    众所周知,ToC 产品的生命周期通常会经历四个阶段:导入期、成长期、成熟期、衰退期,运营方向在不同阶段会采取不同的运营手段助推产品增长。在导入期和成长期,运营手段侧重利益驱动,通过补贴/红包等短平快的推广活动快速获取用户;当产品积累了大量注册用户,进入漫长的成熟期,持续促进用户活跃就成为更加重要的目标,品牌运营活动是此阶段的主要运营手段之一,在利益驱动的同时,加强游戏化的趣味体验,取悦用户、制造记忆点,更有利于黏住用户、建立长期忠诚。

    百度移动端产品在过去的几年中经历了快速成长期、进入成熟期,运营设计团队在这期间设计支持了多种品牌运营活动,在历年的各种节日、体育赛事、高考等大事件中,通过丰富的游戏化玩法向用户传递品牌价值,激发用户参与热情、体验百度丰富的产品服务。

    二、设计师在游戏化增长玩法上如何发力? 要回答这个问题,我们一方面需要清楚上文提到的业务所处发展阶段和核心目标,另一方面我们需要了解影响用户参与热情的因素是什么,从而找到体验设计的发力点。通过若干次用户研究、与真实用户的多次对话,我们提炼出游戏化增长玩法的三个体验要素:玩法策略、世界观、情绪体验。

    1. 玩法策略

    在一个游戏化的运营活动中,玩法策略对用户参与热情的影响程度最强。用户进入活动首先感知到的便是玩法,这个活动是否吸引人、浅玩之后是否愿意玩下去、中后期是否能保持兴趣直到活动结束,好的玩法策略能够作为核心驱动线索、持续激发用户热情。

    例如百度的集卡玩法,是春节运营活动中一直延续的经典玩法,在过去 5 年中,很多忠实用户每年参与,已将百度集卡视为春节期间的传统活动。在 2022 年之初,设计团队就参与到了新集卡玩法的策划中,提出了一个满足业务诉求的升级方案,将过去的双层卡玩法,改造为多层高级卡闯关玩法,并在春节活动中赋予不同的主题,传达新年祝福的美好寓意。

    这个升级方案看上去并不复杂,其背后有一个经典的理论依据——心流模型。这个理论模型是由著名的积极心理学家Mihaly Csikszentmihalyi提出的,心流状态指的是:个人将精力完全投入在某件事上,并且感到兴奋和充实。

    结合用户研究结论,我们参考经典心流理论,模拟出集卡玩法的用户心流模型。我们在调研中发现,用户在活动初期的内心动力是较强的,急切地希望集齐卡片,但若尝试一段时间感觉难度太大,用户则很容易在这时放弃;而中后期需要反复合成同样的卡片,用户感觉索然无味。

    我们通过回顾分析发现,原来的双层卡翻倍玩法在界面上缺少明确的目标提示,用户对这一规则的感知较弱,并且重复收集同一套「运」卡感觉没有尽头,导致动力消退;于是我们提出了多层卡闯关玩法,将中后期翻倍玩法改造成有限的 4 个关卡,合成卡片依次解锁 4 套精致的高级卡,分多个阶段给用户目标感和新鲜感、注入新的动力,在长达 10+天的活动期,不断将用户拉回心流状态、保持参与热情。同时在策略方面降低了从始至终的集齐难度,让用户闯关更轻松、玩得更久。

    2. 世界观

    喜欢游戏的朋友对世界观应该并不陌生,它是游戏化运营活动体验设计的第二要素,在第一要素玩法策略的基础上,世界观就像一件外衣,让参与过程有了故事感、增添趣味、甚至打动人心。

    在 2022 年的世界杯集卡活动中,我们构思了一个简单的故事:集齐基础卡后用户解锁一只球队去参加世界杯,继续集卡合成让自己的球队晋级,从 16 强到冠军,最终根据晋级结果瓜分奖金。

    你可能发现,这个世界观的核心玩法与上文提到的春节集卡好像是一样的?没错,我们在同一个玩法上包装了球队故事,让集卡玩法完美贴合了世界杯大事件主题,也让球迷朋友们在百度产品内感受到别样的赛事氛围。

    这样的世界观是如何构想出来的呢?如果你自身想象力足够丰富,自己天马行空也是可行的。

    而在这个项目中,我们联动了多个职能一起进行脑暴,包括产品经理、交互设计师、视觉设计师、前端和后端研发同学,大家集思广益,最终确定了这个球队晋级的世界观。

    脑暴过程中,我们使用了问题引导和 5W1H 方法,逐步引导参与者构建世界观。在小组讨论时,基于 Kano 原则收敛形成最终的玩法世界观方案。Kano 原则中特别值得一提的是 Aha 时刻,运营玩法中的 Aha 时刻可以成为用户参与过程中的一个关键外部动力,比如「恭喜开启球队」就是一个关键的 Aha 时刻,制造动力阶梯,为用户打开一个全新的挑战阶段。

    UI 进阶必学系列:需求分析工具 KANO 模型 大家知道,长期以来我们一直在坚持分享一些基础的干货内容,那些看书、看分享很难系统搞得明白的知识点,这和我个人对基本功的执念有密不可分的关系。

    阅读文章 >

    关于脑暴方法还有很多种,例如白三角笔记法、六芒星、角色演绎等等。运营设计团队在多个项目都有应用。

    3. 情绪体验

    前面所讲的玩法策略和世界观,对用户的参与意愿有非常直接的影响,阶段性地为用户热情注入新的动力。而在界面设计上,顺畅而带有驱动作用的细节情绪体验也能起到助推作用。

    在这方面,我们将前人的著名理论应用到了设计定位和方案决策中,为用户设计出细致入微的活动情绪体验。

    其中八角行为模型理论对我们的情绪体验设计有重要启发,它是由游戏化和行为设计专家 Yu-Kai Chou 提出的,用八个维度概括了用户的行为动机,制造情绪感受从而激发用户行为。

    八角模型的上半部分属于白帽驱动力,让用户感觉积极正向、快乐和爽感;下半部分属于黑帽驱动力,用户感觉难以控制而焦虑;左半部分是人为制造的外部驱动力,右半部分是用户容易被激发的内部驱动力。

    每种玩法都天然具备一个较强的驱动力。我们的集卡玩法本身就具有较强的「稀缺」黑帽驱动力,因此需要在设计上制造更多白帽驱动力,来平衡「稀缺」给用户的负面感受,使用户愿意持续参与。

    通过这一分析,在 2022 世界杯集卡项目中,我们的体验设计目标也逐渐清晰了,着重加强「使命」「创造」和「成就」感、适当制造「未知」神秘感激发用户的内部动力。

    强化使命:前文提到的「球队晋级」世界观本身具备明显的使命感,在参与流程设计上,我们特意在用户集齐基础卡的时刻增加了「开启新阶段」弹窗,进一步强化球队的使命感。

    塑造成就:在 16 强到冠军的四个关卡上设计了晋级勋章,当用户集齐过关时,通过勋章转场塑造成就感,最终开奖时用户会获得最高勋章,辅助加强分享炫耀的动力。

    场景创造:在高级卡阶段,我们一改以往的常规卡片形态,通过球队图鉴的新形式,激励用户持续抽卡合成,填补缺失球员创造晋级场景,为集卡过程增添趣味性。

    未知好奇:在最初交互设计阶段,我们曾经纠结过这样一个问题:“对于未解锁的关卡,是否允许用户看到卡片”?如果用户最终都没有到达这一关,我们精心设计的球员卡片岂不是很可惜。最终我们与业务讨论决定在这个问题上保持未知好奇感,希望在现金激励这个外部动力之外,为用户增加一个内部动力因素,更有利于用户深度参与。

    通过这些细节设计,虽然集卡玩法的「稀缺」属性天然存在,但增加更多积极正向的情绪体验可以转移用户对负面感受的注意力,同时也让参与过程更加丰富有趣,打造出让人上头的玩法体验。

    写在最后 本文围绕游戏化增长玩法展开其中的设计思考,提出了玩法体验的三要素,深入剖析了心流模型、八角行为模型的设计应用。

    另一方面,笔者也想传达一个理念:我们作为设计师不仅要将交互过程和视效体验做到极致,还要能理解业务最核心的影响要素,广义地看设计师的个体价值,你会发现你能够在项目中发挥更多作用,打造出更加优秀的用户体验。

    最后,感谢你能读到这里,希望本文对你有所启发。

    欢迎关注作者的微信公众号:「百度MEUX」

  • 第四波!2023年3月精选实用设计工具合集

    UI交互 2023-03-28
    大家好,这是 2023 年 3 月的第 4 波设计干货合集!今天所推荐的优质工具当中,基于 AI 生成的工具依然占据着相当大的比例,有能帮你快速完成 LOGO 乃至于品牌设计的 AI 工具,有在手机上就能搞定电商产品主图设计的 APP,乃至于打算取代 Canva 的 AI 生成工具,而它仅仅只开发了7天!当然,在...

    大家好,这是 2023 年 3 月的第 4 波 设计干货 合集!今天所推荐的优质工具当中,基于 AI 生成的工具依然占据着相当大的比例,有能帮你快速完成 LOGO 乃至于品牌设计的 AI 工具,有在手机上就能搞定电商产品主图设计的 APP,乃至于打算取代 Canva 的 AI 生成工具,而它仅仅只开发了7天!

    当然,在此之前记得看看往期干货中有没有你感兴趣的素材:

    第三波!2023年3月精选实用AI设计神器合集 大家好,这是 2023 年 3 月的第 3 波设计干货合集!

    阅读文章 >

    下面我们具体看看这一期的干货:

    1、AI 驱动的 LOGO 生成服务 https://logomakerr.ai/ (需要魔法)

    Logomakerr 之前的名字其实是 Instant logo design,不过随着人工智能技术的加入,名字改了,连 .com 域名都换成 .ai 了,全方位升级。和其他的人工智能 LOGO 服务略有不同,Logomakerr 会在品牌化设计上更加深入,他们除了会在 AI 加持下生成专业而独特的 LOGO,还会给你矢量文件,相应的品牌设计组件素材,为社交媒体生成资料包,相当全面。

    2、基于AI的电商产品图生成服务 https://www.blendnow.com/

    用人工智能图的不就是省心么?这个名为 Blend 的服务,就是面向不会进行复杂产品图设计的素人卖家们的,无需高超的拍摄技能,借助 AI 抠图和内置的海量模板组合,快速生成产品图,在 2 分钟内快速完成以往需要专业设计师耗费大量时间来完成的产品主图设计。而且只要有手机就行。

    3、用 Midjourney 实现 Canva 核心功能的产品 https://www.painta.io/

    随着 Midjourney 大火,Painta 团队打算基于它来实现另外一个著名工具 Canva 的核心功能,他们使用 Midjourney 的接口,通过7天时间的开发,让 Painta 实现了制作 LOGO、网站着陆页、海报、传单手册、名片、邀请函等一系列常见的设计物料。现在 Canva 要开始担心了。

    4、基于 ChatGPT 的网站搭建工具 https://stunning.so/

    终于还是来了。不要被这个和 ChatGPT 类似的网页给骗了,它确实是可以给你生成一整个网站的。不过在创建之前,你需要实用文本(英文)给出你的需求,然后 Stunning 会在过程中提出一些问题,引导你细化需求,之后……你要的网站会迅速出现在你眼前,大概一分钟。试试看。

    相关的AI课程:

    提高3倍效率!能落地的AI绘画&设计系统课来了! 如何快速入门AI绘画和AI设计?

    阅读文章 >

    5、精选 Web 产品设计灵感库 https://refero.design/

    在 Dribbble 和 Behance 这样的平台上获取灵感是不错的选择,但是对于需要落地的实际项目而言,Refero 所提供的这些实际的优质设计项目有着更高的价值。Refero 汇集了目前最前沿、优秀的网页产品,你可以从中找到你想要做的设计项目类似的乃至于竞品的设计,从中了解细节,获得参考。

    6、开源免费的 UI 组件和模板 Float UI https://floatui.com/

    Float UI 是一个建立在 Tailwind CSS 和现代 JS 框架之上高素质 UI 库,它目前完全免费开源,兼容性极好,代码干净利落,功能完善,这也意味着它给设计师和开发者留下了足够大的空间来进行深度的定制化。这套 UI 库出自一位毛里塔尼亚的 19 岁从事自由职业的小伙之手,他干净的代码和完全免费的决定令很多前端/设计的前辈都感到汗颜。

  • 用超多案例,帮你学会区分现代主义跟国际主义风格

    UI交互 2023-03-28
    本期内容,我们将正式讲述一下“现代主义”与“国际主义”的区别跟联系。更多设计史故事:用一篇文章,帮你了解风靡平面界的「图画现代主义」上回我们聊了意大利的“自由风格“,作为新艺术平面设计风格的收篇内容,从 1890 年到 1910 年,历时大致 20 年的新艺术基本走向谢幕。阅读文章 > 过去讲述的现代主义,...

    本期内容,我们将正式讲述一下“ 现代主义 ”与“国际主义”的区别跟联系。

    更多 设计史 故事:

    用一篇文章,帮你了解风靡平面界的「图画现代主义」 上回我们聊了意大利的“自由风格“,作为新艺术平面设计风格的收篇内容,从 1890 年到 1910 年,历时大致 20 年的新艺术基本走向谢幕。

    阅读文章 >

    过去讲述的现代主义,主体有德国、荷兰与俄罗斯,而国际主义主体主要是美国,两种风格之间存在因果关系。

    它们的衔接是通过建筑完成的,后来延展到产品,平面,然后再从这些领域走出美国,去到欧洲,日本,直至影响全球,1960 年代-1980 年代期间国际主义发展为一种垄断式的风格。

    国际主义成为建筑中的垄断风格

    直到如今多种风格并存的年代,国际主义仍旧占据了极大比例。

    一、东山再起 国际主义这个名称是怎么来的呢?

    话说 1927 年时候德国举办了一个叫“魏森霍夫现代住宅“(Weissenhof-Siedlung Houses)的建筑展览,这个展览在当时像一场英雄大会,是德意志制造同盟组织的一次大型”华山论剑“类活动。

    魏森霍夫现代住宅全景

    大致流程是邀请当时新锐的建筑大咖各自设计一栋建筑进行评奖交流,这些建筑展现出一种统一的现代主义风格,讲究理性功能,造型简约。

    魏森霍夫现代住宅

    而当时现场恰好有一位刚刚从哈佛毕业的年轻美国人,名叫菲利普·约翰逊(Philip Johnson)。

    年轻的菲利普·约翰逊

    约翰逊认为这次建筑展览的风格日后一定会国际流行,他首先将其称为“国际主义风格”(International Style)。

    此人后来成为一名建筑师与设计评论家,其家族本身非常有实力,于是年纪轻轻的他在欧洲设计界拥有广泛高端的人脉,是现代设计进程中一位重要的人物。

    约翰逊后来设计了著名的玻璃屋

    他通过撰写文章及为项目引荐设计师的方式让现代主义慢慢进入美国。

    而 20 世纪 30 年代发生了著名的“包豪斯人才集体移民事件”(详见过去文章),大批现代主义设计大人物来到美国,美国因此成为现代主义后续发展的主要地区。

    看故事学设计!包豪斯是如何在美国德国发展起来的? 1933 年包豪斯被纳粹政府正式关闭,但所谓“人在灯就在”,包豪斯培养出来的优秀学员并没有放弃对现代设计的探索。

    阅读文章 >

    包豪斯设计学院部分导师

    欧洲的现代主义设计研究服务对象其实主要是贫民,因为当时欧洲社会只是简单划分为少数富裕阶层及大量平民百姓,现代主义设计思想中存在民主与理想主义色彩。

    而美国社会结构是两者中间还存在大量收入不错的中产阶层,他们才是美国社会的核心构成,所以现代主义刚到美国好像一下子失去了服务对象。

    美国 1950 年代的中产家庭

    所以他们初期需要通过尝试找到打开市场的路径,这种尝试最后也打通了美国每个阶层。

    首先是曾为包豪斯第三任校长的密斯凡德罗主张的“少即是多”设计理论打动了美国人,这种风格具有鲜明的现代特征,代表作品有纽约的“西格莱姆大厦“(Seagram Building)。

    晚上的西格莱姆大厦

    这种钢筋混凝土与玻璃幕墙组合的大楼结构非常受美国企业欢迎,认为格调一流,简约不简单,重视理性而有品质感,让人耳目一新,被大型企业广泛喜爱。

    再然后是包豪斯创始人格罗皮乌斯做的德绍包豪斯校舍那种建筑风格因为成本低廉,功能好用,形式简约也被美国人广泛应用到学校、大学宿舍、政府办公大楼跟一些低收入阶层的住宅当中。

    格罗皮乌斯设计的哈佛研究生综合大楼

    如此双管齐下之后,现代主义建筑的形式就成为“国际主义“建筑的标准面貌。

    因此我们要清楚,现代主义跟国际主义在形式造型上基本一致,区别在于意识形态,现代主义主张为大众服务,民主主义与理想主义,而国际主义则代表资本主义的权力金钱,还有市场商业法则。

    现代主义是包容的,我们会看到一些不同形态的现代主义,比方芬兰大师阿尔瓦阿尔托(Alvar Aalto)的“人情化现代主义“,而国际主义初期有强烈独裁倾向,排斥其理念之外的任何风格。

    阿尔瓦阿尔托及其建筑作品

    二、“新现代主义”与“典雅主义” 史太浓已出版书籍《设计大师启示录》里面谈过了大部分现代主义第一代建筑大师的故事及作品,所以他们后期虽然有国际主义发展阶段,但本次不重点讲,大家自行了解。

    本次重点讲述的是活跃于 1950-1970 的第二代现代主义建筑师。

    国际主义风格的伟大之处从第二代建筑师开始,优秀的设计师不再只局限于欧美,而是分布在世界各地,包括亚洲、拉丁美洲甚至非洲,形成一种真正的世界性建筑运动,影响面的广泛史无前例。

    巴西设计师尼迈耶的国际主义风格建筑作品

    我们选取四位作简单介绍,这四位人物恰好各自代表“国际主义风格”成熟发展后的四个主要分类。

    分别是代表“新现代主义”的贝聿铭(Ieoh Ming Pei),代表“典雅主义”的山崎实(Minoru Yamasaki),代表“有机功能主义”的埃罗·沙里宁(EeroSaarinen),还有代表“粗野主义”的路易斯康(LouisI.Kahn)。

    这里需要强调一下,尽管他们各自代表的流派都有名头,不同研究者也有不同看法,史太浓在此都根据时间阶段将他们纳入到“国际主义”风格范畴进行讨论。

    贝聿铭是著名华人建筑师,从小在苏州于上海长大,随后到美国麻省理工学习,研究生阶段入读哈佛。

    贝聿铭

    因此他曾直接师从格罗皮乌斯,有很纯粹的包豪斯基因,他的代表作品有美国国家大气研究中心,华盛顿国家美术馆、巴黎罗浮宫(改建)及香港的中银大厦等。

    华盛顿国家美术馆

    以贝聿铭为代表的“新现代主义建筑”首先基于现代主义建筑基本原则,重视功能与理性。

    然后进一步结合现代材料及功能、心理等需要,完善与提升现代主义,几十年如一日,不断打磨。

    巴黎罗浮宫

    就算在 1970 年代之后”后现代主义“建筑慢慢崛起,贝聿铭仍旧不为所动,他觉得现代主义的设计逻辑非常合理。

    香港中银大厦

    他曾经表示:建筑是很严肃的设计,不应该是一种时尚,不可能 20 年来一次革命。

    现代主义最后的设计大师:华人之光贝聿铭(上) 随着史太浓「大师列传」的发表,蛮多朋友私信给我们提出自己希望看到的大师,其中有一位频率特别高,而他恰好也在我们的讲述计划内,就是今天的主人公,被我们称为华人之光老爷子的贝聿铭先生。

    阅读文章 >

    现代主义最后的设计大师:华人之光贝聿铭(下) 贝聿铭曾是包豪斯创始人格罗比乌斯的学生,也是唯一作为华人跻身于现代设计大师行列的,而且被誉为「现代主义的最后一位大师」。

    阅读文章 >

    跟他同样坚守现代主义且做出成绩的建筑设计师不多,美国的“纽约五人组”算是其中之一,以后有机会再跟大家介绍。

    接下来是日裔美国人山崎实,他代表了“典雅主义”这种建筑风格,最著名代表作品正是 2001 年 9 月 11 日在美国纽约被恐怖分子炸掉的“世界贸易中心”(双子塔)。

    山崎实

    山崎实在父亲那一代其实就已经移民美国,但家庭中一直保留非常传统的日本习俗,这些日本传统文化影响了他后来对建筑设计的理念与审美观。

    中学毕业后山崎实就到华盛顿大学学习建筑,毕业后曾经在纽约哥伦比亚大学教书。

    911 被炸掉的双子塔就是山崎实的作品

    1945 年时候去了一所建筑设计事务所工作五年,最后自行创业,成立山崎实设计事务所。

    他的成名作品是美国密苏里州的“圣路易机场候机大楼”(Lambert-St. Louis International Airport)。

    圣路易机场候机大楼

    这栋大楼在 1956 年落成,当时正值密斯凡德罗“少即是多”那种国际主义发展最迅猛的时候,大部分建筑都做成一个盒子模样,山崎实的建筑首先让大家发现了国际主义的更多可能性,因为这个候机楼他采用了三个优美的拱壳作顶部,有种特殊的典雅气息。

    所以山崎实所代表的“典雅主义”是基于区分密斯凡德罗那种刻板建筑而成立的。

    这个主义的主张大致有几点,首先认为建筑强调功能第一之余还要考虑心理感受,所以必须美。

    山崎实作品“麦克格里戈纪念会议中心”

    然后大量使用玻璃与钢筋混凝土的同时不否定传统木材、沙石与砖块等材料,最后则是不能只盲目学习第一代大师的建筑形式,而应该学习他们的思想。

    基于这几点构成了“典雅主义建筑风格”,成为国际主义建筑当中一个重要流派。

    三、“有机功能主义”与“粗野主义” 埃罗沙里宁是芬兰人,父亲也是著名建筑师,名为艾里尔·沙里宁(ElielSaarinen),他与儿子曾经共同组建了一所“沙里宁与沙里宁设计事务所”,非常有意思。

    埃罗沙里宁 VS 艾里尔·沙里宁

    两人的设计当中都带有北欧设计传统的“有机功能主义”风格。

    所谓“有机功能主义”我们可以理解为“有生物形态的功能主义”,就是在重视功能实现的前提下,建筑有生物形态或者自然形态的形式感。

    这种建筑风格经过小沙里宁演绎,成为国际主义建筑当中一个重要流派。

    沙里宁的代表作品首先是 1953 年的麻省理工学院克莱斯格大会堂。

    麻省理工学院克莱斯格大会堂

    这个会堂采用了大穹顶结构,像一块手帕飘落在建筑顶部,整体形式简单,室内宽敞且分布合理,仍然充分体现国际主义建筑特点。

    这个时期跟山崎实设计“圣路易机场候机大楼”差不多时间,所以两人几乎同一个阶段在国际主义建筑中打开新的局面。

    除此之外还有现已经成为美国国家象征性建筑之一的“杰斐逊国家纪念碑”,这是一个巨大的抛物线金属拱,雄伟无比,落实时候好评如潮。

    杰斐逊国家纪念碑

    而沙里宁最为巅峰的作品是“肯尼迪国际机场的美国环球航空公司候机大楼“,沙在建筑中央沙里宁大胆使用了一种展翅腾飞的鸟抽象形态,建筑内外部几乎没有直线,但功能良好,形态简约,将”有机功能主义“发挥到了极致。

    肯尼迪国际机场的美国环球航空公司候机大楼

    最后是路易斯康代表的“粗野主义“,他在生时候并不是非常受重视,但去世后慢慢被追认为国际主义风格最重要的大师之一。

    路易斯康

    其实”粗野主义“早在现代主义时期由勒·柯布西耶创立。

    这种风格顾名思义,就是在建筑设计中刻意不作精细化修饰,让材料与形态凸显一种天然与粗犷,比方不加粉饰的混凝土墙面,形成一种独特风格。

    勒·柯布西耶的粗野主义风格建筑

    勒·柯布西耶这方面的代表作品有巴黎大学瑞士学生宿舍及马赛公寓等。

    路易斯康最初曾在费城的宾夕法尼亚州大学读建筑,这所学院教授的是比较传统的古典建筑法则,一般要从研究古罗马建筑开始。

    路易斯康后来在 1924 年毕业后到欧洲游历无意中了解到正在兴起的现代主义建筑,对柯布西耶的思想深深着迷,继而坚决在后来的国际主义风格中走出自己的路线。

    路易斯康的发展道路并不顺畅,他从 1935 年成立公司以来一直处于探索风格的过程,期间还曾经到意大利“回炉“进修建筑。

    直到 1965 年 60 岁的他才算设计出代表作品,就是宾夕法尼亚里查兹的医学研究中心大楼。

    宾夕法尼亚里查兹的医学研究中心大楼

    他认为建筑内部空间应该划分为两部分,一个是主要的,一个是次要的,主要的包括大厅跟房间,次要空间包括楼梯、电梯、出入口通道等。

    他将这些次要空间集中设计在研究中心大楼的四个塔筒里,显得很有特点,目的是突出主要空间,这种方法成为路易斯康设计建筑的一个重要原则。

    大楼的塔筒

    他的另一个重要作品是 1974 年才竣工的耶鲁大学英国艺术中心,这个作品有古典与中世纪建筑的影子,采用了简单粗野的几何形式,全部材料都是钢筋混凝土及砖块构成。

    耶鲁大学英国艺术中心

    路易斯康将这些不同元素很好统一了起来,成为他独有的设计风格。

    本期内容到此结束,感谢各位,下期再会。

    欢迎关注作者的 微信 公众号「设计史太浓」:

  • 大厂资深设计师:为什么我们不会被 AI 取代?

    UI交互 2023-03-27
    「从技能维度分析,你会 UI/UX 设计吗?」「UI/UX 设计这些能力...」设计界的风总是一波未平一波又起,从区块链到元宇宙,最近因为 ChatGPT 的热议,又让设计师到底会不会被 AI 取代的讨论甚嚣尘上。更多相关的分析:总监深度分析!

    「从技能维度分析,你会 UI/UX 设计吗?」

    「UI/UX 设计这些能力...」

    设计界的风总是一波未平一波又起,从区块链到元宇宙,最近因为 ChatGPT 的热议,又让 设计师 到底会不会被 AI 取代的讨论甚嚣尘上。

    更多相关的分析:

    总监深度分析!UI设计也要被AI支配了? 最近 AI 绘画越来越成熟,能做的事情也越来越多,很多同学经常在群里或私信中问我关于对 AI 绘画的观点和看法,以及 AI 绘画对 UI 设计师有什么影响,所以今天独立写一篇内容,来具体讨论下这个话题。

    阅读文章 >

    credit: Pawel Czerwinski on unsplash

    一、它会设计界面 对于 AI 来说,比起频繁出错的人物手指绘图,UI/UX 界面的数据更加好分析,框架、组件、易用的按钮位置等等,都是 AI 构建界面的依循逻辑。

    像 Midjourney 原先由 AI 艺术项目实验室打造出来的生成艺术工具,在席卷 插画 界的同时,也有不少 UI/UX 设计师探索从输入文本到图像生成界面的应用方式。

    旅游 APP 由 Davis Taylor Brown 基于 AI 生成

    电影 APP 由 Davis Taylor Brown 基于 AI 生成

    当然,AI 是基于现有的数据库,各取所长输出符合指令的图像,这涉及到版权问题。

    但这类型仍在发展早期的工具已经明显地展现出潜力,设计师在灵感启发、概念探索阶段使用,能够轻松生成并快速获得视觉创意的各种参考选择,过去可能需要一周甚至更多的调研时间。

    现在,只要按下按钮,8 小时的工作缩短成喝口水的时间。

    作为 UI/UX 设计师,我们可以通过 Midjourney 提供的各种广泛界面启发创意、参考视觉、测试框架等等,当然在方案收敛阶段,作为人类我们仍旧要重新绘制成可交付的界面档案,并确保方案符合商业目标以及“以人为本”的有效易用原则,来向最终使用者呈现出原创、好用的体验。

    看到这里,作为设计师的你是不是喘了口气?

    等等,这里有个 Figma 插件呢。

    与 Midjourney 生成艺术图像不同,Galileo 作为 UI/UX 设计师常用工具 Figma 的插件,可以直接通过适当文字指令生成可编辑的界面档案。虽然现在仍未开放试用,但通过前 Dropbox CEO 的背书获得了设计界大量的关注。说不定哪天你的产品经理都开始用上了呢。

    www.usegalileo.ai

    www.usegalileo.ai

    除 Galileo 以外,Figma 社区萌生大量 AI 应用,当下习以为常的基本功训练,很有可能将被浓缩成工具指令。

    AI 画图标、写文案、生成图片

    二、它会做设计迭代 连梦龙的母公司都在使用 AI 做设计迭代。

    你可能在超市买过卡乐比这个牌子的薯条零食,但你应该不知道,看似挺传统的实体设计行业也受到 AI 的影响。

    Plug AI 是 2014 年由市场调研公司与包装设计公司合并转型为数据服务的公司,卡乐比通过其研发的“Package Design AI”系统,经过眼动分析以及消费者满意度预测,调整包装设计师原版设计(下图右侧黑字版本)。经过调整后正式推到市场上,达到了超过一倍的销售额增长,吸引雀巢、森永、联合利华(梦龙为其旗下品牌)等大公司使用。

    该公司目前正预计推出品牌设计、品牌识别到应用拓展的服务。

    Plug AI 为日本零食大厂提供的测试服务

    Plug AI 基于千万笔数据已可分析生成包装设计

    三、它符合商家需要 缓一缓,上面的 UI/UX 介面跟包装设计 AI 工具,都需要设计师最终调整,更多是对设计起到较大的参考意义,设计师还不用太担心会被取代...

    真的吗?虽然确实部分设计师是不会失业,但是 AI 真的会促使一大批设计师转型。为什么会这样?你看看下面这家公司提供的服务就了解了。

    pebblely 关于数十种渠道尺寸拓展范例

    Pebblely 与 Midjourney 都是通过文字指令输出图像的 AI 服务,但与 Midjourney 最大的不同在于,Pebblely 满足了商家对终端宣传渠道图片质量的要求。

    通过提供产品 PNG 搭配你想销售的氛围及元素描述,就可以合成多张光影、透视都合理,精致度达到可以直接使用的图像,如上图呈现,对于不同渠道尺寸的差异都在 Pebblely 的服务范围内。

    AI 极大的压缩了劳务性质的工作内容,比如对静态产品图项目,摄影师不需要花费大量时间布景;对电商店铺设计师来说 排版 、拓展似乎也是一瞬间的事情。

    pebblely.com

    pebblely.com

    四、它能满足 99%的人 对大众消费市场来说,绝大多数人接收到的信息是文字、图像、界面、视频等实际媒介,他们不会去关心当下消费的内容背后的选题、切入点等,这些需要人类费心思的部分。

    我们可以在博主所长 bibabo《指南|4 个免费 AI,不露脸也能做颜值博主?》视频中看到,他演示了如何通过 ChatGPT、Midjourney、D-ID、Mubert 四个免费对公众开放的 AI 工具从脚本、台词、形象、配音生成、音乐生成,输出一个带配乐的虚拟人谈话视频。

    credit: 所长 bibabo on xhs

    这感觉已经比起许多博主更显得专业吧,而且人们通过这套流程可以低成本大量输出观点,甚至会有不明所以的人们误解,对社会带来一定的冲击。

    而我们从本文提到的 AI 工具来看,AI 生成绝对已不是科幻小说内的幻想。

    “人工智能是人类需要做出的最后一项发明。Machine intelligence is the last invention that humanity will ever need to make. -

    Nic Bostrom,牛津大学人类未来研究所的创始主任,以研究人类增强伦理学、超智能风险闻名的瑞典哲学家。

    从 Bostrom 的观点来看,似乎认为人们的创新能力将终结在人工智能真正被发明出来的那一刻。

    而联合国教科文组织也提到了,继互联网和移动互联网引发第三次工业革命之后,以大数据驱动的人工智能技术正在推动第四次工业革命,这可能会撼动全球平衡。

    总结:但 AI 不了解人类 AI 没办法创造新东西,它是规律跟分析的产物。

    如果对需求理解得不清晰,对 AI 下的指令偏差的话,即使在 1 小时内能生成数千套方案,也是不能满足人们的需求,达到提升体验的目的。

    作为设计师我们不能抗拒时代与科技的巨轮,就如同百年前驾驶马车的车伕,难以设想到现在几乎人人都可以考取驾照开车上路。

    AI 无法直面一位连自己都不清楚自己想要什么的用户,而设计师的存在就是以人为本位,挖掘并定位用户痛点,并以美观简单的方式解决问题。AI 有知识但不等于有智慧。

    我们不会被取代。

    工欲善其事必先利其器,设计师可以利用 AI 降低劳务性工作,为真正需要钻研的问题费功夫,或许是商业理解、或许是团队管理、更可能是创造一个从 0 到 1 的新鲜事物。

    “重要的是 ChatGPT 是个工具,它的输出应该是提供人们作为进一步完善和编辑的起点,而不是直接用于最终设计。It’s important to note that ChatGPT is a tool, and its output should be used as a starting point for further refinement and editing, rather than being used directly in a final design.

    - ChatGPT 它这么说。

    欢迎关注作者微信公众号:「淘宝设计」

    提高3倍效率!能落地的AI绘画&设计系统课来了! 如何快速入门AI绘画和AI设计?

    阅读文章 >

  • Midjourney进阶教程!7大方向快速生成合心意的AI人物形象

    UI交互 2023-03-27
    一、前言由于在工作中,经常会涉及到使用人物素材完成 Banner 设计的工作,于是最近开始探索关于 Midjourney 进行 AI 人物生成的相关测试,同时将这一段时间的经验分享出来。基础教程看这篇:超详细!AI 绘画神器 Midjourney 基础使用手册一、前提条件 需要魔法: 新用户可免费创作 25...

    一、前言 由于在工作中,经常会涉及到使用人物素材完成 Banner 设计的工作,于是最近开始探索关于 Midjourney 进行 AI 人物生成的相关测试,同时将这一段时间的经验分享出来。

    基础教程看这篇:

    超详细!AI 绘画神器 Midjourney 基础使用手册 一、前提条件 需要魔法: 新用户可免费创作 25 张图片,超过需要办会员 版权问题:会员生成的图片版权归创作者所有 Midjourney相关资讯: 二、注册/链接 服务器 温馨提示:下方多图预警 1. 注册、创建服务器 ① 打开Midjourney官网,右下角选择"J

    阅读文章 >

    刚开始接触和使用 Midjourney 的时候,最大的问题在于生成的人物图片无法保证人物位置的大小和视角,想要固定某一种动作,只能通过垫相同动作的图片的这种方式去解决。

    后来经过一些了解摄影的朋友,通过他们了解到这些都是可以通过摄影的知识来补充的这方面短板的。

    后来我去咨询了 ChatGPT,它确实给了我一些很有用的方向。

    根据 ChatGPT 的建议,我这里将生成 AI 人物类型图片的方向确定为一下 7 方面:

    人物构图的视角选择 人物角度的选择 人物距离的选择 人物表情的选择 人物氛围感的选择 人物服装的选择 人物风格的选择 通过这 7 个方向,我们来进行了实验。

    二、人物构图的视角选择 视角可以按照相机相对于被拍摄对象的位置,分为正面、背面和侧面。

    当然,拍摄角度不仅限于这三个方向,还可以有更多不同的角度选择,这需要根据被拍摄对象和拍摄需求来选择合适的角度。

    测试:不加入关键词的 AI 生成的图片会是什么样子?

    生成思路:年轻的女孩

    生成咒语:young girl, --ar 16:9

    通过随机生成的 8 张来看,由于没有其他关键词的约束,目前随机出来默认的人物形象偏欧美风,人物视角的比例偏差也都保持在了正面和侧面,那么我们现在可以通过增加构图视角的关键词来限定人物呈现的视角。

    我们来看看增加不同视角之后的样子吧。

    1. 正视角

    正视角是指在人像构图时,拍摄对象正对着相机的姿态,使人像呈现出正面的视角。

    咒语关键词:Front view

    生成思路:正视角的年轻女孩

    生成咒语:young girl, front view, --ar 16:9

    通过随机生成的图片来看,由于受到正视角关键词的约束,目前随机出来人物都是偏正面的,结果相对来说是较好的,那么我们就继续来看一看其它的视角。

    2. 后视角

    后视角是指从被摄对象的背后拍摄的视角,也就是以被摄对象的背部为主要构图元素的拍摄方式。

    这种视角可以营造出一种神秘或者引人遐想的氛围。

    咒语关键词:Back view angle & Back angle

    生成思路:后视角的年轻女孩

    生成咒语:young girl, back view angle, --ar 16:9

    通过随机生成的图片来看,通过后视角关键词的约束,目前随机出来人物都是展现人物背面的,结果相对来说是较好的,那么我们就继续来看一看其它的视角。

    3. 侧视角

    侧视角是指观察或拍摄物体或场景时从侧面的角度观察。

    在视觉艺术中,侧面视角可以用于展示物体的形状和轮廓,或者创造深度和距离的感觉,同时可以用于捕捉被摄对象的侧面,突出其特征和特点。

    咒语关键词:Side view & Shoulder level view

    生成思路:侧视角的年轻女孩

    生成咒语:young girl, Side view, --ar 16:9

    通过随机生成的图片来看,通过侧视角关键词的约束,目前随机出来人物也都是侧面的形象,结果相对来说也是较好的,那么我们就继续来看一看其它的视角。

    4. 仰视角

    仰视角是指观察或拍摄物体或场景时从底部的角度观察。

    在人物构图中,仰视角可以用于捕捉俯瞰等场景,或者突出被摄对象的底部特征,这个视角通常会让物体看起来更为庞大和高大,具有一定的视觉冲击力和震撼效果。

    咒语关键词:Bottom view & Low angle view

    生成思路:仰视角的年轻女孩

    生成咒语:young girl, low angle view, --ar 16:9

    通过随机生成的图片来看,通过仰视角关键词的约束,目前随机出来人物的形象,结果看起来确实是仰视角,但是从摄影角度来看的话,只有第三、第四张照片构图会符合大众审美以外,其它图片的角度的图片都是有一定问题存在的,那么是什么问题造成的呢?我们一会儿深究!现在先继续来看一看其它的视角。

    5. 俯视角

    是指摄像机的视线从上方向下拍摄被拍摄对象,这种角度通常可以让拍摄者更好地捕捉到人物的身体语言和动作,通过强调身体语言和动作、放大视觉效果。

    咒语关键词:Bird's-eye view

    生成思路:俯视角的年轻女孩

    生成咒语:young girl, lbird's-eye view, --ar 16:9

    咦!这个生成的结果跟上面仰视角度的结果一样,生成的图片好像确实没有什么很大的问题,但是又有一种明显不对的感觉。

    于是我又咨询了一下那位玩摄影的朋友,他看完之后告诉我,很多时候除了视角需要保证之外,还需要考虑人物在画面之中的位置以及拍摄的高度来呈现的视觉效果的,也就是说还需要考虑人物的角度和人物的距离,那我们接下来看看,到底是不是如此。

    还有其它特殊视角,大家可以根据关键词自由尝试,例如:

    自由视角(Free camera) 固定视角(Fixed camera) 运动视角(Dynamic) 透视视角(Perspective) 三、人物角度的选择 什么是人物的角度选择呢?通俗来说就是拍摄的高度。

    不同的拍摄角度可以呈现出不同的情感和视觉效果,可以通过选择合适的拍摄角度可以突出被拍摄对象的特点,提高照片的表现力。 一般常用的有这 3 种角度

    高角度:位于被拍摄对象的上方,适合拍摄俯视角度的场景,可以突出被拍摄对象的大小和高度。 低角度:位于被拍摄对象的下方,适合拍摄仰视角度的场景,可以突出被拍摄对象的高度和威严感。 平视角度:与被拍摄对象在同一高度,适合拍摄平面场景,可以突出被拍摄对象的水平线和平衡感。 1. 低角度

    位于被拍摄物体的下方,可以强调物体的高度感,适用于拍摄建筑物、树木等。

    咒语关键词:Low angle view

    生成思路:低角度的年轻女孩

    生成咒语:young girl, low angle view, --ar 16:9

    这次配合使用角度生成的结果的确也比之前单纯使用仰视角生成的结果要好很多了,没有出现人物对镜头的感觉了,图片整体实现的结果还是比较和谐的,那我们继续看一看其它的角度。

    2. 高角度

    位于被拍摄物体的上方,可以强调物体的底部,适用于拍摄人群、城市等。

    咒语关键词:High angle view

    生成思路:高角度的年轻女孩

    生成咒语:young girl, high angle view, --ar 16:9

    从这次的生成结果上来看用俯视角+高角度生成的图片,要比单纯使用俯视角生成的结果更自然,更符合人物摄影的特征。

    3. 平视角度

    位于被拍摄物体高度相同,呈现出一种中性的视角,适用于拍摄人像、风景等。

    咒语关键词:Eye level view

    生成思路:平视角度的年轻女孩

    生成咒语:young girl, eye level view, --ar 16:9

    四、人物的距离选择 接下来我们继续看看人物距离的选择,在人物构图时,可能需要选择合适的焦点来突出人物,可以根据下面 6 种距离方式来确定人物的位置。

    1. 局部特写

    这里的特写一般是指拍摄人物头像照片的视角,通常是拍摄人物的头部和肩部,使其成为画面中的主体,其目的是展示被摄者的面容和特征。

    这种构图通常采用近距离的拍摄,与头像类似,面部镜头通常侧重于展示被摄者的面容和特征,但相比头像更注重表情、眼神和情感的表达,主要会展示人物的整张脸部。

    咒语关键词:Extreme closeup (ECU)

    生成思路:特写距离的年轻女孩

    生成咒语:young girl, extreme closeup, --ar 16:9

    2. 头部以上

    通常是将被摄者的面部特写拍摄得非常近,以便突出细节和表情。

    咒语关键词:Headshort

    生成思路:头部以上位置的年轻女孩

    生成咒语:young girl, headshort, --ar 16:9

    3. 胸部以上

    通常是从腰部或腹部到头部的拍摄方式,可以突出被摄者的胸部线条和面部表情。

    咒语关键词:Chest shot

    生成思路:胸部以上位置的年轻女孩

    生成咒语:young girl, chest shot, --ar 16:9

    4. 腰部以上

    通常是从腰部到头部的拍摄方式,可以突出被摄者的腰部线条和面部表情。

    咒语关键词:Waist shot & bust portrait

    生成思路:腰部以上位置的年轻女孩

    生成咒语:young girl, waist shot, --ar 16:9

    5. 膝盖以上

    通常是从膝盖到头部的拍摄方式,可以突出被摄者的腿部线条和面部表情

    咒语关键词:Medium full shot

    生成思路:膝盖以上位置的年轻女孩

    生成咒语:young girl, medium full shot, --ar 16:9

    6. 全部身体

    通常是将被摄者的全身拍摄在画面中,可以突出被摄者的身体线条和服装风格。

    咒语关键词:Full length shot

    生成思路:全部身体的年轻女孩

    生成咒语:young girl, full length shot, --ar 16:9

    五、人物表情的选择 不同的人物表情可以传递出不同的情感和意境,对于人物表情,可以选择合适的表情来表达所想要的情感和意境。 这里在「Midjourney 关键词」表格中选取几个常用表情示例一下,其它的大家可以自己选择关键词进行 AI 生成。

    1. 高兴的

    咒语关键词:Smiling

    生成思路:正视角下高兴的年轻女孩

    生成咒语:young girl, smiling, front view, --ar 16:9

    前面 4 张是使用 Smiling 生成出来的,可以看出来,只是在面部表情上有一些细微的变化,后面 4 张是使用 happy 生成出来的,可以看出来,结果除了面部表情还包含着一些动作上的变化。

    可以看出不同的咒语表达出来的结果也是不同的,所以有时候在没有达到我们想要的结果的时候,可以尝试换一个咒语。

    2. 生气的

    咒语关键词:Angry

    生成思路:正视角下生气的年轻女孩

    生成咒语:young girl, angry, front view, --ar 16:9

    3. 哭泣的

    咒语关键词:Crying

    生成思路:正视角下哭泣的年轻女孩

    生成咒语:young girl, erying, front view, --ar 16:9

    从生成的结果上来看,只有少数结果中在哭泣的状态下有泪水的状态,说明这种表情还需要其它更多修饰性的咒语来辅助完成,才能达到一个理想的状态。

    当然除了以上这些常见的表情之外,还有像更多其它类型的表情,比如:害怕的(Afraid)、嫉妒的(Jealous)、困惑的(Confused)、自信的(Confident )、厌恶的(Disgust )、厌恶的(Surprise )等等一些面部情绪上的表达都可以使用,这些大家可以自行去探索。

    六、人物氛围感的选择 曾经听那位热爱摄影的朋友经常经常说:“掌握了灯光,其他一切都水到渠成。” 确实合理利用光线可以创造出丰富的表现效果,增强照片的立体感,让人物更有表现力和氛围。

    这里要说明一下,我不是专业的摄影师,灯光属于摄影这门学科里的是比较重要的课程,这里的灯光的使用,只适合在 midjourney 的关键词内作为参考使用,不能作为实际拍摄中的参考。

    在 AI 里面来说,一般不写灯光的描述,AI 出图也不会差到哪去,所以新手大多数人会忽视灯光这个参数。

    这里我们在自己收集的「Midjourney 关键词」库中选取几个有代表性的灯光参数,来观察一下不同灯光在五官上的作用。

    1. 暖光源

    暖光源通常指发出较为偏黄或橙色色调的光源。 这种色调的光源通常具有较低的色温,它们能够让照片呈现出一种温暖、柔和的感觉。

    咒语关键词:warm light

    生成思路:在暖光源下,一个穿着皮夹克的男人

    生成咒语:1 man in leather jacket, [warm light] :: 10, --ar 16:9

    这里测试了暖光源下权重为 10 和权重为 1 的画面效果,可以看出这种光线权重越高的暖光源生成的画面更加有光源的质感。

    有很多人习惯直接使用 warm light 的咒语也是可以的,但通过权重去控制光源的强度会是一种比较合适的做法。

    2. 柔光源

    柔光是指通过一种柔和的方式来照亮被拍摄物体的光线。

    这种光线通常是通过对光源进行漫反射处理来实现的,使光线变得柔和、均匀和没有硬边缘。

    咒语关键词:Soft light

    生成思路:在柔光源下,一个穿着皮夹克的男人

    生成咒语:1 man in leather jacket, [soft light] :: 5, --ar 16:9

    这里测试了柔光源下权重为 10 和权重为 5 的画面效果,可以看出这种光线并不是权重越高生成的画面更加合适,反而适中的权重,画面更加有质感。

    3. 轮廓光源

    轮廓光源是指用于在照片中产生明亮边缘或轮廓的一种照明技术。

    它通常是在被摄物体的背景或侧面照明上使用的,以使物体与周围环境产生对比。 这种技术通常需要一个强而集中的光源,如聚光灯或反射板,并且需要将光源放置在物体的背面或侧面。

    咒语关键词:Rim light

    生成思路:在轮廓光源下,一个穿着皮夹克的男人

    生成咒语:1 man in leather jacket, [rim light] :: 5, --ar 16:9

    轮廓光其实和边缘光(Edge light)很像,这两种光方便在大场景下人物能从背景里分离出来,更突出。

    像很多电影海报,人物拍摄两边或者一边都会加点轮廓光。

    4. 霓虹光源

    Midjourney 中一种可玩性比较高的光源,经常看到大多数作品中出现这种光源,因为这个光源色彩的多样性和不规则状态,让画面中的主体可以反射出夺目的色泽。

    咒语关键词:Neon light

    生成思路:在红色霓虹光源下,一个穿着皮夹克的男人

    生成咒语:1 man in leather jacket in red thriller, [neon light] :: 5, --ar 16:9

    从生成的结果上可以看出,这种光源的权重越高,画面更有质感。

    5. 伦勃朗光

    勃朗光是一种经典的摄影和绘画技巧,得名于荷兰画家伦勃朗。

    它是通过在主体的一侧投射强烈的光线,并在另一侧形成阴影,以强调主体的轮廓和表情的一种技术。

    这种技术可以让照片或绘画更具有戏剧性和立体感。

    咒语关键词:Rembrandt light

    生成思路:在伦勃朗光下,一个正视角穿着装带着微笑的女孩

    生成咒语:1 Smiling girl dressed in professional attire, front view, in [rembrandt light] :: 10, --ar 16:9

    七、人物服装的选择 服装要想玩的细致,也是需要了解很多服装相关的知识点,不过这里可以使用一个万能固定句式来尝试

    「主题」+「风格」+「材质」+「元素」+「玄学佐料」

    主题:汉服、长羽绒服、连衣裙、礼服裙...

    风格:简约、现代、复古、朋克、英伦亚文化、文艺复兴、洛可可、超现实主义...

    材质:棉布、羊毛、丝绸、皮革、工艺...

    元素:形状、纹理、颜色、细节、图案、配件...

    感觉要学习的知识有好多好多....

    服装示例

    咒语关键词:Chinese dress

    生成思路:一个穿着中国清代宫廷刺绣旗袍,宽袖渐变红色加上刺绣雪纺面料,镶钻工艺,上面还有金丝雀和白玫瑰元素等刺绣元素

    咒语:1 girl, she was wearing a Chinese dress, wide sleeves gradient red x embroidered chiffon fabric, qing dynasty palace embroidery, canary and white roses element, embroidered hosta, x diamond-encrusted craftsmanship, elegant, fairy air, digital rendering, super lifelike, super detailed, luxury, movie lighting, super clear details, super clear materials, close-up, complex textures, octane rendering, Zbrush, 8K, Vray super lifelike,--ar 9:16

    前面 4 张只使用了 Chinese dress 生成后,服装比较素也没有颜色,服装的细节也比较少。

    后面 2 张添加了材质装饰细节之后,服装就比较精致。

    大家可以通过这个万能的固定句式去尝试一下关于服装的细节。

    八、人物风格的选择 风格类型的绘制其实是比较复杂的,因为全世界那么多艺术家的风格和流派各式各样,而且各种风格在 AI 里都是可以相互融合的,这个需要大家懂得基本的绘画风格,提高艺术鉴赏能力,才能创造更多的无限可能。下面分享一些常用好看的风格。

    1. 写实人物

    咒语关键词:Acrylic painting

    生成思路:一对情侣在 90 年代的香港街头

    生成咒语:A couple taking street snaps in a 90s Hong Kong-style street, Eye level view, Waist shot, detailed face, detailed eyes, beautiful, --ar 3:4

    通过咒语的结果可以看到,这种风格不需要设定特殊的风格关键词,属于默认生成的类型,只需要描述好人物和场景,在加入一些镜头的参数即可生成比较有质感的图片。

    2. 丙烯酸绘画

    咒语关键词:Acrylic painting

    生成思路:一个丙烯插画风格的抬头微笑的可爱女孩,有荧光色系的未来感,2d 和 3d 的结合,色彩角度不常规。

    生成咒语:acrylic painting,illustration, futurism, NFT art, Fluorescent color, Laser color, A cute girl who looks up and smiles, Combination of 2d and 3d, solid color background, cel shading, Tindal effect, Non-photorealistic rendering, Transparency, Color Slant, animation, blender, geometry art。

    这类型的风格就是叠加各种色彩丰富的艺术风格。

    3. 轻质感 3D

    咒语关键词:Popmart blind box

    生成思路:一个穿着黄色连帽衫和帽子的非常可爱的女孩正在热带雨林中探索和奔跑,带一点粘土性质的泡泡玛特风格,三维渲染

    生成咒语:popmart blind box, clay masterial, A very cute girl wearing a yellow hoodie and a hat is exploring and running in a tropical rainforest, 3D rendering, c4d, Octane rendering, Pixar trend, animation lighring, depth of field, ultra detailed, Hyper realistic, --ar 3:4

    从生成的结果上看,盲盒感即时就有了。

    4. 水墨风

    咒语关键词:Ink painting

    生成思路:使用水墨风的插画方式,融合一种艺术家的风格以及粗旷的笔触,生成一张正视角的金刚狼形象,在白色背景下,有红色黄色。

    生成咒语:Ink painting, illustration, Wolverine, front view, white background, Yoji Shinkawa style, bold brushstrokes, Concept art, red black yellow and white, stylize, --ar 3:4

    水墨风搭配艺术家风格,是不是很有意思呢。

    5. 国风插画

    咒语关键词:Extremelybold outline

    生成思路:一个穿着中式传统服装、手持纸扇、黑发棕眼、花卉装饰、红色背景、鲜艳色彩的女王形象,用极粗的线条描边,插画风格

    生成咒语:llustration, extremelybold outline, A queen dressed in Chinese traditional clothing and holding a paper fan, black hair, brown eyes, floral, red background, vivid color, acrylic painting, pixiv8kbest quality, ultra detailed, --ar 3:4

    这类型的风格一定要尽可能多的中国元素,对于国风来说,画风反而是最重要了,这种风格如果缺少中国元素,最后会变成二次元,所以需要加一点国画水墨水彩来进行强调。

    6. 像素艺术

    像素艺术最早出自二十世纪中后期电脑应用程式的图像(Icon),以及早期的 8 位元(8-bit)电子游戏。

    后来像素风格逐渐演变成了一种独立的数字艺术创作风格。

    广义上的像素艺术还包括立体像素艺术(对,就是乐高那种)。

    咒语关键词:Pixel art

    生成思路:一家像素艺术风格的餐厅

    生成咒语:[16-bit pixel art]:: 10, illustration, cozy cafe, china, --ar 3:4

    不过,从结果上看 Midjourney 目前并不能创建真正的像素艺术,因为用 Midjourney 你无法获得纯净的矢量图像,知识将 Midjourney 图像“像素化”的像素艺术。

    结语 好了,人物篇就暂时写到这里了,生成一张满意的人物类型的图片我们需要输入的文字越精准,才能到越合心意的图片。

    这里我们总结一下关于生成人物的万能固定句式,一个越和心意的人物结果需要包含「人物的客观描述」+「视角」+「角度」+「距离」+「表情」+「服装」+「风格」+「光源」这些内容,当然你也可以只取其中部分的也会得到一个还不错的结果。

    同时,Midjourney 要想达成自己期望的效果,可能不是只用一段魔法就能达成效果,可以多次逐步完成自己的效果,以前总想着一步达成目标,就去堆积好多的关键词在一段魔法里面,很多生成的结果很多次都不尽人意,尝试分步骤拆开之后,结果就好很多。

    提高3倍效率!能落地的AI绘画&设计系统课来了! 如何快速入门AI绘画和AI设计?

    阅读文章 >

  • 产品海报主体太单调?快用这7招!

    UI交互 2023-03-27
    很多设计师在设计产品海报时,都会出现主体太过单调的问题,即产品孤零零地摆在版面中,这会导致画面形式太过普通、不够美观,产品缺乏吸引力等问题,比如下图的海报。如何解决这个问题呢?葱爷给大家分享 7 个解决方案。

    很多设计师在设计产品海报时,都会出现主体太过单调的问题,即产品孤零零地摆在版面中,这会导致画面形式太过普通、不够美观,产品缺乏吸引力等问题,比如下图的海报。

    如何解决这个问题呢?葱爷给大家分享 7 个解决方案。

    如何提高文字和配图的整体性?总监送你7个实用方法! 我看过很多设计新手的排版作品,发现很多作品都会有“不够整体”的问题,什么是不够整体呢?

    阅读文章 >

    一、加平台 即塑造一个类似舞台或者是展台的底座,然后把产品摆放在这个平台上,这种方式可以把产品当作明星或展品一样突出,使其在视觉上更尊贵、更显目,这种手法在 电商设计 中很常见。

    作为平台的元素可以是纯粹的展台,比如圆柱形、立方体、长方体等等,也可以是某些与产品相关的、适合作为平台的具象元素,比如云、花、叶子等等。

    二、加场景 即在产品周围添加一些与产品或主题相关的元素,使产品好像置身于某个大的场景中,不过要注意场景的目的是为了丰富画面主体、加强氛围感,不要对产品产生过多的干扰,产品仍是主角。比如在果汁的 海报设计 中,我们可以把产品放在草地上,旁边有水果、有花、有树、有蓝天白云等等,这样就形成了一个很丰富的场景。

    场景也可以是插画风格的。

    当然还可以是 3D 渲染风格的。

    三、加图形符号 如果你想把画面设计得简单一点,不想添加过的元素,那么也是有解决方案的,比如给产品增加一个图形符号,可以是纯粹为了加强形式感、凸显某种调性的几何图形,比如圆形、三角形、菱形等。

    也可以是有一些意义的图形符号,比如 logo 图形,字母、数字、产品主要成分的图形轮廓,或者是某些象征产品功能或特色的图形符号等等。

    代表维 C 的 C 符号的。

    象征保护和安全的盾牌符号。

    四、环绕产品添加元素 通常是用与产品相关的元素来对产品进行装扮,在丰富主体的同时,也能对产品的功能和特点进行诠释,常见的手法有拥簇式、平面环绕式、立体环绕式、发散式等等。

    液态产品非常适合这一手法。

    簇拥式环绕。

    平面式环绕。

    立体式环绕。

    还有近来比较流行的文字环绕。

    五、加互动元素 即添加一些“活”的元素,使其与产品产生互动,增加画面的趣味性和生动性,比如增加使用产品的人物模特、增加动物,或者是品牌 IP 角色等等,这些元素可以是摄影素材,也可以是插画或者 3D 模型。

    让这些“活”的元素使用产品、抱住产品、依靠着产品、坐在产品上、看着产品,或者仅仅是站在产品旁边,都可以让主体变得更加丰富、生动起来。

    六、图文组合 除了增加图形元素,还可以使用文字来丰富主体,比如提取出关键词,然后把其与产品组合起来,常用的组合形式有图叠文、文叠图、文并图等等,这就是我们常说的图文组合,既可以丰富主体,还可以让海报的诉求更加显而易见,当然,这种字体的选择和设计会很关键,既要与产品和主题的调性相关,也要好看、易识别、适合与产品做组合效果。

    七、多重技巧叠加使用 以上的很多技巧都不是单独使用的,大多数情况下可能要结合其中的两个手法来使用,甚至是三种,否则的话,可能还是会过于简单或常规。

    上图是场景加环绕加互动元素相结合。

    上图是场景加图形符号加互动元素相结合。

    上图是场景加平台加互动元素相结合。

    上图是图形符号加环绕元素相结合。

    结语 产品是产品海报的主体,是其绝对视觉核心,所以其吸引力和品质感非常关键,并不是说一定要给产品加点额外的元素才行,这跟品牌的风格、产品的特点、设计需求等相关,但在大多数的情况下,把单纯的产品图片作为画面主体,确实会有点单调和普通,也不利于设计师输出更具创造力的作品,希望这篇文章对你有所帮助。

    欢迎关注作者的微信公众号:「葱爷」

  • 总监深度分析!UI设计也要被AI支配了?

    UI交互 2023-03-27
    最近 AI 绘画越来越成熟,能做的事情也越来越多,很多同学经常在群里或私信中问我关于对 AI 绘画的观点和看法,以及 AI 绘画对 UI 设计师有什么影响,所以今天独立写一篇内容,来具体讨论下这个话题。首先输出一个太长不看版的结论:AI 绘图可以协作 UI 设计师更快地完成一些边角料工作,但无法取代 UI 设计师...

    最近 AI 绘画越来越成熟,能做的事情也越来越多,很多同学经常在群里或私信中问我关于对 AI 绘画的观点和看法,以及 AI 绘画对 UI 设计师有什么影响,所以今天独立写一篇内容,来具体讨论下这个话题。

    首先输出一个太长不看版的结论:

    AI 绘图可以协作 UI 设计师更快地完成一些边角料工作,但无法取代 UI 设计师 的核心价值,不会对 UI 岗位造成大范围冲击……

    那下面就来具体讨论吧!

    一、AI绘画的发展和现状 相信大家都有这种感觉,2022 年开始,AI 绘画突然就毫无征兆地火起来了,用火遍大街小巷来形容一点也不过分,当我走在地铁和机场等公共场所都能随处可见 AI 绘画作品的展示。

    其实 AI 绘画这个技术一直都有,比如 OpenAi 的 Dall·E,但真正产生质变的时候是从 2022 年 2 月 Disco Diffusion 发布以后,让 AI 绘画的能力得到了质的飞跃。

    堪比艺术家!被疯狂安利的 AI 插画神器 Disco Diffusion 有多强? 大家好,我是和你们聊设计的花生~ 有关注「神器挖掘机」阿文(微博 @Simon_阿文 )的朋友,可能已经了解到他最近正在疯狂安利一款 AI 绘画神器——Disco Diffusion。

    阅读文章 >

    随后一些使用它创作的作品开始流通,且在美国的某数码绘画比赛中由 AI 作品获得冠军,彻底吸引了公众的视线。随后,一系列新的 AI 绘画工具开始开发和上线,包括目前为大家所熟知的 Stable Diffusion 和 Midjourney、NovelAI。

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

    阅读文章 >

    从上线到现在不到 1 年的时间里,这些软件都完成了多次的大版本更新和迭代,让 AI 绘图的能力越来越强,准确性越来越高,我们甚至很难想象再过五年以后会发展到什么可怕的地步。

    除了目前已经正式发布的绘图工具外,还有很多新的产品正在热火朝天的开发阶段,如巨头 Adobe 的 Firefly,Stability 的新产品 REimagine 等。

    Adobe Firefly 入局 AIGC,功能炸裂版权没风险! 面包落地时,永远是抹黄油的一面着地。

    阅读文章 >

    产品的多样性,差异化,以及本身的进化,为视觉设计和艺术创作提供了全方位的支持和可能性,也对相关行业产生了巨大的冲击。

    我们不得不面临一个很现实的问题,AI 是不是会取代大多数插画、设计师?

    这是很有可能的,不管是从网上,还是认识的朋友学员那边获得的反馈,高度依赖插画、场景建模的行业,都在受到 AI 的剧烈冲击,有的将接入 AI 制定成 KPI 要求全团队 ALL IN,有的在跑通 AI 工作流以后直接启动裁员进程或关闭外包渠道。

    AI 的出现对于美术行业,就像燃油车出现对马车的革命,照相机的出现对手绘的冲击,是非常值得思考的,因为我们或多或少也身在其中。

    因为在产品方向,Midjourney 已经可以通过指令生成用户界面了,试用 ChatGPT-4 已经可以用指令 10 秒创建一个可以操作和访问的网页,看起来未来已经提前朝我们走来。

    所以 UI 设计师是不是很快也要被取代直至消亡?

    二、AI对于UI设计的局限性 我一直在强调,界面对于 UI 设计师的工作只是必要但占比并不高的部分,如果认为我们的工作价值仅仅是最后产出的视觉界面,那淘汰多数 UI 设计师的方式根本轮不到 AI 来动手,按目前市面流通的前端框架和组件库就够了。

    之所以有大量的现成素材、模版、组件库,还不能淘汰 UI 设计师,原因就是整个项目设计过程中所需的变通、灵活性、抽象思维要求,是它们完全无法覆盖的。

    一个稍微成熟点的项目设计图产出和交付,是需要经过下面这个流程的:

    从这个简化的流程模型里,大家要明白专业的设计稿输出是有 “黑箱” 加工步骤的,要在这阶段,对工作的需求进行大量的研究、分析,并做出决策确定出设计目标或者方案。

    在现代设计团队中,直接拿到需求就做设计稿的模式是很难产出高质量设计的,或者应对更专业严格的要求。设计师需要在这个阶段投入大量精力,尽可能提升设计产生的价值,减少出现不良影响的风险,以及 —— 说服团队接受当前的设计思路。

    而这是 AI 绘图完全无法实现的东西,我们使用 AI 绘画仅仅是输入做好的决策,让它生成结果,但没办法通过输入业务、需求的疑问,让它给出一个有详尽理由和逻辑的设计成果。

    可能有同学会下意识的想到,那我们用 ChatGPT 这样的工具,提出问题,让它自己给出解答并直接给出绘图指令操作绘图工具生成界面,顺带再自己开发好产品,不就行了,一个人就是一个团队,人人都是产品经理终于实现……

    这个业务模型非常合理,看起来似乎完全可以实现。但真的有项目经验的自己去思考一下,就会发现中间存在的问题无穷无尽。

    第一点,“黑箱” 是给出问题答案的分析处理过程,ChatGPT 再怎么神通广大,也需要我们去给到有效的问题和需求,它才能给你有用的答案。那么问题来了,你怎么和它描述具体的业务需求、产品需求、体验问题和各类用户痛点?

    比如我们想优化 Stable Diffusion 的输入框,光和 AI 说优化输入框约等于废话,你得告诉它怎么优化,那怎么优化这件事不就是得去找出原产品问题的缺陷嘛?如果我自己去找完缺陷了,那最后画那点图例的工作量有什么了不起的呢?

    更何况一些复杂的业务,尤其是 B 端行业,完全无法用简单的几句话描述清楚,要搭配各种框架图和流程图,光开一个业务评审和培训的会议,可能就要花非常长的时间。

    所以该用什么形式去和 AI 描述这些抽象的信息内容?

    第二点,还是以上面案例为例,在这个输入框中,包含很多交互的小细节,输入框内光标的操作,键盘的操作边界在哪里,输入文字后提示关联的逻辑,不同输入指令类型要区分怎么和 AI 描述,全都成为问题。

    所以光生成一个界面是没有意义的,这个界面做的再好看再美观,也不代表它有真实落地的可能,只是完成了设计工作的一小部分而已。所以看到这里是不是感觉很熟悉?和我们在追波上看到的各类飞机稿案例没有太大的区别。

    第三点,上面的模型只是一个非常简化的流程,有过真实的项目经验就应该知道流程中会有反复拉锯的事件,需求的变动,设计稿的修改,方案的调整,这些零碎的工作去和 AI 提,你会发现有输入问题的时间,可能设计早就修改完了。

    尤其在最终的标注和切图环节,涉及到设计时对设计稿的制定,标注和切图实际上有很多主观性和经验化、场景化的输出要求,它需要设计师在经历整个项目流程后自行判断。

    除了以上三点,还有很多其它的问题难以解决,而这些问题的总和,决定了没有出现真正的人工智能之前,使用 AI 来输出 UI 界面是一件不靠谱的事情。

    只有视觉领域没有前期那么多条条框框,也没有后续一系列交付和维护需求的场景,才是 AI 真正产生价值和影响的方向。

    三、AI 对于UI设计师的价值 用 AI 做 UI 设计不靠谱,但是不代表对 UI 设计师没价值。这话听着可能挺拗口的,但事实如此,因为在国内的 UI 设计环境中,UI 设计师的工作内容往往不局限于产品设计一个领域内。

    还包含下面这些操作:

    我相信大多数 UI 设计师做平面和运营设计的感受就和上坟的状态是一样的,上坟起码是怀有对先人献花,做平面和运营设计只会产生对自己深深的唾弃……

    所以 AI 的出现可以很好的处理这部分的需求,比如一些虽然用处不大,但就是甲方还是老板就是想用的 3D 风格图标。

    或者,在登陆页用的比较滥俗的 3D 场景背景,为了这样的东西花很长的时间去建模和渲染,投入和收益是完全不成正比的。所幸使用 AI 也可以帮助我们非常短的时间内获取想要的效果。

    还有就是各类运营设计图,互联网运营设计和一般的品牌广告视觉比较起来,就是对创意性的忽视,画面并不需要埋伏大量的隐喻、内涵或故事,就是单纯的应景和吸引用户注意力,这恰恰也是 AI 最适合输出的东西。

    包括广告 Banner、H5、启动页等,都可以通过 AI 快速生成一些高质量的插画,来替代我们自己从头开始绘制的苦恼。

    所以你看,对于我们职业价值不高的这些杂活,AI 都可以很好的去完成,而且可以肯定未来可以完成得越来越好,我们就可以节省更多的时间,不管是投入精力给体验和交互,还是准点下班,都符合我们自身的利益。

    所以,UI 设计师对 AI 的态度并不是敌视和悲观,而是要把它当作救星和帮手,把我们从运营设计的水火中拯救出来……

    不仅是观念上的调整,掌握一定的 AI 绘制技巧也是必要的,将他们融入到你正式的工作流程中,所需投入的精力也远远小于你从头开始学插画和 3D 渲染。

    相信不久的将来,UI 设计师的招聘中部分要求手绘和建模的 JD,会替换成熟练使用 AI 绘图。

    结尾 更专注的做好 UI 的本职工作或学习,并用开放的态度拥抱和学习 AI 相关的技能,才是下一个 10 年中 UI 设计的职业的主旋律。

    希望这篇分享对你们有所帮助,祝大家不再迷茫,主动走向未来……

    欢迎关注作者的微信公众号:「超人的电话亭」

    提高3倍效率!能落地的AI绘画&设计系统课来了! 如何快速入门AI绘画和AI设计?

    阅读文章 >

  • 2023最好用的免费3D样机神器!一键生成还能自定义角度!

    UI交互 2023-03-27
    优质的样机绝对是提升设计质感的利器,尤其是在包装作品集、准备项目展示材料的时候,好的样机素材能让设计质量直接上升一个高度。今天给大家带来的这款神器——「Realibox 3D 样机插件」,绝对是作品集包装必备、设计展示过稿利器!下载地址: https://js.design/community与常见的样机网站相比...

    优质的样机绝对是提升设计质感的利器,尤其是在包装作品集、准备项目展示材料的时候,好的 样机素材 能让设计质量直接上升一个高度。

    今天给大家带来的这款神器—— 「Realibox 3D 样机插件」 ,绝对是作品集包装必备、设计展示过稿利器!

    下载地址: https://js.design/community

    与常见的样机网站相比,「Realibox 3D」插件有 3 个非常突出的亮点!

    ① 支持自定义设备角度: 所有样机模型都可以 360°旋转,单这一点就比只有固定几个角度的样机网站强。

    360°自由旋转,随意调整展示角度

    ②  使用流程简单,3 步即可生成效果图: 完全不用反复下载导入导出,选中设计稿直接生成样机效果图,效率直接翻倍。

    ③ 搭建更加丰富真实的展示场景: 除了在插件里编辑 3D 样机,还可以使用 Realibox 强大的渲染能力,给 3D 样机创建一个展示场景。简单做了几个带场景的样机,给大家看看,效果真的很不错!

    ?点击链接,立即免费使用「Realibox 3D」插件!

    网站链接: https://js.design/community

    1. 高品质 3D 样机,免下载点击即用,还支持自定义设备角度! 对绝大多数设计师来说,样机模型都是必不可少的一类素材。

    但是,网上搜的素材,不仅风格千奇百怪,质量参差不齐,清晰度也有限;

    难得找到不错的 3D 样机,却是 PNG 格式,倾斜摆放的角度、样机颜色都不能按需修改;

    如果想挑选出效果最佳的样机,不断重复“下载样机→导入设计稿”流程就能让人烦不胜烦。

    使用 即时设计 上架的这款 「Realibox 3D」样机插件 就完全没有这些烦恼了!

    ① 无需下载到本地,3D 样机点击即用

    3D样机点击即用,一键切换

    ② 自定义设备角度&样机颜色,360°拖拽旋转自由摆放

    自定义颜色,拖拽调整摆放角度

    ③ 丰富高品质样机,不仅有主流设备,更有多款常见物品模型

    2. 设计稿一键导入样机,3 步轻松生成效果图,流程减半、效率翻倍! 对设计师来说,使用样机的另一大痛点是——流程太繁琐。

    以前:

    去资源网站下载样机文件后,需要将素材和设计稿图片导入 PS/Sketch,反复调整贴图效果,导出效果图再放进作品集排版/项目展示文件中。

    过程繁琐耗时多,往往还要不断重复。

    现在:

    仅需 3 步即可轻松生成效果图片,流程减半、效率翻倍!

    更重要的是, 设计稿导入样机可以一键完成!

    选中设计稿贴图到模型, 自适应样机尺寸,再不用手动调整;

    修改设计稿后,再次操作贴图即可生成最新样机。

    「贴图到模型」时自适应样机尺寸

    安装插件,免费使用「Realibox3D」插件,体验 3 步生成效果图 ? https://js.design/community

    3. 多元 3D 素材、DIY 模型一链导入,让你的设计从平面走向立体! 「Realibox 3D」插件还内置了丰富多样的 3D emoji 和 icon 素材,让你在做风格偏潮流轻松的产品设计、运营设计或者电商设计时,更加手到擒来。

    你还可以根据实际需求,对这些 3D 素材的展示效果做“亿”点点修改:

    360°旋转模型, 以任意角度放置展示素材; 通过修改环境设置来调节光线阴影效果, 增强 3D 素材的立体感空间感; 调整模型材质, 适配你的展示场景或作品集风格; 任意修改颜色, 使其更好地融入整体设计; 前往「Realibox」工作台 DIY 模型,并使用链接导入功能, 将 DIY 模型一键嵌入即时设计画布。

    使用链接导入功能,一键嵌入 DIY 模型

    插件安装、内置的素材都是免费的,快去安装使用「3D 样机插件」吧,更多功能亮点、适用场景等你去发现!

    「Realibox 3D」插件安装: https://js.design/community

    「即时设计」插件社区,发现更多好用工具: https://js.design/community

  • 总监深度分析!UI设计也要被AI支配了?

    UI交互 2023-03-27
    最近 AI 绘画越来越成熟,能做的事情也越来越多,很多同学经常在群里或私信中问我关于对 AI 绘画的观点和看法,以及 AI 绘画对 UI 设计师有什么影响,所以今天独立写一篇内容,来具体讨论下这个话题。首先输出一个太长不看版的结论:AI 绘图可以协作 UI 设计师更快地完成一些边角料工作,但无法取代 UI 设计师...

    最近 AI 绘画越来越成熟,能做的事情也越来越多,很多同学经常在群里或私信中问我关于对 AI 绘画的观点和看法,以及 AI 绘画对 UI 设计师有什么影响,所以今天独立写一篇内容,来具体讨论下这个话题。

    首先输出一个太长不看版的结论:

    AI 绘图可以协作 UI 设计师更快地完成一些边角料工作,但无法取代 UI 设计师 的核心价值,不会对 UI 岗位造成大范围冲击……

    那下面就来具体讨论吧!

    一、AI绘画的发展和现状 相信大家都有这种感觉,2022 年开始,AI 绘画突然就毫无征兆地火起来了,用火遍大街小巷来形容一点也不过分,当我走在地铁和机场等公共场所都能随处可见 AI 绘画作品的展示。

    其实 AI 绘画这个技术一直都有,比如 OpenAi 的 Dall·E,但真正产生质变的时候是从 2022 年 2 月 Disco Diffusion 发布以后,让 AI 绘画的能力得到了质的飞跃。

    堪比艺术家!被疯狂安利的 AI 插画神器 Disco Diffusion 有多强? 大家好,我是和你们聊设计的花生~ 有关注「神器挖掘机」阿文(微博 @Simon_阿文 )的朋友,可能已经了解到他最近正在疯狂安利一款 AI 绘画神器——Disco Diffusion。

    阅读文章 >

    随后一些使用它创作的作品开始流通,且在美国的某数码绘画比赛中由 AI 作品获得冠军,彻底吸引了公众的视线。随后,一系列新的 AI 绘画工具开始开发和上线,包括目前为大家所熟知的 Stable Diffusion 和 Midjourney、NovelAI。

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

    阅读文章 >

    从上线到现在不到 1 年的时间里,这些软件都完成了多次的大版本更新和迭代,让 AI 绘图的能力越来越强,准确性越来越高,我们甚至很难想象再过五年以后会发展到什么可怕的地步。

    除了目前已经正式发布的绘图工具外,还有很多新的产品正在热火朝天的开发阶段,如巨头 Adobe 的 Firefly,Stability 的新产品 REimagine 等。

    Adobe Firefly 入局 AIGC,功能炸裂版权没风险! 面包落地时,永远是抹黄油的一面着地。

    阅读文章 >

    产品的多样性,差异化,以及本身的进化,为视觉设计和艺术创作提供了全方位的支持和可能性,也对相关行业产生了巨大的冲击。

    我们不得不面临一个很现实的问题,AI 是不是会取代大多数插画、设计师?

    这是很有可能的,不管是从网上,还是认识的朋友学员那边获得的反馈,高度依赖插画、场景建模的行业,都在受到 AI 的剧烈冲击,有的将接入 AI 制定成 KPI 要求全团队 ALL IN,有的在跑通 AI 工作流以后直接启动裁员进程或关闭外包渠道。

    AI 的出现对于美术行业,就像燃油车出现对马车的革命,照相机的出现对手绘的冲击,是非常值得思考的,因为我们或多或少也身在其中。

    因为在产品方向,Midjourney 已经可以通过指令生成用户界面了,试用 ChatGPT-4 已经可以用指令 10 秒创建一个可以操作和访问的网页,看起来未来已经提前朝我们走来。

    所以 UI 设计师是不是很快也要被取代直至消亡?

    二、AI对于UI设计的局限性 我一直在强调,界面对于 UI 设计师的工作只是必要但占比并不高的部分,如果认为我们的工作价值仅仅是最后产出的视觉界面,那淘汰多数 UI 设计师的方式根本轮不到 AI 来动手,按目前市面流通的前端框架和组件库就够了。

    之所以有大量的现成素材、模版、组件库,还不能淘汰 UI 设计师,原因就是整个项目设计过程中所需的变通、灵活性、抽象思维要求,是它们完全无法覆盖的。

    一个稍微成熟点的项目设计图产出和交付,是需要经过下面这个流程的:

    从这个简化的流程模型里,大家要明白专业的设计稿输出是有 “黑箱” 加工步骤的,要在这阶段,对工作的需求进行大量的研究、分析,并做出决策确定出设计目标或者方案。

    在现代设计团队中,直接拿到需求就做设计稿的模式是很难产出高质量设计的,或者应对更专业严格的要求。设计师需要在这个阶段投入大量精力,尽可能提升设计产生的价值,减少出现不良影响的风险,以及 —— 说服团队接受当前的设计思路。

    而这是 AI 绘图完全无法实现的东西,我们使用 AI 绘画仅仅是输入做好的决策,让它生成结果,但没办法通过输入业务、需求的疑问,让它给出一个有详尽理由和逻辑的设计成果。

    可能有同学会下意识的想到,那我们用 ChatGPT 这样的工具,提出问题,让它自己给出解答并直接给出绘图指令操作绘图工具生成界面,顺带再自己开发好产品,不就行了,一个人就是一个团队,人人都是产品经理终于实现……

    这个业务模型非常合理,看起来似乎完全可以实现。但真的有项目经验的自己去思考一下,就会发现中间存在的问题无穷无尽。

    第一点,“黑箱” 是给出问题答案的分析处理过程,ChatGPT 再怎么神通广大,也需要我们去给到有效的问题和需求,它才能给你有用的答案。那么问题来了,你怎么和它描述具体的业务需求、产品需求、体验问题和各类用户痛点?

    比如我们想优化 Stable Diffusion 的输入框,光和 AI 说优化输入框约等于废话,你得告诉它怎么优化,那怎么优化这件事不就是得去找出原产品问题的缺陷嘛?如果我自己去找完缺陷了,那最后画那点图例的工作量有什么了不起的呢?

    更何况一些复杂的业务,尤其是 B 端行业,完全无法用简单的几句话描述清楚,要搭配各种框架图和流程图,光开一个业务评审和培训的会议,可能就要花非常长的时间。

    所以该用什么形式去和 AI 描述这些抽象的信息内容?

    第二点,还是以上面案例为例,在这个输入框中,包含很多交互的小细节,输入框内光标的操作,键盘的操作边界在哪里,输入文字后提示关联的逻辑,不同输入指令类型要区分怎么和 AI 描述,全都成为问题。

    所以光生成一个界面是没有意义的,这个界面做的再好看再美观,也不代表它有真实落地的可能,只是完成了设计工作的一小部分而已。所以看到这里是不是感觉很熟悉?和我们在追波上看到的各类飞机稿案例没有太大的区别。

    第三点,上面的模型只是一个非常简化的流程,有过真实的项目经验就应该知道流程中会有反复拉锯的事件,需求的变动,设计稿的修改,方案的调整,这些零碎的工作去和 AI 提,你会发现有输入问题的时间,可能设计早就修改完了。

    尤其在最终的标注和切图环节,涉及到设计时对设计稿的制定,标注和切图实际上有很多主观性和经验化、场景化的输出要求,它需要设计师在经历整个项目流程后自行判断。

    除了以上三点,还有很多其它的问题难以解决,而这些问题的总和,决定了没有出现真正的人工智能之前,使用 AI 来输出 UI 界面是一件不靠谱的事情。

    只有视觉领域没有前期那么多条条框框,也没有后续一系列交付和维护需求的场景,才是 AI 真正产生价值和影响的方向。

    三、AI 对于UI设计师的价值 用 AI 做 UI 设计不靠谱,但是不代表对 UI 设计师没价值。这话听着可能挺拗口的,但事实如此,因为在国内的 UI 设计环境中,UI 设计师的工作内容往往不局限于产品设计一个领域内。

    还包含下面这些操作:

    我相信大多数 UI 设计师做平面和运营设计的感受就和上坟的状态是一样的,上坟起码是怀有对先人献花,做平面和运营设计只会产生对自己深深的唾弃……

    所以 AI 的出现可以很好的处理这部分的需求,比如一些虽然用处不大,但就是甲方还是老板就是想用的 3D 风格图标。

    或者,在登陆页用的比较滥俗的 3D 场景背景,为了这样的东西花很长的时间去建模和渲染,投入和收益是完全不成正比的。所幸使用 AI 也可以帮助我们非常短的时间内获取想要的效果。

    还有就是各类运营设计图,互联网运营设计和一般的品牌广告视觉比较起来,就是对创意性的忽视,画面并不需要埋伏大量的隐喻、内涵或故事,就是单纯的应景和吸引用户注意力,这恰恰也是 AI 最适合输出的东西。

    包括广告 Banner、H5、启动页等,都可以通过 AI 快速生成一些高质量的插画,来替代我们自己从头开始绘制的苦恼。

    所以你看,对于我们职业价值不高的这些杂活,AI 都可以很好的去完成,而且可以肯定未来可以完成得越来越好,我们就可以节省更多的时间,不管是投入精力给体验和交互,还是准点下班,都符合我们自身的利益。

    所以,UI 设计师对 AI 的态度并不是敌视和悲观,而是要把它当作救星和帮手,把我们从运营设计的水火中拯救出来……

    不仅是观念上的调整,掌握一定的 AI 绘制技巧也是必要的,将他们融入到你正式的工作流程中,所需投入的精力也远远小于你从头开始学插画和 3D 渲染。

    相信不久的将来,UI 设计师的招聘中部分要求手绘和建模的 JD,会替换成熟练使用 AI 绘图。

    结尾 更专注的做好 UI 的本职工作或学习,并用开放的态度拥抱和学习 AI 相关的技能,才是下一个 10 年中 UI 设计的职业的主旋律。

    希望这篇分享对你们有所帮助,祝大家不再迷茫,主动走向未来……

    欢迎关注作者的微信公众号:「超人的电话亭」

    提高3倍效率!能落地的AI绘画&设计系统课来了! 如何快速入门AI绘画和AI设计?

    阅读文章 >


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