• 思源黑体优化版发布!完美解决行高和字体偏下问题(已打包)

    UI交互 2023-02-15
    经常做安卓端设计的朋友应该经常被一个问题困扰,那就是思源黑体的行高特别高,而且文字整体偏下。这会导致在 UI 设计软件中使用居中操作后,视觉上总是偏下的。但是这一问题 Adobe 官方一直未曾解决,甚至不认为这是问题。

    经常做安卓端设计的朋友应该经常被一个问题困扰,那就是思源黑体的行高特别高,而且文字整体偏下。这会导致在 UI 设计软件中使用居中操作后,视觉上总是偏下的。

    但是这一问题 Adobe 官方一直未曾解决,甚至不认为这是问题。

    思源黑体 和更多黑体字下载:

    视觉设计师来收!免费商用字体推荐:黑体篇(13款已打包) “黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。

    阅读文章 >

    作为一名从业多年的非著名视觉 设计师 ,这种事情是不能忍的。如下图所示,虽然按钮文本在布局中是居中的,但是因为行高的存在,以及思源黑体文本本身偏下的问题,此时文本整体是偏下的。

    当前因为硬件平台以及软件适配等原因。不同公司对行高的定义是不同的,有 1.4 倍、1.5 倍,以及一些更复杂的计算方式。而思源黑体因为整体偏下以及原本默认行高偏高,自定义行高后在 figma 和 MasterGo 等设计软件中,字体显示更加离谱,完全失去了平衡。

    那究竟有什么好的解决方案呢?

    关于这个问题我跟国内多家设计软件提了建议,但是目前还没有人着手优化。于是便自己寻找各种解决方案,终于功夫不负有心人。让我发现了一款基于思源黑体优化的字体——梦源黑体。

    此字体为免费开源可商用: https://github.com/Pal3love/dream-han-cjk

    为啥叫梦源黑体呢?是因为此字体是一位叫做梦回琼华的软件开发工程师在思源黑体可变版的基础上修改的。

    梦源黑体将可变版思源字体的大量中间字重实例化为传统单字重字体,合并了重叠的曲线轮廓,在保证最大兼容性的前提下,提供更加细腻、丰富的字重选择。此外,本项目修复了思源系列广泛存在的 Adobe 行高过大问题。本系列字体的其他功能(如字形、竖排、kerning、多语言、异体字、曲线精度等)与思源系列保持完全一致,未做任何修改。(引自作者原文: https://zhuanlan.zhihu.com/p/480219182 )

    通过下图,我们可以发现在相同字号和行高的前提下,思源黑体、梦源黑体和苹方三款字体的文字布局,苹方始终可以保持居中位置,梦源黑体在一般常用字号大小时表现优异,能够保持居中。在字体过大的时候会出现一点偏下,在使用 64 号字时,上下间距约相差 3px,完全可以满足日常使用了。而思源黑体就显得惨不忍睹了,基本 10 号字以上就会出现明显偏下;

    既然梦源黑体能够解决思源黑体存在的问题,那么直接替换是不是就可以了呢?理论上是可行的,但是还会存在一些问题,因为梦源黑体的原作者是基于可变版思源黑体来优化的,其字重有 27 个之多。而思源黑体标准版则只有 7 种,从细到粗分别是 ExtraLight、Light、Normal、Regular、Medium、Bold、Heavy;

    所以要想使用梦源黑体,就需要和标准版的思源黑体字重一一对应,通过对比筛选出其对应关系为:ExtraLight=W1、Light=W6、Normal=W12、Regular=W13、Medium=W17、Bold=W22、Heavy=W27;

    所以如果你只是想解决字体行高和不居中的问题使用上述字体字重即可,在 UI 设计软件中也可以自定义行高,文本会使用保持上下居中;

    而笔者作为强迫症,又对梦源黑体进行了如下修改,首先将字体名称和字重从梦源黑体改为了对应的思源黑体及字重。

    同时针对针对 Android 端中文使用思源黑体,英文使用 Robto 字体,排版时需要来回切换两种字体的问题,将思源黑体中 95 个英文字符替换为了 Roboto 字体。使用修改后的字体你能够得到的效果如下:

    因为此款字体是基于思源黑体可变版优化的,所以和思源黑体标准版字形和字重有细微差异,请知悉,同时本人已联系原作者,希望不久后基于标准版思源黑体优化的版本能够和大家见面。

    相信此款字体能够解决广大设计师在工作中的一些困扰,最后向梦源黑体的作者致敬(有条件的朋友可以去 github 给作者点一个免费的小心心)。有需要的小伙伴可以附件下载梦源黑体原版以及经过本人改造过的思源黑体文件。(仅做交流使用,不作任何商业用途)

    欢迎关注作者微信公众号:「动效研究社」

  • 看完不亏!6种设计师必须了解的 ChatGPT 使用思路

    UI交互 2023-02-15
    大家好,这里是和你们聊设计的花生~最近 ChatGPT 真的太火了,每天都会在网上刷到关于它的各种讨论,身边的同事也已经在用它处理一些文字工作,不知道大家有没有用起来呢?最近我在网上看很多大神分享的 ChatGPT 使用教程,发现自己之前对 ChatGPT 的认识太肤浅了,试过后更是感觉打开了新世界的大门,今天就...

    大家好,这里是和你们聊设计的花生~

    最近 ChatGPT 真的太火了,每天都会在网上刷到关于它的各种讨论,身边的同事也已经在用它处理一些文字工作,不知道大家有没有用起来呢?最近我在网上看很多大神分享的 ChatGPT 使用教程,发现自己之前对 ChatGPT 的认识太肤浅了,试过后更是感觉打开了新世界的大门,今天就和大家分享其中 6 种我觉得对 设计师 非常有帮助的 ChatGPT 使用思路。

    关于 ChatGPT 的详细介绍:

    地表最强AI聊天机器人ChatGPT诞生!会给设计师带来哪些影响? 大家好,这里是和你们聊设计的花生~ 前几天刚和大家聊过 AI 绘画工具 Midjourney 的 V4 模型,感叹它图像生成质量之高。

    阅读文章 >

    一、个人助理 想必不少小伙伴都已经试过这种用法了,用 ChatGPT 来处理写邮件、写微博或者小红书的文案这类文字工作非常方便,还可以用来写工作周报和年度总结的大纲。最近还出现了一款专门生成工作周报的程序,无需注册直接使用,给一句话就能生成一份内容详细格式工整的周报,简直是打工人必备利器。

    周报生成器: https://weeklyreport.avemaria.fun/zh(暂时下线)

    其实我们还可以让 ChatGPT 按预算推荐电脑设备,或者写一份条理清晰、内容详实简历。它还能陪你玩一些简单的游戏,甚至扮演你喜欢的动漫/电影角色和你对话互动,以后不愁摸鱼时间会无聊了。

    二、学习导师 在学习设计知识以及设计软件的过程中,我们往往会有关于某个概念的疑问,或者在使用软件的过程中遇到障碍,这个时候就可以将问题描述给 ChatGPT,让它直接给出解决方案或思路。

    比如一些理论性的知识,以 ChatGPT 可以写论文的水平来说,回答关于艺术史、设计史、大师作品或生平的各种问题肯定不在话下。我们还可以通过对话的方式和它讨论在设计中遇到的疑惑,能得到出非常专业的解答。这里推荐大家看一下艺术博主@尤勇画画 和 ChatGPT 有关色彩的讨论,内容非常有深度,从这方面看来 ChatGPT 足够作为设计师或插画师的学习导师。

    微博原文: https://weibo.com/1658239147/Msmk05vAC

    在用 PS、AI、AE、C4D、Blender 等设计软件时遇到的问题,也可以让 ChatGPT 给你提供解决思路。我问了它关于 Blender 中玻璃材质渲染效果很暗的原因和解决方法,它提供的“ 调整环境贴图”的思路帮助我很快速的解决了这个问题。

    我还让试过 ChatGPT 提供海报设计思路。当我指定海报风格为国际主义时,它给出的使用简约色彩、无衬线字体、抽象几何形状及保持版面干净整洁等建议都是非常准确的,还提醒设计者注意设计的包容性。进一步追问如何才能找到简约的配色时,它也提供了使用配色网站、借鉴自然配色、关注经典配色和保持配色的一致性等建议,都非常实用。

    三、辅助 AI 绘画 现在不少艺术家都在用 AI 绘画工具帮助自己快速将脑中的创意和想法转化为概念图像,而在 ChatGPT 发布之后这个过程变得更加简单流畅。艺术家可以直接告诉 ChatGPT 自己想要什么样的画面内容,让 ChatGPT 生成英文描述并润色成更容易被 AI 绘画工具识别的提示词(Prompt),然后复制到 Midjourney、Stable Diffusion 或 Dalle 2 等 AI 绘画工具中,就能快速得到不错的生成效果图。

    这在一定程度上节省了艺术家自己学习输出提示词的时间,让创意参考的生成速度更快。还有一个好处就是如果艺术家一时间想不到好的点,可以简单描述想要的场景或感觉,让 ChatGPT 给出人物形象、元素、配色、构图、光影等具体内容建议,在此基础上一步步修改完善自己的提示词。问得越多,ChatGPT 能给出内容就越详细丰富,这比传统的自己找参考图效率要高很多。

    游戏制作人@soulframe 利用 ChatGPT + Midjourney 生成的游戏角色概念图,来源: https://m.weibo.cn/status

    了解有关 AI 绘画工具的内容:

    手残党也能成为艺术家!4个热门AI绘画平台的创作经验总结 AI画画,无疑是当下最火热的话题之一。

    阅读文章 >

    四、用于 UI/UX 设计 一名国外的 UI 设计师 Thalion 在他的文章中分享了利用 ChatGPT 进行 UI 设计的 25 个例子,其中包括获取线框布局的建议、对应用进行可用性测试、寻找高质量的系统套件或 UI 工具包、验证用户旅程地图、编写设计系统文档、获取设计研究数据等,非常全面的展示了 ChatGPT 能如何帮助 UI 设计师提升工作效率。感兴趣的小伙伴可以戳下面的链接阅读原文:

    原文链接: 如何使用 chatGPT 进行 UI / UX 设计:25 个示例

    ChatGPT 撰写设计系统文档

    五、写 Blender 脚本 我们都知道 ChatGPT 可以写代码,因此它也可以帮助不会编程的设计师写 Blender 脚本,从而完成批量建模、添加材质、立体打光等操作。下图截取自国外设计师 Kaiwan Shaban 在 YouTube 上分享的一个视频,视频中他展示自己是如何利用 ChatGPT 写的脚本在 Blender 中迅速创建了 300 个随机立方体。

    内容来源: How I made this Artwork using ChatGPT | Blender Tutorial - YouTube

    YouTube 上有非常多相关教程,大家可以用关键词“ Blender+ChatGPT ”进行搜索。 下面推荐 B 站上的 2 个搬运教程,方便大家先做了解:

    使用ChatGPT创建blender脚本: https://www.bilibili.com/video/BV1fs4y1Y7XM 在Blender中使用ChatGPT的5种方法: https://www.bilibili.com/video/BV1DG4y1F7TQ 六、学习外语 之前为大家介绍过 ChatGPT 有不错翻译功能, 如果你想在外网上发表英语内容但担心用语不对,可以直接用中文告诉 ChatGPT 你想表达的内容,让它帮你翻译润色。而除了及时翻译,B 站上还有 Up 主分享如何利用 ChatGPT 完成高效率的自定义英语学习。

    首先是 UP 主@刘放斋 分享的利用 ChatGPT 高效学习外语词汇和写作,包括英语/法语/德语/西语/日语。因为单词放在语境下会更易于理解和记忆,所以我们以 3-10 个单词为一组,命令 ChatGPT 根据它们生成 100 - 200 词左右的小短文/小故事,方便我们可以一次性记住多个单词。且这样生成的内容是准确、富有逻辑且符合母语者使用习惯的,比在单词软件上一页页背例句更有趣。

    教程直达: https://www.bilibili.com/video/BV18d4y1p7M4

    ChatGPT 根据给定内容生成的短文

    另一位 Up 主 @法笑宝 则提供了一种用 ChatGPT 练习英语口语的方法。具体操作方法先为 Chrome 浏览器中安装同一款名为 voice control for ChatGPT 的插件,然后借助输入法的语音输入,告诉它需要进行一对一对话的模拟雅思考试,就能开始和 ChatGPT 进行口语对话了。大家可以进视频感受一下整个对话过程,非常丝滑完美,想提升口语水平的小伙伴可以试试。

    教程直达: https://www.bilibili.com/video/BV1iy4y1Q7Fh

    以上就是今天为设计师们推荐的 6 种 ChatGPT 使用思路,希望对大家的学习工作有帮助。需要注意的是 ChatGPT 目前并没有联网,了解的事情也仅限于 2021 年之前,所以在信息时效性方面有缺陷。而且在问 ChatGPT 比较专业的问题时,得到答案后最好自己再溯源验证一下真伪,因为在之前使用过程中 ChatGPT 存在“编造答案”的情况。

    不过有一个好消息是基于 OpenAI 的新版 Bing 搜索引擎已经发布了,有部分用户已经体验过了。新版 Bing 用的是 GPT-3.5 模型,比 ChatGPT 的 3.0 更加先进强大。用户依旧可以用对话的方式了解信息,联网的 Bing 可以反馈互联网上最新的资讯信息,并在提供答案的同时给出信息来源,这样就更方便用户自行了解更多信息及验证信息的真伪。

    新版Bing的使用界面 ,图片来源: https://m.thepaper.cn/newsDetail_forward_21895565

    想要使用 ChatGPT 或者体验新版 Bing,可以戳下面的链接了解。如果你也有关于 ChatGPT 的好用法,欢迎在评论区和大家分享。喜欢本期推荐的话请大家多多点赞收藏进行支持,我会更有动力为大家推荐设计干货知识 ~

    ChatGPT 的注册方式: https://www.uisdc.com/group/497328.html 新版 Bing 内测申请链接: https://www.microsoft.com/zh-cn/edge 参考资料:

    https://m.thepaper.cn/newsDetail_forward_21895565 https://www.ednchina.com/news/a10731.html 推荐阅读:

    ChatGPT发展势不可挡!盘点4个值得关注的AI语言文本工具 大家好,这里是和你们聊设计的花生~ 这两天有关人工智能聊天机器人 ChatGPT 的新闻频频冲上微博热搜,并引起广大网友的热切关注和讨论。

    阅读文章 >

    AI绘画如何应用到实战?来看腾讯高手的案例! 前言: 当我们谈论画作,会醉心于印象派光影斑斓的色彩,会惊叹于国风文人画如诗如歌的构图,会震撼于画师笔下一个又一个充满想象力和创造力的世界;而当我们提及 AI,脑海中浮现的是前沿深奥的大数据云计算,是冰冷严谨的逻辑思维能力。

    阅读文章 >

  • UI设计师如何营造节日氛围?12个方法+超多案例!

    UI交互 2023-02-14
    随着开工响声结束了兔年春节,相信兔年都会给我们带来好运和惊喜,让我们一起来努力和期待吧!在这个移动互联网时代中,相信手机也是伴随我们跨年的物件,而各类应用软件也为我们的兔年春节增添了许多乐趣。作为 UI 设计师,我们通过自己的创意让用户感受到不一样的兔年氛围,下面黑马哥带大家一起回忆一下。

    随着开工响声结束了兔年春节,相信兔年都会给我们带来好运和惊喜,让我们一起来努力和期待吧!

    在这个移动互联网时代中,相信手机也是伴随我们跨年的物件,而各类应用软件也为我们的兔年春节增添了许多乐趣。作为 UI 设计师,我们通过自己的创意让用户感受到不一样的兔年氛围,下面黑马哥带大家一起回忆一下。

    通过一些 APP 线上案例分析,看看 UI 设计师 是如何营造兔年春节氛围感的。

    更多氛围感设计案例:

    如何营造氛围感?来看QQ游戏中心的实战案例! QQ 游戏中心作为服务于 QQ 玩家的平台,致力于为游戏玩家发现好游戏和提供游戏相关服务,如何在为玩家提供好游戏推荐同时,为他们提供好游戏相关服务,是我们需要探寻的设计平衡点。

    阅读文章 >

    一、应用图标小空间里的氛围感 应用图标的氛围感是提高用户打开产品的关键,作为春节氛围感的营造来说,是最容易让用户感知到的。在这个方寸内的小空间里面,也是设计师发挥创意脑洞的形式。

    通过兔年春节发生变化的一些应用软件分析,众多案例都在配色、文案、图形营造等方面进行设计发挥,也有结合 IP 形象装扮和营销活动主题等形式,增强用户对产品的情感化认知。

    二、顶部视觉区域背景营造 作为应用软件的主界面来说,顶部视觉区域也是设计师发挥的一方空间。在氛围感的表现中也是非常利于发挥的,经常在一些节日庆典和主题活动时进行设计表现。

    结合春节元素和喜感的红色氛围营造,给软件带来了新春情感化,作为兔年春节来说,小兔子的元素也会被充分展现。

    除了兔子元素以外,也有运用灯笼、烟花、祥云等元素点缀,达到营造背景氛围的目的。

    三、营造图标设计氛围 春节期间在图标设计上面营造氛围感是最为常见的,也最容易吸引用户的关注度。重点在金刚区图标和底部标签栏图标设计进行发挥,结合配色、节日元素和造型等方面进行设计,达到营造氛围的目的。

    图标风格多样和灵活多变的特性,无论是结合传统文化还是其他多样化表达,都非常利于设计发挥。除了在春节氛围中便于发挥以外,在其他主题活动中也是重点表达的形式。

    四、异形广告中的氛围和元素 异形广告相较于中规中矩的矩形束缚来说融合性更强,更容易让界面上下的内容过度更自然。近些年异形广告穿插在界面中非常普遍,特别是在营造氛围层面效果也是十分突出的。

    由于特殊造型的设计发挥,便于设计师结合各类元素,营造贴合的界面氛围和强化视觉感。

    五、氛围浓厚的闪屏广告 闪屏广告算是春节期间最常见的表达方式,无论是情感化的闪屏设计,还是结合营销广告表达,这里都是最容易出现在用户视野中的。闪屏广告的主题营造非常多,众多产品都会结合,创意发挥也是层出不穷。

    六、引导页中的风格氛围化 引导页相对来说曝光度会比较低一些,大部分情况还是初次使用或者更新时出现,如果恰逢春节期间发生版本迭代也可以尝试营造氛围。可以在元素造型不变的情况下改变配色风格,也能起到营造氛围的作用。

    七、弹窗设计的氛围点缀 在用户浏览内容或者操作功能时,弹窗可以辅助操作和理解,也可以作为温馨提示或者信息传递等。在春节期间为了渲染氛围,也会结合主题元素进行氛围点缀,带给用户更加情感化的感官体验。

    八、异形弹窗营造新春氛围 在一些营销活动的配合中,弹窗通常会打破边界的束缚,异形弹窗更能吸引用户关注。也能更容易结合主题元素营造氛围感,特殊的造型更利于设计发挥,界面内的融合度也相对较高。通常结合兔子 IP 形象、红包和春节元素等,以质感风和 3D 建模形式表达居多。

    九、丰富界面背景氛围感 丰富整个界面背景相对较少,也有产品会在部分界面或者界面局部卡片等场景中进行表现。氛围感的营造可以带给用户有温度的体验感,也能将春节氛围重点突出。

    十、沉浸式体验的活动氛围感 沉浸式的体验能够吸引用户的参与感,比如春节期间的红包雨,融入到整个界面的设计中,以趣味性的形式满足用户心理。在不隔断与界面之间的联系,降低活动对用户的干扰,进而提高氛围感和参与度。

    比如高德地图在春节期间设计了放烟花的体验,用户可以在定位的任何地方点击燃放烟花,新添春节的氛围。将这一传统文化搬到了线上云端,也是提高体验度的不错形式。

    十一、营造氛围的专题页设计 春节氛围感在各类营销活动中表现度是最高的,随着近些年新的技术和视觉表现力的提升,在视觉感的强化层面也是十分出色。无论是运用三维化还是插画风,带来的视觉张力都是非常棒的,今年各大产品呈现出来的设计感视觉表现力都非常不错。

    十二、互动性体验的活动设计 随着视觉表现力的提升,提高用户对于活动的参与度要往游戏化和互动性等方面探索。比如抖音在兔年春节期间的活动设计,游戏化的互动体验增加了活动的娱乐性,用户的参与度也是可想而知的。

    也有通过自定义角色装扮的形式带来互动性的玩法,在氛围感十足的场景中送祝福,无论是娱乐性还是感官体验层面都非常不错。

    小结 本文主要是对春节期间的一些设计案例进行了回忆,体验、分析和总结了一些优秀的设计点,希望可以作为日后灵感的来源。描述属于主观意识,不足之处大家选择性吸收,我们互相进步。

  • 为什么我更推荐设计师使用4点网格系统?

    UI交互 2023-02-14
    过去,我们一直在使用 8 点网格系统,它帮助我们在 UI 界面中,或者一致性上做了有力的贡献。但是今天我想说 8 点网格系统其实并非最完美的,我们可以选择 4 点网格系统,他灵活性更强,今天文章和大家一起来分享下 4 点网格系统的未来。关于8点网格:如何用「8点网格」来规范你的设计?

    过去,我们一直在使用 8 点网格系统,它帮助我们在 UI 界面中,或者一致性上做了有力的贡献。但是今天我想说 8 点网格系统其实并非最完美的,我们可以选择 4 点网格系统,他灵活性更强,今天文章和大家一起来分享下 4 点 网格系统 的未来。

    关于 8点网格 :

    如何用「8点网格」来规范你的设计?看这篇好文! 8点网格流行有一段时间了,我最早知道这种设计方式是在看了谷歌的Material Design设计规范之后开始认识的。

    阅读文章 >

    一、为什么是 4 点网格系统 在谷歌的 Materials Design 设计系统中,就一直在倡导 8 点网格系统,使用 8 网格可以更好的帮助 UI 设计师 完成界面设计,同时在一致性与多平台适配的效果会更好。

    Materials Design 8PX 网格

    Google 同时也使用了 4 点网格系统,这就会导致很多人分不清到底使用 4 还是 8 去定义 UI 界面的网格系统?

    Materials Design 4PX 网格

    目前我看到很多设计师,绝大部分都是单独基于 8 去定义,而较少将其合并使用,这就会导致很多场景下,我们定义出来的间距、组件等使用时候要么有些场景间距过大,最终呈现结果也不是很理想。

    所以,如果都要去使用,那就需要设计师分清楚 4 和 8 如何去定义及使用场景,这就会有些麻烦。

    IBM 2PX 网格

    如今,我们可以完全抛弃 8 点网格系统,而直接使用 4 点网格。因为 IBM 已经提前给我们铺好路了,IBM 使用 2 点网格系统覆盖他们软件 UI 界面的一致性,最终呈现结果依然不输 8 网格,毕竟他们都是 8 的倍数,但是设计细节会更容易满足。

    二、4 点网格的优势 首先要说明一点,8 点网格和 4 点网格系统都没有对错,如今推荐大家使用 4 点网格系统,是有一定道理的,下面我们先看看这张图。

    基于 8 去定义网格系统数字 8、16、24、32、40、48、56、64;基于 4 去定义网格系统数字 4、8、12、16、20、24、32、40、48

    从上面可以看出,基于 8 定义的网格系统,其实存在一些细节的间距是没有的,这样我们在定义一些较小的组件时候是很难满足的。

    比如下面这个案例:

    左边按钮使用 8px 网格系统定义的间距 24,右边使用 4px 网格系统定义的 20,相对来说,间距节奏感会更好。

    可能有人会说,两个看起来差不多,但如果是追求极致的细节感,两个间距相差 4px 已经是非常大了。

    所以如果使用 4px 网格他的面会更广,也能覆盖 8px 网格的数值。

    三、4 点网格系统的应用 使用“4 的增量”来定义页面上元素的大小和间距,简称为 4 点网格系统。任何定义的高度或宽度都应能被 4 整除,包括布局间距、组件与元素间距、组件大小等。

    4 点网格系统相较之前 8 网格系统的优势大很多,比如以前只能在 8 和 16 选择,那么如果使用 4 网格可以选择 12px 的间距。

    当然如果能被 8 整除的也可以被 4 整除,相对来说 4 的空间与灵活性会更大。

    如果没有使用网格系统去定义 UI 界面中的板式,就会导致各个设计师之间各自去定义,最终界面呈现出很糟糕的效果。

    如何定义 4px 网格系统?

    这个很简单,他和定义 8px 网格系统思路一样,比如 4 网格系统,我们可以基于 4 的增量去定义。

    下面看这张图。

    4px 网格系统

    写到最后,4px 网格系统的灵活与兼容性大于 8px 网格系统,在未来的 UI 界面设计中,大家可以使用起来吧。

    欢迎关注作者的微信公众号:功夫体验设计

  • 设计师与 ChatGPT 如何共处?我总结了3个角度!

    UI交互 2023-02-14
    最近挺多同学问过我关于 AI 的看法:ChatGPT 以及很多 AI 生成插画和图片的工具和软件,不仅为我们带来了惊喜,也让我们感受到了不少担忧。AI 在设计领域被广泛应用后,真的会取代很多岗位吗?作为设计师,我们又该如何应对呢?

    最近挺多同学问过我关于 AI 的看法: ChatGPT 以及很多 AI 生成插画和图片的工具和软件,不仅为我们带来了惊喜,也让我们感受到了不少担忧。AI 在设计领域被广泛应用后,真的会取代很多岗位吗?作为 设计师 ,我们又该如何应对呢?

    chatGPT 使用教程: https://www.uisdc.com/group/497328.html

    AI绘画神器合集: https://www.uisdc.com/zt/ai-draw

    人工智能 设计专题: https://www.uisdc.com/zt/ai-design

    一、AI 如何辅助设计工作 以 ChatGPT 为例,它是由人工智能研究实验室 OpenAI 在 2022 年末发布的全新聊天机器人模型。作为体验设计师,你可以用它来做以下几个方面的工作:

    1. 用于解释设计的专业知识

    如果你对某个设计概念并不了解,可以使用 ChatGPT 做讲解。比如:

    UX 有哪些经典的设计和研究方法? 什么是用户体验地图? 什么是情感化设计? 如果你需要向客户解释设计专业术语,ChatGPT 就可以用最简单的语言来解答复杂的设计专业概念,例如:向 6 岁的孩子解释什么是 Design Token:

    2. 用于提供通用的设计思路

    你可以获得基础的、通用的设计工作思路和方法,询问 ChatGPT 时可以添加与工作相关的更多背景,背景描述越详细,效果越佳。比如:

    如何为我产品的用户(输入用户特征)编写调查问卷? 如何为客户设计某种风格的产品图标(输入用户需求)? 如何完成设计师与开发在 Figma 上的工作交接:

    3. 用于搜索设计资源和数据

    你可以通过 ChatGPT 查找设计资源、信息渠道和公开的数据。比如:

    有哪些好用的设计系统或 UI 组件? 某产品的主要功能和特点是什么? 某国家用户使用手机银行的数据如何:

    4. 用于完成基础的设计分析

    在可以公开数据和信息的条件下,你可以通过 ChatGPT 对于数据和调研内容做基础的分析总结,比如:

    找出这些访谈中(输入用户访谈内容)的高频词汇? 找找这些数据(输入用户数据)之间的相似性? 将这些信息(输入信息内容)按照某种方式进行归类分组? 二、应该如何看待 AI AI 能为设计师做的事远不止上述内容。但我个人认为,虽说 ChatGPT 可以超过很多智能聊天软件,其本质也还是一款聊天机器人;AI 插画和建模工具即使再好用,其本质也还是一款图像合成软件。分享给大家三个观点:

    1. 「有知识」不等于「有智慧」。

    到目前为止,人工智能和人类大脑的本质区别并不在于表象的内容生成,而在于对于生成内容的深层次认知、理解和感受,就像是躯体和灵魂的区别。

    以 ChatGPT 为例,强大的搜索功能和算法支持使得其看上去“无所不知”,并具备了一定的“创作”的能力,但其实它并不“理解”自己所写的文字背后的含义,也不会因此产生喜怒哀乐等情绪。

    举个例子,如果你对于 ChatGPT 给出的答案不满意,点击“重答”,它就会给出新的答案。这种答案的生成是依靠收集互联网上与答案相关的海量信息,依据算法做概率分析以确定最优解,并通过语言模型组合成流畅的语句。它是在根据大数据来“赌”你想要的回答。每一次“重答”都会有新的答案,都是一次概率判断和数据积累。

    其他 AI 图片生成小程序也和 ChatGPT 的“创作”能力类似,生产内容依赖于“搜索 + 拼接”,是将互联网上的海量图片信息内容打散后再重构,因此内容的可用性也仍有很大的进步空间。

    2. 人类和 AI 在「互相利用」。

    我们一直在期待 AI 可以为自己做更多的事情,现在 ChatGPT 可以帮助开发纠正代码、可以帮助你写一份报告,节省很多不必要的“无脑劳动”。

    在这个过程中 AI 也在“利用”人类:用户给出的每一条需求和使用反馈,都是在训练它生成可用性更高的内容。而且 AI 的学习速度比人类大脑高出好几个数量级,内容正确率的提升指日可待。

    现阶段,AI 和人类相互依存:没有人类的输出,AI 就没有输入,也就不会有输出;没有 AI 的输出,人类自己的输出和输入会困难和复杂得多。

    我们能够赋予 AI 超乎常人的计算能力,AI 则能够给予我们快捷便利的生活方式。人类和 AI 有着各自无法超越和替代的优势,现在是一种相对和谐的共生关系。

    3. 找准各自优势,应对变革。

    ChatGPT 让我们看到了 AI 技术的突破。虽说这种技术目前并不具备直接取代人类某些岗位的能力,但是随着其与各行各业深度融合,就会产生新的时代变革,届时也必然会产生岗位更迭。

    就和人类从农业时代进入到工业时代一样,大批的人会失业,但同时也有大量新的、符合时代需求的工作岗位被创造出来。AI 带来的时代变革有利有弊,但终究还是利大于弊,因为人类文明需要进步,时代发展也需要进步。

    对于以创造力和理解力为驱动的设计师来说,未来我们更需要:

    ① 利用 AI 的优势,优化产品体验

    AI 对于信息的搜索、计算、存储、整合等能力是人类望尘莫及的。我们可以将这些能力应用在产品的体验设计中,比如:提升浏览器的搜索质量;优化智能客服的对话能力;完善智能机器人的陪伴聊天功能等等,结合 AI 的功能优势来创造更加优质的产品体验。

    ② 找准自身的优势,用 AI 做延伸

    主动地思考、洞察、创新与决策等能力是我们人类设计师的优势所在。现阶段 AI 提供的只是基础性辅助,仍有很多工作无法完成,也仍需要我们对其结果进行检验和优化。我们要不断发挥人类特有的主观能动性,并时刻关注这些技术和行业的发展与变革,将技术作为我们自身能力的延伸,拓宽自身能力的边界。

    比起担心失业或焦虑被替代,更重要的是认清我们自己的优势所在,不断地修炼自己,厚积薄发。当时代变革到来时,你也依旧可以以不变应万变,游刃有余,来去自如。

    更多AI工具:

    ChatGPT发展势不可挡!盘点4个值得关注的AI语言文本工具 大家好,这里是和你们聊设计的花生~ 这两天有关人工智能聊天机器人 ChatGPT 的新闻频频冲上微博热搜,并引起广大网友的热切关注和讨论。

    阅读文章 >

    * 本文图片来源:

    https://uxplanet.org/chatgpt-overview-what-it-can-do-for-the-ux-designer-843b9256bfcc https://blog.prototypr.io/how-to-use-chatgpt-for-ui-ux-design-25-examples-f7772bea3e70 欢迎关注作者微信公众号:「长弓小子」

  • 第二波!2023年2月精选实用设计干货合集

    UI交互 2023-02-14
    大家好,这是 2023 年 2 月的第 2 波干货!考虑到今天是情人节,今天的第一个工具是一个可以生成情人节贺卡的人工智能服务,还没想好今天要如何表达爱意的朋友可以先生成一张带有情诗的卡片送给Ta!此外,今天的合集当中还有超好用的像素风插画 APP、人工智能纹理和3D模型生成工具、人工智能工具大合集,还有有帮你集...

    大家好,这是 2023 年 2 月的第 2 波干货!考虑到今天是情人节,今天的第一个工具是一个可以生成 情人节 贺卡的人工智能服务,还没想好今天要如何表达爱意的朋友可以先生成一张带有情诗的卡片送给Ta!此外,今天的合集当中还有超好用的像素风插画 APP、人工智能纹理和3D模型生成工具、 人工智能工具 大合集,还有有帮你集中注意力的效率工具三件套等等。

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

    第一波!2023年2月精选实用设计干货合集 大家好,这是 2023 年 2 月的第 1 波干货!

    阅读文章 >

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

    1、人工智能情人节贺卡生成工具 https://venngage.com/tools/valentines-day-card-maker

    你看,人工智能在关键的时候还能发挥特别的作用。这个服务可以借助人工智能生成情人节贺卡,在 GPT-3 的支持之下,可以生成完全为你定制的情诗和符合你需求的整体设计。动作快一点,现在生成还来得及!

    2、人工智能工具大全 ToolScout https://toolscout.ai/

    如果你想关注最快最新的人工智能工具,那么 ToolScout 这个网站可以帮你节省相当多的时间,作为一个展示 AI 工具的平台, ToolScout 每天更新最新的 AI 工具,并且他们还致力于为 AI 工具的开发者、合作者和投资者提供连接,如果这里有你所在的团队想要和其中某些 AI 工具的开发者合作,也可以透过 ToolScout 进行沟通。

    3、iPad 平台复古像素风绘图工具 https://resprite.fengeon.com/

    对于很多插画师而言,在iPad 上画插画已经是相当自然的事情,那么复古有趣的像素画是不是也可以这样呢?Resprite 这个 APP 就是为了解决这个问题而出现的,它不仅能像 Procreate 一样绘制插画(只不过是像素风的),还能制作动画效果,功能齐全!

    4、人工智能纹理和3D素材生成工具 https://www.kaedim3d.com/

    这个名为 Kaedim 的平台借助机器学习算法,可以自动将 2D 的图片转化为高素质的 3D 素材,并且现在还能根据原本图片生成对应的表面贴图材质,将 3D 建模、表面材质和后期处理过程中最耗时的部分,使用人工智能来解决,让生成内容的速度提高 10 倍,协作内容创作者更快创作,并且降低 3D 内容产出的效率。

    5、超快速的线上视频和动画创建工具 https://jitter.video/

    Jitter 是一个为动态设计而生的工具,你可以将它理解为动态设计领域的 Figma,它可以轻松为网站、APP、社交媒体等不同场合设计合理的动画和动效。Jitter 本身内置了大量的动画预设,而且加入了从 Figma 引入设计的功能,支持更多导出格式,并且增加了提升了设计效率的功能。此外,Jitter 在 2023 年也向行业内其他设计软件看齐,针对 UI 进行了优化改造,加入了更强的团队协作功能,添加了无限画布、自定义预设等更加深度定制化的功能。

    6、编辑 Lottie 动画超方便的编辑器 https://lottiefiles.com/lottie-editor

    这是全新的 Lottie 编辑器,哪怕你没有动画设计和编辑的经验,也可以轻松上手,帮你创建和生成动画,添加交互,增删图层,无需下载本地软件,直接在浏览器中就可以进行设计,之后生成的动画可以应用在设计项目之中,也可以直接发布到社交平台上,相当方便。

    7、帮你集中注意力的效率工具三件套 https://lofi-life.vercel.app/(梯子访问)

    这真的是一个复古又好玩的效率网站,网站的主界面是一组可选的音乐+白噪音,你可以按照你的需求给自己定制白噪音或者背景音乐,右上角有待办事项和番茄时钟,让你沉浸式地工作的同时,更好的管理事务,并且专注处理手头的关键的工作。网站的创建者也正是因为有这样的需求,干脆做了这个网站帮助自己专心写代码。

  • UI设计师如何营造节日氛围?12个方法+超多案例!

    UI交互 2023-02-14
    随着开工响声结束了兔年春节,相信兔年都会给我们带来好运和惊喜,让我们一起来努力和期待吧!在这个移动互联网时代中,相信手机也是伴随我们跨年的物件,而各类应用软件也为我们的兔年春节增添了许多乐趣。作为 UI 设计师,我们通过自己的创意让用户感受到不一样的兔年氛围,下面黑马哥带大家一起回忆一下。

    随着开工响声结束了兔年春节,相信兔年都会给我们带来好运和惊喜,让我们一起来努力和期待吧!

    在这个移动互联网时代中,相信手机也是伴随我们跨年的物件,而各类应用软件也为我们的兔年春节增添了许多乐趣。作为 UI 设计师,我们通过自己的创意让用户感受到不一样的兔年氛围,下面黑马哥带大家一起回忆一下。

    通过一些 APP 线上案例分析,看看 UI 设计师 是如何营造兔年春节氛围感的。

    更多氛围感设计案例:

    如何营造氛围感?来看QQ游戏中心的实战案例! QQ 游戏中心作为服务于 QQ 玩家的平台,致力于为游戏玩家发现好游戏和提供游戏相关服务,如何在为玩家提供好游戏推荐同时,为他们提供好游戏相关服务,是我们需要探寻的设计平衡点。

    阅读文章 >

    一、应用图标小空间里的氛围感 应用图标的氛围感是提高用户打开产品的关键,作为春节氛围感的营造来说,是最容易让用户感知到的。在这个方寸内的小空间里面,也是设计师发挥创意脑洞的形式。

    通过兔年春节发生变化的一些应用软件分析,众多案例都在配色、文案、图形营造等方面进行设计发挥,也有结合 IP 形象装扮和营销活动主题等形式,增强用户对产品的情感化认知。

    二、顶部视觉区域背景营造 作为应用软件的主界面来说,顶部视觉区域也是设计师发挥的一方空间。在氛围感的表现中也是非常利于发挥的,经常在一些节日庆典和主题活动时进行设计表现。

    结合春节元素和喜感的红色氛围营造,给软件带来了新春情感化,作为兔年春节来说,小兔子的元素也会被充分展现。

    除了兔子元素以外,也有运用灯笼、烟花、祥云等元素点缀,达到营造背景氛围的目的。

    三、营造图标设计氛围 春节期间在图标设计上面营造氛围感是最为常见的,也最容易吸引用户的关注度。重点在金刚区图标和底部标签栏图标设计进行发挥,结合配色、节日元素和造型等方面进行设计,达到营造氛围的目的。

    图标风格多样和灵活多变的特性,无论是结合传统文化还是其他多样化表达,都非常利于设计发挥。除了在春节氛围中便于发挥以外,在其他主题活动中也是重点表达的形式。

    四、异形广告中的氛围和元素 异形广告相较于中规中矩的矩形束缚来说融合性更强,更容易让界面上下的内容过度更自然。近些年异形广告穿插在界面中非常普遍,特别是在营造氛围层面效果也是十分突出的。

    由于特殊造型的设计发挥,便于设计师结合各类元素,营造贴合的界面氛围和强化视觉感。

    五、氛围浓厚的闪屏广告 闪屏广告算是春节期间最常见的表达方式,无论是情感化的闪屏设计,还是结合营销广告表达,这里都是最容易出现在用户视野中的。闪屏广告的主题营造非常多,众多产品都会结合,创意发挥也是层出不穷。

    六、引导页中的风格氛围化 引导页相对来说曝光度会比较低一些,大部分情况还是初次使用或者更新时出现,如果恰逢春节期间发生版本迭代也可以尝试营造氛围。可以在元素造型不变的情况下改变配色风格,也能起到营造氛围的作用。

    七、弹窗设计的氛围点缀 在用户浏览内容或者操作功能时,弹窗可以辅助操作和理解,也可以作为温馨提示或者信息传递等。在春节期间为了渲染氛围,也会结合主题元素进行氛围点缀,带给用户更加情感化的感官体验。

    八、异形弹窗营造新春氛围 在一些营销活动的配合中,弹窗通常会打破边界的束缚,异形弹窗更能吸引用户关注。也能更容易结合主题元素营造氛围感,特殊的造型更利于设计发挥,界面内的融合度也相对较高。通常结合兔子 IP 形象、红包和春节元素等,以质感风和 3D 建模形式表达居多。

    九、丰富界面背景氛围感 丰富整个界面背景相对较少,也有产品会在部分界面或者界面局部卡片等场景中进行表现。氛围感的营造可以带给用户有温度的体验感,也能将春节氛围重点突出。

    十、沉浸式体验的活动氛围感 沉浸式的体验能够吸引用户的参与感,比如春节期间的红包雨,融入到整个界面的设计中,以趣味性的形式满足用户心理。在不隔断与界面之间的联系,降低活动对用户的干扰,进而提高氛围感和参与度。

    比如高德地图在春节期间设计了放烟花的体验,用户可以在定位的任何地方点击燃放烟花,新添春节的氛围。将这一传统文化搬到了线上云端,也是提高体验度的不错形式。

    十一、营造氛围的专题页设计 春节氛围感在各类营销活动中表现度是最高的,随着近些年新的技术和视觉表现力的提升,在视觉感的强化层面也是十分出色。无论是运用三维化还是插画风,带来的视觉张力都是非常棒的,今年各大产品呈现出来的设计感视觉表现力都非常不错。

    十二、互动性体验的活动设计 随着视觉表现力的提升,提高用户对于活动的参与度要往游戏化和互动性等方面探索。比如抖音在兔年春节期间的活动设计,游戏化的互动体验增加了活动的娱乐性,用户的参与度也是可想而知的。

    也有通过自定义角色装扮的形式带来互动性的玩法,在氛围感十足的场景中送祝福,无论是娱乐性还是感官体验层面都非常不错。

    小结 本文主要是对春节期间的一些设计案例进行了回忆,体验、分析和总结了一些优秀的设计点,希望可以作为日后灵感的来源。描述属于主观意识,不足之处大家选择性吸收,我们互相进步。

  • 为什么我更推荐设计师使用4点网格系统?

    UI交互 2023-02-14
    过去,我们一直在使用 8 点网格系统,它帮助我们在 UI 界面中,或者一致性上做了有力的贡献。但是今天我想说 8 点网格系统其实并非最完美的,我们可以选择 4 点网格系统,他灵活性更强,今天文章和大家一起来分享下 4 点网格系统的未来。关于8点网格:如何用「8点网格」来规范你的设计?

    过去,我们一直在使用 8 点网格系统,它帮助我们在 UI 界面中,或者一致性上做了有力的贡献。但是今天我想说 8 点网格系统其实并非最完美的,我们可以选择 4 点网格系统,他灵活性更强,今天文章和大家一起来分享下 4 点 网格系统 的未来。

    关于 8点网格 :

    如何用「8点网格」来规范你的设计?看这篇好文! 8点网格流行有一段时间了,我最早知道这种设计方式是在看了谷歌的Material Design设计规范之后开始认识的。

    阅读文章 >

    一、为什么是 4 点网格系统 在谷歌的 Materials Design 设计系统中,就一直在倡导 8 点网格系统,使用 8 网格可以更好的帮助 UI 设计师 完成界面设计,同时在一致性与多平台适配的效果会更好。

    Materials Design 8PX 网格

    Google 同时也使用了 4 点网格系统,这就会导致很多人分不清到底使用 4 还是 8 去定义 UI 界面的网格系统?

    Materials Design 4PX 网格

    目前我看到很多设计师,绝大部分都是单独基于 8 去定义,而较少将其合并使用,这就会导致很多场景下,我们定义出来的间距、组件等使用时候要么有些场景间距过大,最终呈现结果也不是很理想。

    所以,如果都要去使用,那就需要设计师分清楚 4 和 8 如何去定义及使用场景,这就会有些麻烦。

    IBM 2PX 网格

    如今,我们可以完全抛弃 8 点网格系统,而直接使用 4 点网格。因为 IBM 已经提前给我们铺好路了,IBM 使用 2 点网格系统覆盖他们软件 UI 界面的一致性,最终呈现结果依然不输 8 网格,毕竟他们都是 8 的倍数,但是设计细节会更容易满足。

    二、4 点网格的优势 首先要说明一点,8 点网格和 4 点网格系统都没有对错,如今推荐大家使用 4 点网格系统,是有一定道理的,下面我们先看看这张图。

    基于 8 去定义网格系统数字 8、16、24、32、40、48、56、64;基于 4 去定义网格系统数字 4、8、12、16、20、24、32、40、48

    从上面可以看出,基于 8 定义的网格系统,其实存在一些细节的间距是没有的,这样我们在定义一些较小的组件时候是很难满足的。

    比如下面这个案例:

    左边按钮使用 8px 网格系统定义的间距 24,右边使用 4px 网格系统定义的 20,相对来说,间距节奏感会更好。

    可能有人会说,两个看起来差不多,但如果是追求极致的细节感,两个间距相差 4px 已经是非常大了。

    所以如果使用 4px 网格他的面会更广,也能覆盖 8px 网格的数值。

    三、4 点网格系统的应用 使用“4 的增量”来定义页面上元素的大小和间距,简称为 4 点网格系统。任何定义的高度或宽度都应能被 4 整除,包括布局间距、组件与元素间距、组件大小等。

    4 点网格系统相较之前 8 网格系统的优势大很多,比如以前只能在 8 和 16 选择,那么如果使用 4 网格可以选择 12px 的间距。

    当然如果能被 8 整除的也可以被 4 整除,相对来说 4 的空间与灵活性会更大。

    如果没有使用网格系统去定义 UI 界面中的板式,就会导致各个设计师之间各自去定义,最终界面呈现出很糟糕的效果。

    如何定义 4px 网格系统?

    这个很简单,他和定义 8px 网格系统思路一样,比如 4 网格系统,我们可以基于 4 的增量去定义。

    下面看这张图。

    4px 网格系统

    写到最后,4px 网格系统的灵活与兼容性大于 8px 网格系统,在未来的 UI 界面设计中,大家可以使用起来吧。

    欢迎关注作者的微信公众号:功夫体验设计

  • 设计师与 ChatGPT 如何共处?我总结了3个角度!

    UI交互 2023-02-14
    最近挺多同学问过我关于 AI 的看法:ChatGPT 以及很多 AI 生成插画和图片的工具和软件,不仅为我们带来了惊喜,也让我们感受到了不少担忧。AI 在设计领域被广泛应用后,真的会取代很多岗位吗?作为设计师,我们又该如何应对呢?

    最近挺多同学问过我关于 AI 的看法: ChatGPT 以及很多 AI 生成插画和图片的工具和软件,不仅为我们带来了惊喜,也让我们感受到了不少担忧。AI 在设计领域被广泛应用后,真的会取代很多岗位吗?作为 设计师 ,我们又该如何应对呢?

    chatGPT 使用教程: https://www.uisdc.com/group/497328.html

    AI绘画神器合集: https://www.uisdc.com/zt/ai-draw

    人工智能 设计专题: https://www.uisdc.com/zt/ai-design

    一、AI 如何辅助设计工作 以 ChatGPT 为例,它是由人工智能研究实验室 OpenAI 在 2022 年末发布的全新聊天机器人模型。作为体验设计师,你可以用它来做以下几个方面的工作:

    1. 用于解释设计的专业知识

    如果你对某个设计概念并不了解,可以使用 ChatGPT 做讲解。比如:

    UX 有哪些经典的设计和研究方法? 什么是用户体验地图? 什么是情感化设计? 如果你需要向客户解释设计专业术语,ChatGPT 就可以用最简单的语言来解答复杂的设计专业概念,例如:向 6 岁的孩子解释什么是 Design Token:

    2. 用于提供通用的设计思路

    你可以获得基础的、通用的设计工作思路和方法,询问 ChatGPT 时可以添加与工作相关的更多背景,背景描述越详细,效果越佳。比如:

    如何为我产品的用户(输入用户特征)编写调查问卷? 如何为客户设计某种风格的产品图标(输入用户需求)? 如何完成设计师与开发在 Figma 上的工作交接:

    3. 用于搜索设计资源和数据

    你可以通过 ChatGPT 查找设计资源、信息渠道和公开的数据。比如:

    有哪些好用的设计系统或 UI 组件? 某产品的主要功能和特点是什么? 某国家用户使用手机银行的数据如何:

    4. 用于完成基础的设计分析

    在可以公开数据和信息的条件下,你可以通过 ChatGPT 对于数据和调研内容做基础的分析总结,比如:

    找出这些访谈中(输入用户访谈内容)的高频词汇? 找找这些数据(输入用户数据)之间的相似性? 将这些信息(输入信息内容)按照某种方式进行归类分组? 二、应该如何看待 AI AI 能为设计师做的事远不止上述内容。但我个人认为,虽说 ChatGPT 可以超过很多智能聊天软件,其本质也还是一款聊天机器人;AI 插画和建模工具即使再好用,其本质也还是一款图像合成软件。分享给大家三个观点:

    1. 「有知识」不等于「有智慧」。

    到目前为止,人工智能和人类大脑的本质区别并不在于表象的内容生成,而在于对于生成内容的深层次认知、理解和感受,就像是躯体和灵魂的区别。

    以 ChatGPT 为例,强大的搜索功能和算法支持使得其看上去“无所不知”,并具备了一定的“创作”的能力,但其实它并不“理解”自己所写的文字背后的含义,也不会因此产生喜怒哀乐等情绪。

    举个例子,如果你对于 ChatGPT 给出的答案不满意,点击“重答”,它就会给出新的答案。这种答案的生成是依靠收集互联网上与答案相关的海量信息,依据算法做概率分析以确定最优解,并通过语言模型组合成流畅的语句。它是在根据大数据来“赌”你想要的回答。每一次“重答”都会有新的答案,都是一次概率判断和数据积累。

    其他 AI 图片生成小程序也和 ChatGPT 的“创作”能力类似,生产内容依赖于“搜索 + 拼接”,是将互联网上的海量图片信息内容打散后再重构,因此内容的可用性也仍有很大的进步空间。

    2. 人类和 AI 在「互相利用」。

    我们一直在期待 AI 可以为自己做更多的事情,现在 ChatGPT 可以帮助开发纠正代码、可以帮助你写一份报告,节省很多不必要的“无脑劳动”。

    在这个过程中 AI 也在“利用”人类:用户给出的每一条需求和使用反馈,都是在训练它生成可用性更高的内容。而且 AI 的学习速度比人类大脑高出好几个数量级,内容正确率的提升指日可待。

    现阶段,AI 和人类相互依存:没有人类的输出,AI 就没有输入,也就不会有输出;没有 AI 的输出,人类自己的输出和输入会困难和复杂得多。

    我们能够赋予 AI 超乎常人的计算能力,AI 则能够给予我们快捷便利的生活方式。人类和 AI 有着各自无法超越和替代的优势,现在是一种相对和谐的共生关系。

    3. 找准各自优势,应对变革。

    ChatGPT 让我们看到了 AI 技术的突破。虽说这种技术目前并不具备直接取代人类某些岗位的能力,但是随着其与各行各业深度融合,就会产生新的时代变革,届时也必然会产生岗位更迭。

    就和人类从农业时代进入到工业时代一样,大批的人会失业,但同时也有大量新的、符合时代需求的工作岗位被创造出来。AI 带来的时代变革有利有弊,但终究还是利大于弊,因为人类文明需要进步,时代发展也需要进步。

    对于以创造力和理解力为驱动的设计师来说,未来我们更需要:

    ① 利用 AI 的优势,优化产品体验

    AI 对于信息的搜索、计算、存储、整合等能力是人类望尘莫及的。我们可以将这些能力应用在产品的体验设计中,比如:提升浏览器的搜索质量;优化智能客服的对话能力;完善智能机器人的陪伴聊天功能等等,结合 AI 的功能优势来创造更加优质的产品体验。

    ② 找准自身的优势,用 AI 做延伸

    主动地思考、洞察、创新与决策等能力是我们人类设计师的优势所在。现阶段 AI 提供的只是基础性辅助,仍有很多工作无法完成,也仍需要我们对其结果进行检验和优化。我们要不断发挥人类特有的主观能动性,并时刻关注这些技术和行业的发展与变革,将技术作为我们自身能力的延伸,拓宽自身能力的边界。

    比起担心失业或焦虑被替代,更重要的是认清我们自己的优势所在,不断地修炼自己,厚积薄发。当时代变革到来时,你也依旧可以以不变应万变,游刃有余,来去自如。

    更多AI工具:

    ChatGPT发展势不可挡!盘点4个值得关注的AI语言文本工具 大家好,这里是和你们聊设计的花生~ 这两天有关人工智能聊天机器人 ChatGPT 的新闻频频冲上微博热搜,并引起广大网友的热切关注和讨论。

    阅读文章 >

    * 本文图片来源:

    https://uxplanet.org/chatgpt-overview-what-it-can-do-for-the-ux-designer-843b9256bfcc https://blog.prototypr.io/how-to-use-chatgpt-for-ui-ux-design-25-examples-f7772bea3e70 欢迎关注作者微信公众号:「长弓小子」


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