最近有一个快递要查询，于是百度到了顺丰官网。一直以为顺丰这种比较重视互联网科技的快递公司（虽然小程序被我吐槽过），但官网应该不会太差。可这扑面而来的老干部风格属实惊到我了：左右滑动查看更多这么多年了，国内的官网还是这个味道吗？我抱着这个困惑搜了一下EMS官网，结果居然还真是！然后我搜了一下包括EMS国际站在内的其它海外快递公司官网，发现差别太大了。可以看到海外官网的风格和国内完全不同，从体验设计的角度，我认为海外的官网普遍更加清晰易懂。于是我就好奇了，为啥国内的官网几十年如一日地都有一种“老干部”的味道？我对比发现了5大差异：用大篇幅打广告顺丰和EMS国内官网首屏最大面积的是广告，而且是给自己打广告。海外竞品的官网虽然也放大图，但主要是用来做氛围渲染的，面积没那么大，也不会过多文字宣传。老派网站设计很希望塞超大广告图，这已经是很过时的网站设计思路了。与其于套模板，还不如体谅一下用户的感受。其实这个年代，跑去官网的用户至少已经算潜在客户了，这时与其大打广告，还不如做好服务。当然，那种大banner是不是真的有效，我没证据，建议做A/B测试对比一下转化率。但是丑是真的。主操作不清晰其实国内外的快递官网主操作是一样的——查单号。但国内官网因为广告更重要，所以主操作得靠边站：而且这主操作还没好好设计，槽点太明显了。顺丰是两个操作按钮，悬停后莫名其妙让一个下面一个tab高亮了，点击文本框后搜索按钮消失了。EMS表面看着没问题，谁知点击文本框后搜索图标换成了文字按钮，而且底下还出现小字说登录后才能手机查询。相比之下，海外的那几家就要正常很多：导航复杂难懂看看顺丰和EMS的官网导航，普通用户估计有一半都看不懂：看看海外那几家的，导航不但数量更少，用词也通俗易懂。但有一点国内官网做得更好，就是次级菜单悬停展开：过多与服务无关的信息其实导航之所以难以理解，是因为这些网站并不完全是为普通用户而设计的。看看这些新闻版块，以我多年写公众号的经验，点击率肯定非常低：而看海外竞品，虽然也有新闻版块，但大多是对用户有帮助的内容。即便有自我宣传的文章，也不会过于细节。使用浮动入口顺丰和EMS国内站在屏幕边缘都有好几个这样的浮动入口：这种设计破坏布局结构也不好看，一般来说除非必要都该尽量避免。海外就要克制许多，基本只有反馈或者客服这种需要随时可见的才会用这种入口：总结一下其实不止快递公司，国内很多企业已经做到顶尖不差钱了，官网还是摆脱不了这种“老干部”风格。这种官网的主要差异是更多考虑到公司决策者自己的需求，对用户的需求关注较少。可能是因为在国内官网并不是一个占比很高的渠道，所以并没有用心去做。不过作为公司门面，官网多少还是有些作用，尤其对于对国内情况不了解的海外用户或者合作商来说。不知大家怎么看呢？希望对大家有所启发，请记得把文章转发到你的朋友圈，点个在看，咱们一起加油吧！推荐阅读（点击标题可跳转阅读）更高级！蔚来Banyan

AR信息架构Banyan平台车型全系搭载PanoCinema全景数字座舱，通过AR头显设备和7.1.4沉浸声音响系统，营造出3D立体的沉浸视听体验。而在Banyan

2023上半年间，没有哪款产品比ChatGPT更火了，AI替代人工的传闻四起，一时间人人自危。然而半年过去了，现在很多调研却发现，ChatGPT的影响力没有人们想象中的那么大。SimilarWeb的数据显示，虽然ChatGPT在今年一月达到131.6%的环比增长率，但后面一直下滑，2月为62.5%，3月55.8%，4月12.6%，5月2.8%。照着趋势，6份出现负增长也不奇怪。虽然高速增长过后，增速下滑属于正常现象，但摩根士丹利一份4月进行的调研发现，2000名受访者者，19%的受访者之前用过ChatGPT，而只有4%的人表示依赖ChatGPT。微软必应（Bing搜索引擎）想靠ChatGPT翻盘的计划，似乎也不顺利，从去年中旬到现在，市场份额变化不大：从这些数据不难推断，虽然ChatGPT有厉害之处，但就目前而言，对于大部分人的价值还远远比不上Google/百度这样的传统垄断搜索引擎。哪里不好用？虽然网上有过“ChatGPT变笨了”的传闻，但OpenAI官方曾回应说3月14日发布GPT-4以来，大模型的本体一直处于静态，但同时也承认大模型本身存在不稳定性。但是更多调研表示，笨不笨的，并不是主要问题。日本东京的

OS中，这种清晰性得到了继承。5）深度感系统通过增加阴影和高光来体现各层之间的深度感并使用上层的

Karras（在速度和质量的平衡最好）尺寸设置：1200x1800（需与草图尺寸保持一致，尺寸越大电脑性能要求越高）提示词相关性：7（数值越高，生成图像与提示词的关联度越高）重绘幅度：0.7

Malewicz译者：彩云Sky推荐阅读（点击标题可跳转阅读）Figma大改版，跟Axure和蓝湖抢活了？小米商城APP首页改版Photoshop

最近Figma出了很多新功能，变化之大可以说是一日千里不足为过。以前Figma虽然好用，但功能缺失比较明显。做原型不如Axure专业，设计交付不如蓝湖贴心，字体管理居然连预览都没有……但是现在，上述问题不但一次性给出全面解决方案，而且做出了很多创新的功能！可以看看这段宣传片感受下：接下来仔细给大家介绍一下，从简单的开始吧~1.可视化字体列表以前的Figma字体简陋得跟学生作业一样，就一个从A到Z的字体名称列表，既看不到预览，也没有把常用字体列出来。现在终于加上预览了，而且还提供了几种分类查看：要是能把中英文分割出来就更好了，希望以后再接再厉吧。2.自动布局更接近前端2.1自动换行自动布局这个东西很好用，但一直有一个问题——不能换行。于是，每次只能做一行，然后手动复制多行。但前端样式是可以自动换行的，下图这种效果只需一行float代码即可。所以，这次Figma终于把自动换行加上了，这个真是方便不少，还省了一级Frame。2.2.

AI智能绘图｜视觉海报落地设计流程看大厂设计师如何用AI搞定UI设计！太轻松了！美团外卖进军香港，UI竟然改头换面了！点个

Beta去除Midjourney生成出来有问题的地方，同时更换场景上的一些物品使图更接近客户诉求。与客户确认图片后再继续用Photoshop

UI设计是一门结合了美学、技术和用户心理的艺术，它的目标是创造出既美观又易用的界面，从而提高用户的满意度和忠诚度。然而，UI设计也是一项耗时耗力的工作，它需要设计师不断地进行创意、绘制、测试和修改，以适应不同的业务需求和用户反馈。有没有一种方法，可以让UI设计变得更简单、更快、更美呢？答案是：AI人工智能！本文将介绍如何将AI技术应用于UI设计的全流程中，以及这种结合对业务和团队的价值。无论你是一名经验丰富的UI设计师，还是一名对UI设计感兴趣的新手，你都可以从本文中学习到一些有用的知识和技巧，让你的UI设计更上一层楼。前期调研对于UI设计过程至关重要，它能让设计师掌握客户和市场的需求和趋势，为设计方向和策略提供依据。前期调研需要分析大量的资料，如用户画像、用户人群划分、用户真实需求、用户审美偏好等，以便在设计时充分考虑，实现用户体验和视觉调性的精准设计升级，达到数据转化的最终目标。chatgpt、NewBing等辅助工具可以为设计师提供丰富的文字信息，帮助他们快速确定设计方向，并学习解决问题的方法。chatgpt使用门槛高而NewBing亲测可以平替chatgpt

美团进军香港了，不但改名为KeeTa，吉祥物从袋鼠变成猎豹。我下载KeeTa看了一下，UI和美团外卖完全不同，但我估计设计师应该还是从美团内部找的。而香港本土的外卖app长什么样呢？下面是AppStore下载量前2名的foodpanda和户户送（Deliveroo）。前者是德国公司，后者是英国公司：今天想来和大家对比一下KeeTa和美团外卖以及户户送的界面，顺便观察一下海内外互联网用户习惯和设计水平的差异。1.设计更简洁把3个香港外卖的首页放在一起，foodpanda是最简洁的，其次是KeeTa：但是foodpanda首页根本没露出几个菜品/店铺，这空间利用率就有点不划算了。但是要论页面结构，其实户户送比KeeTa更简单，但是他们喜欢用大面积的图片，导致视觉上变复杂了。KeeTa的模块虽然更多，但是因为视觉层次分明，所以显得更简洁。为什么我不把美团外卖放一起对比？因为实在相差太远，单看一个店铺打卡就是天差地别：KeeTa为什么可以比美团外卖简洁那么多呢？这就要提到下一点了：2.内容更轻量foodpanda和户户送在商户卡片上更强调配送时间，其次是评分和运费。评分可以理解，强调时间和运费估计是因为外卖在欧洲的配送时间较长而且运费较贵，需要强调。而KeeTa不强调时间，可能是对自己的配送时间比较有信心。KeeTa会多加一个最低消费金额，这个感觉挺有用，不知道为啥那两家竞品没有。KeeTa缺少的是评分数据，这个应该是考虑到刚上线数据较少，以后应该会加上。进入店铺后，KeeTa的菜品分类也是比较少，因为是横滑菜单，实在放不了太多。所以，很多菜品的选项其实是藏起来了，点菜的时候再选。KeeTa而美团外卖应该菜品分类是纵向排列，所以可以创建很多菜品。很多店铺为了让自己菜品更加复杂，宁愿把一个菜品的不同选项拆成多个菜品。美团外卖KeeTa这么设计菜单，估计是跟foodpanda和户户送学的：foodpanda户户送为什么这两个竞品都用横向菜单呢？我在欧洲时感觉他们的饭店规模比较小，菜品种类也不多，可能这样的设计更符合他们的需求吧。3.

以前我就在想，如果自己喜欢的动漫角色是真人的话，该长成什么样子呢？现在有了AI绘画后，这个想法落地就简单了。我通过AI，把很多动漫角色变成真人，而且效果还挺不错的。今天我就以火影为例，把一些经典角色通过Stable

前言从几个月前AIGC的兴起到现在，各行各业已经有许多团队将之运用在工作流程当中。其中，Midjourney的到来，不仅在一定程度上提升了设计师们的工作效率，也为设计师提供了更多设计方式上的可能性。其快速出图的特点帮助设计师节省了设计初稿的时间，可圈可点的画面构图与光影关系又给设计师带来许多灵感与参考。那么，到底该如何运用Midjourney来帮助我们将一个项目落地呢？本文将以一个大型活动的主视觉设计案例，解析如何利用Midjourney，来帮助我们从最初的构思到最后项目落地。项目背景520发布会以线上节目形式呈现，需设计品牌的主视觉海报，用于发布会视频节目转场展示，并在520发布会及周年庆期间作为传播素材使用。制作前期构思与参考需求方希望画面能展现出品牌的社交感，以“游戏伙伴”为主题，画面表达各种不同类型游戏伙伴，因我们的产品而相聚的场景。同时希望画面中的人物能做出击掌（GIVE

上个月ChatGPT出了一款APP，不过目前只在AppStore美区有。我找朋友帮忙搞到了一个，发现比以前的网页端好太多了。移动端的设计更加简洁清晰是一方面，更重要的是，以前网页端要频繁登录，每次登录都有被封的风险。用App的话不用反复登录，要方便很多。可见ChatGPT等AI即将更深入地融入我们的生活，成为必不可少的一部分。最近和朋友聊到这个时，发现一个很常见的观点——以后的产品都会往ChatGPT、Midjourney靠拢，我们不再需要图形界面，对话式交互才是未来。如果你不清楚什么是对话式交互？以下是ChatGPT的回答：如果真是这样，那么UI/UX设计的未来恐怕将是一片灰暗。因为产品都使用对话式交互的话，那么形式将变得非常统一，可以设计的就很少了。设计师这个岗位不说消失，估计也要大幅减少。然而真的是这样吗？其实很多人会有这样的想法，是把AI和对话式交互画上了约等号，认为对话式交互就是最好的AI交互形式。以至于很多公司想赶AI潮流的话，第一个想到的就是做一个聊天机器人。我却觉得事情没有那么简单。AI≈对话式交互？其实很多AI并不是以对话式交互来承载的。例如打游戏时的人机对战、短视频推荐、购物网站的商品推荐……即便是AI绘图，其实除了Midjourney之外，很多其它的工具都不是对话式交互的。NovelAI也就是说，AI并不依赖于对话式交互。那么反过来，对话式交互一定是需要AI才有用吗？公众号的关键词回复功能，就是完全没有AI的对话式交互，运用非常广泛，你肯定不能说它没用。P.S.

事情是这样的，最近团队在AI辅助设计方面做了许多尝试，今天也给大家分享一个辅助落地的需求，那是相当提效！简单介绍下需求：天知道这漫长的一天究竟发生了什么，先来看一下开始与最后落地的对比：接下来就从以下几个方面分享一下该需求的执行思路：①主形象生成（MJ）

一起来看下小伙伴们日常都在被哪些问题困扰？被迫转岗慌了怎么办？被拖欠外包款怎么维权？面试的刁钻问题怎么回答？今天分享一些建议和想法希望对大家有所帮助。▍被迫转岗有点迷茫（图片来源：网络）Q：因为公司调整，被迫转岗，从设计师转岗到业务层面的工作，有点迷茫，担心自己会成为“层查资料”的人。想问问从您的经验来看，对未来发展是一件更好的事情吗？Sky：感谢提问，我简单说下我的看法。

今年B站传出“断更潮”，很多B站UP主透露收入减半不得不放弃。2022年爱奇艺年利润终于转正了（13亿元），内容模式更类似的Youtube更是早就赚得盆满钵满，B站却净亏75亿。我看了网上的讨论，很多都讲B站运营繁杂、不加贴片广告、用户低龄化消费能力低……其实除了这些，我一直觉得B站的UI设计也有点跟主流格格不入。跟海量的不知名小公司产品比起来，那肯定算好的了，但在总感觉设计水平配不上名气。在视频领域名气算一线了，UI/UX却在二线排末流。今天想来和大家讨论一下，我对B站UI/UX的一些看法。P.S.

今天分享一套设计师

前言制作一张活动海报需要多长时间？答案是3个工作日，无论前期制作还是后期调整都要花上不少时间，任何一个环节都无法缩短时长。如下面圣诞海报例子，设计流程如下：那换成AI制作我们需要多长时间？答案是2个工作日。以下是使用Midjourney设计全流程。分析1.根据需求方给到的表格内容，分析需求要素：五一、打开脑洞、奇遇之旅、夏日、假期、节日氛围、锦鲤大奖、可爱元素、气球、游戏币和游戏机等。2.在花瓣网寻找合适的（与夏日，活动，奖励，可爱有关的）风格方向，发需求方确认。需求方选择了上面图片的第二张风格。3.根据需求方选择的风格采用Midjourney的“图生文”得到对应的风格方向与作图灵感作为参考。Midjourney“图生文”指令是：/describe得到文字后选了咒语2，得到了一张风格还不错的图作为参考方向(这里选择了第一张)。然后根据选择的图去获取他的“seed”值。利用“seed”固定风格构图氛围，然后添加前面根据需求表分析出来的要素，这里填写了“背景是游戏机、电脑、玩具、电子产品”与游戏相关的信息就生成下面的图：根据生出来的图分析得到了一些不错的灵感，如：图中的飞鱼，耳机，主体人物在游水中游玩，水花，波浪氛围，色调方向等。通过这些素材让我联想到了两个草图方案，如下图：草图1

也是变浅一点，但底导航则是完全没有悬停反馈：总结来说，分成三种——叠色、动效和变浅：国内产品有吗？国内大厂的产品可能会有一些，但覆盖面远比不上同等级的海外产品。例如华为手机系统，估计跟原生安卓和

今天继续分享「AI工具Midjourney」。在上篇文章中，我们讲到了如何利用MJ生成多种风格的APP界面➡️，这次更进一步来讲讲Midjourney在B端设计中如何发挥作用！通过文本描述、图片描述两个AI方法，讲解在Midjourney中生成交互线框图、设计组件到B端页面的整个流程，如何助力UI/UX设计～

当拉伸钉钉PC客户端窗体的时候，内容会像流水一样随着窗体的大小改变布局或形状。窗体大小的改变带来的内容布局的调整对于用户来说是无感知的，这种丝滑自然的体验得益于钉钉PC客户端响应式的适配方案。流水一样的响应式设计下面我们以钉钉PC客户端为例，来解析它的适配方案，以便我们设计师能主动地把控产品在各种设备上的良好体验。一、确认用户设备的屏幕尺寸区间响应式布局的本质是通过识别用户设备屏幕的尺寸环境，选择最佳的内容展示方式，让页面有能力在所有设备环境中保持良好的用户体验。因此，制定适配方案的第一步，就是先确定产品适用的屏幕尺寸区间。320~1920基本上是所有设备屏幕宽度的尺寸范围，320、360、480、768、1024、1280、1366、1440、1600、1920这些尺寸是各设备中占比较多的屏幕宽度。需要根据产品定位收集所有用户设备覆盖的尺寸范围及核心用户设备的屏幕尺寸，然后将屏幕尺寸范围根据断点分为几个区间。根据用户使用场景、商业价值、技术及维护成本等因素，一般将PC客户端适用的屏幕尺寸区间定义为：第一区间

8k3）会员相关产品会员相关类，常需要用到勋章、卡片来代表等级身份。我们利用Midjourney快速生成，也可以后期再调整。如果要出来的效果更好把控，可以考虑垫图的方式。PromptMedal

有人说，现在工具那么发达，做设计跟拼组件差不多了。但是事实如此吗？美图秀秀没有让修图师的工作量下降，剪映没有让剪辑师工作量下降，Midjourney更不会让原画师更轻松。相反，随着效率的提升，标准在不断被拉高——原本的正常标准变成了现在的及格线，原本的高难度变成了现在的普通水平。这就好比所有人都穿上高跟鞋后，高矮排名并不会因此而改变。设计组件，也是如此。当画图变简单时，那么我们对其它地方的要求就会变高——例如，设计思路、对业务的理解、用户体验……也就是说，随着设计门槛的不断降低，咱们对设计方案的要求反而要不断提升，才能跟上时代的脚步。这里有一位B端设计师做的方案，明显是用

-“东方美学”采用的中式剪纸风元素勾勒出东方山水画的意境蓝、白主色金线点缀直接打开了乳品包装设计的新思路-

2007年1月9日iPhone第一代发布，开启了互联网黄金时代。互联网从小众行业，逐渐变成了大众熟知的行业。伴随着行业红利，互联网设计行业也开始了蓬勃发展。ant

目前国内外有很多热门的AI绘图工具，其中Midjourney是目前我觉得最容易上手的工具，对于完全不懂AI绘图、想试试看的新手来说，是很不错的入门选择。而且现阶段的AI已经能辅助进行设计，视觉效果相当吸睛。那么UI/UX设计师能用Midjourney加快哪些设计流程呢？我们一起来通过具体的实操，从主体、配色、风格等方向探索AI在设计中的应用！

在百度上搜索“天气”，你会发现搜索结果的样子焕然一新。不同于以往扁平化的效果，新版卡片更注重“氛围”，更强调视觉的纵深感；也从图标设计、展现效率多方面进行了全新升级，下面将从视觉角度分析此次改版的设计思路。用户反馈分析对比线上旧版设计，“提效降噪”、“强化感知”等想法映入脑中。但这是否代表改版的全部？答案是NO。对于用户而言，天气结果卡片不仅仅是工具，是与用户生活息息相关的功能，更是能创造用户对生活的热爱和美好愿景的表达。在这份想法的支持下，我们对天气卡进行一次重新审视：不仅对交互体验进行了深耕，还希望通过巧妙的设计手段，构建一个能够帮助用户快速观测气象的产品。用户调研中收集到了一些用户的反馈：怎么能一眼分辨今天是不是好天气？现在出门下雨吗？信息太多了不知道该看哪儿？因此，如何强化气象感知？以及如何提升信息获取效率？成为首要解决的痛点，我们提炼出改版的关键词：「营造微观气象的临场感受」、「提升气象信息的获取效率」。对于气象感知的塑造，不仅是提供更精致的视觉效果和重点信息进行强化，还需要贯穿功能与信息获取效率，让用户在靠前的头部结果就能得到快速且极致的满足感。营造微观气象的临场感受为什么要烘托临场感？在古代，人们通过云层变化、斗转星移推测气象；在信息时代，人们通过数据看日暖风和；如今处于后疫情时代的我们，曾无数次想「看看外面的世界」，都以被迫放弃而告终。正因如此，设计师希望传达更加真实的天空情绪，去舒缓每一位需要自然风光的旅人。如何搭建一个更加具备临场感的氛围框架？我们尝试了多种方案：扁平化设计、轻拟物设计、弥散渐变等现在流行的设计手法。但这种同质化的设计手法并不能直观地让用户代入临场感，于是我们脑暴出新的突破口：将微观世界装在手机里。纵观历史可知，在14世纪写实绘画兴起后，伴随着透镜技术的发现，绘画大师们利用小孔成像的原理能够将风景尽收“画”底。根据这一灵感，尝试以透镜映射的思路，通过数字化的设计手段把大气的万象变化映射在手机内，形成精致迷人的“微观世界”。构建映射气象的框架构建微观世界的方法，就像家里的生态鱼缸，映射着海底某一角落，能在有限的空间里给人们海底世界美景的无限遐想。根据上述推导，首先排除掉弥散光与扁平插画的设计思路，专注设计沉浸感知强的天气氛围。同时还需要避免在信息过载情况下，细节化的天气特效而产生冗余感。重构现有信息焦点以达到最大程度地透传气象感知，对整页信息梳理后排除干扰视觉动线的信息，将天气氛围主视觉放置于视觉中心，通顶处理头部效果，搭建出更具备临场感的微观天气框架。调制天空的颜色在搭建好框架后，为还原真实的微观场景效果且不影响整体用户信息获取，尝试更系统的方式搭建天空的色彩体系，通过颜色的细微变化营造身临其境的天空景观，打通线上线下的统一认知。在全天的不同时刻可观察出，天空中多以中饱和度和高明度的色调作为基础色，少以高饱和度颜色呈现，不同的视线远近也会呈现由深到浅色的渐变关系。但在区分不同天气的自然形态差异时遇到了难点：如何正确表达晴、多云、阴、雨、雾霾？在气象行业标准中，以云的面积占据天空的百分比作为依据判别“晴天”、“多云”和“阴天”：云量在0%-10%为晴天；10%-30%为少云；30%-70%为多云；大于70%为阴天；晴朗指天空无云或云量小于10%的现象。以天蓝色作为最基础的晴朗标准，通过阳光光斑、云层大小、云层薄厚、云种类等元素区分多云和晴天的关系：阴天时水汽指标直线上升，从色彩上以更低明度与饱和度的蓝灰体现、云朵上选择高层云并压低云层位置，进一步强调阴天的压抑感。雾霾在视觉感官上与阴天较难区分：都是能见度较低、光线阴暗特征。但雾霾下的空气较为浑浊，因此在视觉上，用不带色相的灰度变化，体现雾霾中不干净的颗粒感。从众多风景气象图中，寻找出符合当前天气的主色调，根据主色调建立多气象场景下的色彩体系，从不同维度表现天气氛围感知。逐步调整出适合各气象场景的主色调与衍生色关系，运用不同的色相唤醒人们对气象场景的固有印记。映射玻璃的质感如何在手机上表达“微观世界”的概念？我们认为制作透过手机屏幕玻璃而产生的气象变化是设计发力点。因此在设计雨天时，没有直接使用AE粒子下雨的劣质效果，而是选择用湍流置换特效，模拟玻璃挂住水珠聚成流下的感觉。在制作雪时为了能营造透过玻璃看雪的感觉，先将雪景图片模糊，同时制作动态的远景模糊雪花，再将具象的雪花造型为中景渲染氛围，最后补充上几片会转动的雪花作为前景点缀，模拟出透过玻璃看雪景的前、中、后三层景深关系。除此以外，其余场景也有着设计的小心思：比如星星点点的夜空🌃；打雷时隐隐发光的乌云🌩；在沙尘暴吹动时炽热的风沙🏜，都在手机里呈现出栩栩如生的微观世界。玻璃质感的图标风格打磨在脑暴图标设计方案时我们发现，一味地追求美容易忽视天气图标的识别性问题，因此提炼出新图标设计的三个核心要点：透射：以“微观世界”这一关键词，制作透镜折射的效果凸显主题。形体：以iOS与Android等系统天气图标为形态基础，避免用户在识别上出现分歧。光影：以带有百度品牌色且兼具气象柔和颜色的光影塑造立体感。提升气象信息的获取效率天气结果卡的核心本质是专业高效的工具属性，通过改版前的用户调研与反馈数据可以发现，用户整体对“信息冗余”、“不容易查找”的提及频率很高。因此，为了用户能够快速准确得到当天天气的相关指数，我们做出如下改变：解锁天空的秘密将繁杂的信息重新排序，根据用户行为和数据，区分内容展现优先级：温度、紧急信息通知、当天相关情况为最高优先级，其次为：其余天气信息、日出日落、穿衣出行洗车的生活指数等。由此，提取气温、紫外线、风力、降水量为专业指数的四大要素，并根据天气状况干预展现策略，例如：当天下雨时则优先展示降水量指标，大风时则优先展示风力等级。而短时预报模块为临时预警内容，仅在天气不佳（下雨、下雪）时临时置顶展现，能更及时地传达当前时段的极端环境情况（提示是否需要带伞等）。

AI盛行，现如今任何人通过一些简单的学习，都可以使用AI轻易生成一些好看的插画、元素，设计师的价值好像一夜之间变得一文不值。真实情况是什么呢？我们拿一个需求举例，这个需求要求我们做一个摇钱树的主视觉，并且可以领取红包，先看看交互：可以看到最主要的其实就是中间这个摇钱树了，要是按照以前的设计路径要搞定这个摇钱树，要么就是绘制，要么用C4D建模渲染。时长肯定都是半天甚至一天以上了，现在呢？Midjourney、Stable

Sorayama和Victo

内容浏览链路02.交互重组让内容好看好写长期内容发展趋势显示图片、视频必然是比文字更能提升阅读者体验，在展示突出图片的背后，我们采取了重组发布器交互框架，来鼓励用户多发布图片、视频等富媒体内容。▲

基于用户数据的设计研究接到改版任务后，我们并没有着急走查线上的问题，而是先思考在APP流量越来越大的今天，到底哪些人还在使用PC端？他们为什么会使用？以及怎样才能帮助这部分用户得到更好的体验呢？1.

现在很多悬停态样式都改成了这种背景框：也有用这种叠加色：国内有些网页设计里还保留着原来用悬停高亮色，例如阿里云的官网，基本都是这种：淘宝就连红色和绿色的按钮（天猫、聚划算和天猫超市），都还在用统一悬停高亮色：百度虽然一级导航用悬停态高亮色，二级却加上了个背景框：然而在最新的设计系统里，几乎都很少看到了这种悬停高亮色了。例如

前言AI每天都在更新，每天都在变化，工具越来越多，有的小伙伴去适应，有的只是觉得好奇，还有的在抵制，希望大家保持初心，该学C4D的还是要学，该学插画的要学完。可以看到各大厂已经在应用的路上了，目前阶段是结合着去落地，我相信不久会有更全面，更完整的AI项目参与展示出来。正文看了几篇推文，Midjourney上周更新的东西大家差不多都知道了，这里我简单的总结一下，以及重点讲一下

针对火车票改签抢流程中，推荐用户改签座席类车票的场景，火车票多次尝试了更友好的设计策略，提升用户体验的同时，还提升了用户对我们的好感度和信任度，从而提高用户对新车票的接受度。此次为用户对新车票决策的承接页进行改造，着重梳理了我们在这个核心页面中，如何对用户进行有价值的“对话”的几个方法。设计师与用户之间的“对话”无论从事的是什么行业的设计师，本质上设计师都在做一件事——通过设计的作品激发使用者的情绪共鸣，以这种交流方式去传递作品的价值，作品与人的对话，其实也是设计师与人之间的对话。换而言之，对于UI设计师来说，app是我们与用户沟通的平台，图形信息就是我们用来“沟通”的语言，针对不同的场景，运用不同的设计策略来组织图形和信息的呈现，以构成一个能被用户理解的“事件”，我们认为这就建立了一个基本的沟通模式，只有在这个基础上，产品的目标才能得以实现。而与用户建立起有效的沟通，是我们的基本要求，并且学会用正确的“对话方式”，赢得用户的好感和信任，也是我们不懈的追求。信任体系模型若从产品层面去理解如何塑造信任感，其实就是：理性（解决基本的核心功能）+感性（从好感至惊喜，给予用户超预期的体验）的过程。关于火车用户改签更理想车票这件事火车票的改签抢流程，是指用户在抢票/购票过程中，添加了备选方案/或定制服务，但最终的出票结果非用户的心仪方案（非主选车次、非指定座席/车厢等，但不局限于此），携程为用户抢到心仪的出行方案后，通知用户前来确认是否选择这张更心仪的车票，若用户接受新车票，我们即为用户改签车票，用户则用心仪的新车票出行。在改签抢流程的初期，我们的改签方向仅为心仪的车次、出发日期、到达站等，经过多次产品迭代，我们增加了15个以上的心仪座席类场景，可在初期的页面框架中，缺乏对座席类方案优势的感知，并且两张票面信息的重复率较高，致使用户在进入这个页面后，对核心信息的获取变得低效。火车票旧版改签抢页面信息框架，置入靠窗座席场景的页面效果：既然是更好的车票，我们为什么要吝啬对它的“赞美之词”，用户需要的不是设计师摆在界面上的文字，提高优势信息的展示质量，让用户可以易读易懂，是获得好感的基础

Willow的命令，目前绘图常用命令有2个，分别是文生图和图生图。第一个命令：文生图，和MJ操作方式相似的是，创建自己的服务器后，在输入框键入“/”，会弹出“/imagine

设计做到极致注重的就是对于细节的把控力，大厂的设计师之所以比较优秀，就是他们具备很好的细节把控力。想要提高产品设计的能力，发现设计细节和思考设计深入的能力至关重要。最近在体验产品的时候，发现了一些设计细节做得比较好的优秀案例，分享给大家学习一下。分享目录一、Banner

）微交互微交互即在界面内的小交互，例如按钮在被点击时改变颜色。这些小的交互有助于为用户创造更具吸引力和交互性的体验。设计师可以通过使用微交互来创建更具活力和吸引力的界面。（

Blog庆祝成立15周年的品牌KV就是将数字15和英文BOLG作为整个主KV，非常的华丽且视觉冲击力强。运用

+粘贴刚刚的图片地址+空格+描述关键词+官方命令。这生成的什么鬼（由于关键词少，这里作为演示）。以上就是“喂图”的过程，利用“喂图”，可以在生成的图片上继续点开在复制链接来进一步优化。常见问题：1.

今天为大家分享的是「设计准则」。感知力是大脑将不同的信息连接和组织成一个连贯整体的机制。例如我们将相似的对象分组并连接起来，能够轻松地区分出不属于该组的对象。大脑在处理和组织看到的信息时会使用一套快捷方法，了解这些方法是设计成功的关键要素。在UI设计时，我们应该有意识地运用感知力，用足够的事实来验证设计，有依有据地解释为什么这个图形元素要这样设计？背后的原因是什么？提升感知力有助于清晰地解释设计方案，避免常见的设计错误，引导我们将设计做得更好、更容易理解！

最近几天，身边很多人都收到文心一言的短信：现在可以体验文心一言了。看来百度文心一言应该是迭代升级了几次，有信心开放给更多用户使用了。你也可留意下你的短信，或者访问这里：https://yiyan.baidu.com/，看是否可体验了。1前阵子，百度文心一言，可谓是借助车水马龙、鱼香肉丝、驴肉火烧、夫妻肺片等成语、菜名画图，出圈了。但是那次出圈，不是因为出图太好，而是太不堪、太出乎意料、太惊吓了。我们再来回顾下：有些图，有些恐怖，慎入~看完百度文心一言的魔性作图，我愣住了1、文心一言：画一袋鸡精2、文心一言：画一个大娃娃菜3、文心一言：画一幅车水马龙的图4、文心一言：画一个驴肉火烧5、文心一言：画一张唐伯虎点秋香的图6、文心一言：帮我画一个鱼香肉丝7、文心一言：画一个胸有成竹的男人8、文心一言：帮我画一副夫妻肺片9、文心一言：画一碗夫妻肺片美食10、文心一言：画一盘红烧狮子头11、文心一言：画一幅老婆饼12、文心一言：画一个赴汤蹈火的壮士13、文心一言：画一幅画：司马光砸缸14、文心一言：画个虎头虎脑的大胖小子15、文心一言：给我画一幅关羽走单骑16、文心一言：画一幅陆家嘴确实很惊吓，差点吓尿。。。然后有人反馈，百度文心一言的绘画，是把中文翻译成英文，然后调用国外开源的绘画模型，来生成绘画返回给你。一位不愿具名的AI人士向澎湃新闻记者表示：“百度不至于套壳，大概率是用了公开素材用于模型训练，为求快把英文直接机器翻译成中文，遇到成语就翻车，比如，车水马龙拆成车/水/马/龙，此前百度推出的文心一格是单纯的文生图，不大会出现这个问题，而文心一言是对话+图片生成，问题就出来了。”文心一言文生图功能是“中翻英”？对此质疑，百度作出回应如下：大模型训练中，我们使用的是互联网公开数据，符合行业惯例。希望大家给自研的文心一言技术和产品一些信心和时间。2AI发展之快，1个月能顶1年。国外如此，AI发展日新月异。国内的百度文心一言也如此吗？如果我们在去看输入上面这些词去出图，看看百度文心一言输出什么样的图片呢？打开文心一言，发现已升级到了1.0.3版本，距离3月16日发出的1.0.0版本，已迭代了2个版本。现在开始，把上面的绘画关键词再来一遍，看会发生什么。1、文心一言：画一袋鸡精2、文心一言：画一张大娃娃菜的画3、文心一言：车水马龙4、文心一言：画一个驴肉火烧5、文心一言：画一张唐伯虎点秋香的图6、文心一言：帮我画一个鱼香肉丝7、文心一言：画一个胸有成竹的男人8、文心一言：帮我画一副夫妻肺片9、文心一言：画一碗夫妻肺片美食10、文心一言：画一盘红烧狮子头11、文心一言：画一个老婆饼12、文心一言：画一个赴汤蹈火的壮士13、文心一言：画一幅画：司马光砸缸14、文心一言：画个虎头虎脑的大胖小子15、文心一言：给我画一幅关羽走单骑16、文心一言：画一幅陆家嘴可以看到，虽然文心一言相比之前，完善了不少，很多之前理解错误的关键词，现在能较为正确的理解。但是仍然有不少错误理解。比如对鸡精、娃娃菜的理解，还停留在字面意思上。可谓正在进步路上。3尽管“文心一言”和ChatGPT相比还有较大差距，但并不意味着其没有发展空间。一方面，能够发布一款成型产品，百度在国内争夺的第一，确实领先了其他同行。另一方面，在国内用户和企业较难顺畅使用ChatGPT的情况下，需要一款本土产品来提供服务。“技不如人”的情况下，百度或还可以靠本土化取胜。李彦宏也提到，百度在没有完全准备好的情况下发布“文心一言”，是出于市场的需要。考虑到信息安全和数据安全等因素，中国必须要有自研的AI大模型。有分析师分析：由于AI算力的高投入和高技术门槛，目前中国能做语言类大模型的团队非常有限，有潜在能力做的只有10来个团队，最终能成的可能只有2-3家。也就是说，百度或许并不需要和ChatGPT正面硬刚，只要在国内市场上能够占据领先位置，就能够享受中国市场所带来的红利和发展空间。短期内，百度的“文心一言”或许没有达到市场预期，但从中长期来看，百度还是具备一定的竞争力。随着百度文心一言的发布，国内不少大厂陆续放出消息，将发布自己的生成式AI产品（或叫做类ChatGPT产品）比如：1、3月29日，周鸿祎演示了360Chat，目前正在内测中2、3月底，网易有道自研的类ChatGPT产品「子曰」将发布3、前几日，腾讯集团高级执行副总裁、云与智慧产业事业群CEO汤道生表示，腾讯正在研发类ChatGPT聊天机器人。对于腾讯的聊天机器人是集成到QQ、微信，还是通过腾讯云向B端用户服务，汤道生说：“都会有。”尽管国内的生成式AI和ChatGPT相比还有较大差距。无论怎样，我们应该对国内的AI产品、技术宽容一点，多一些耐心和鼓励。对于任何一个模型来说，都需要给予时间去慢慢进化。这些大厂能顶着ChatGPT推出产品，然后持续迭代、精进，本身就是一种勇气。这也代表了国内的AI技术能力。有差距，不可怕，关键是要正视差距、持续学习进步，缩小差距。而这是文心一言和国内其他自研AI产品的公司，正在做的。希望国内AI技术和产品，越来越好。请记得把文章转发到你的朋友圈，点个在看，咱们一起加油吧！推荐阅读（点击标题可跳转阅读）近期Midjourney进阶技巧、关键词大全、经验总结知乎又大改交互，这回挺有创意我用AI绘图软件做项目，省了三天三夜的时间！太强了！点个

经过这个周末对midjourney的尝试和自学，总结了一些经验和技巧分享给大家，同时也整理了一些关于mj的关键词库和相关工具。那如果有自学过的小伙伴都知道，想要生成一张比较精准的图片，那么对于关键词的输入是有一定要求的。首先很多博主也是将关键词输入划分为3个输入结构：1.主题描述

知乎也许是因为业务转型的问题，近年来交互改版不少。去年我还发过一篇文章，分享了首页大改被吐槽的事情：知乎在悄咪咪大改版？PM：我太难了后来可能自己也发现不能太激进，所以现在又退回去一点：不过，这回首页倒不是这次我关注的重点。这回真正让我吃惊的是，知乎现在把整个浏览体验做了很大的交互改版。这套新交互颠覆了常规的阅读交互讨论，创新力度是比较强，与之相当的是风险也不小。接下来，我们就一起看看知乎这次“交互创新”做得怎么样吧。改变浏览体验以前是一条回答刷完后，就进入下一条，非常简单符合逻辑：现在改了，刷完一条后，下一条不会完整展示，而且还会连着展示下面更多回答：为什么简单的逻辑不用，非要改得这么复杂？🤔让我猜猜……难道是怕用户刷到第二条时发现不是那么有趣，转头就要走人。还不如多展示几条，看能不能把人留久一点？这个方案我是可以理解啦，但是改完后浏览页跟问题详情页好像太相似了一点？P.S.这里说的「详情页」是指点击问题标题进入的页面。乍一看去，好像就是一个头像大、一个头像小的区别，有点分不清了。查看详情vs展开全文可能是因为改动比较大，怕用户不知道答案被折叠了，所以得加一个查看详情的入口。但是有的入口是「查看详情」，有的又是「展开全文」：这个不统一真是让人有点错乱……估计是隐藏的内容不多就原地展开，隐藏的内容很多就跳转查看吧🤦♀️评论外露这里我觉得比较有趣的设计是，会把点赞比较多的一条评论展示出来：很多人看到感兴趣的内容，都会想翻翻评论区，可以说评论也是内容的一部分。所以我觉得这个设计是很不错的，我喜欢～返回变成关闭点击「查看详情」后的页面，左上角不再是返回图标，而成了关闭图标：这个设计我估计是为了逻辑正确，因为——从这个页面滑到底后，不是跳到下一页，而是关闭本页面，回到之前的列表！注意，最后一个让页面关闭的操作是下滑！所以，这里有两点奇怪的地方：一是通常左上角返回右上角关闭，而这个却反其道而行。二是滑倒最后也没自动关闭，违反直觉。放弃作者信息吸顶之前答案页顶部有作者信息，往下滑时一直吸顶，往上滑时，又会替换成问题信息。现在这个作者信息不再吸顶了，但往上滑时还是可以看到问题信息：可见，知乎已经脱离问答交流平台，成为了一个资讯平台。三个圆圈去掉吸顶栏后，操作图标没地方放，就只能搞几个圆圈了。这里比较奇怪的点是，右下方的「下一个」图标圆圈跟其它2个不一样，作为设计师看着强迫症要犯了。你觉得这个改版怎么样？我个人对大方向是认可的，包括快速浏览和评论外露。但是很多细节问题，还是没有很好解决，例如下滑关闭页面以及浏览页和详情页过于相似的问题。不论如何，知乎设计团队着勇于探索的创新精神，我是要给赞的，总比一成不变地套模板有趣多了。希望对大家有所启发，请记得把文章转发到你的朋友圈，点个在看，咱们一起加油吧！推荐阅读（点击标题可跳转阅读）我用AI绘图软件做项目，省了三天三夜的时间！太强了！设计师如何用chatGPT更好的工作？给你16个例子AI

从区块链到元宇宙，再到ChatGPT，最近的设计界的风可以说是一波接一波，原来以为还相去甚远的AI技术，如今也已经成熟落地，在网络上随处可见由AI生成的精美图片，让人叹为观止。显而易见，AI绘图在图片绘制的完成度和精致度上已经相当高了，但这些生成的图片是否真能运用于实际的落地项目上呢？实践出真知，通过网上大量的资料搜集和学习，我们团队针对目前市面上已有的几个AI绘图软件进行了探索和练习，尝试将AI绘图技术运用于实际的设计需求当中。说干就干，先确定我们的设计需求——做一个UI界面的升级弹窗，具体的设计流程分为以下几步。1、确定AI绘图软件和主形象2、AI图片筛选3、形象与弹窗结合及调整1、确定AI绘图软件和主形象我们选择使用的AI绘图工具是Midjourney，选择它是因为它对于画面的细节表现很优秀，对于画面的构图和表达都很精致。（以下是由MIdjourney生成的一些图片）我们的设计需求是做一个升级弹窗，突出的是一个升级效果，那如何表现呢？结合网上的一些参考，决定以火箭为升级弹窗的主形象，简单生动又能表现升级的跃升感。2、AI图片筛选绘制之前，我们先大致了解一下AI绘图的大致逻辑。目前的

我最近都一直在研究AI生成，发现可以做很多事情，现在连3D模型都可以用AI生成了，进化的特别快。像插画什么的这种执行力，AI可以画的很好，可能我以前还担心自己不会画画，现在似乎也有了解决方案。有些人会说chatGPT又炒作一波，又像之前的各种火爆的东西一样。但我觉得chatGPT不是一种流行，它其实是一种技术革新。它似乎就是一个奇点，可能会彻底改变我们的未来，而且是不可阻挡的。你可能对chatGPT带来的变革毫不关心，现在不会去用，但过几年你就不会这么想了。对于新事物，尤其是现在处在一个新的科技爆炸时代，越早接触新技术，越早学会使用，就越早拥有核心竞争力。目前chatGPT还是一个基础模式，就已经如此厉害，直接把google公司干出红色警报了（Google内部预警机制，chatGPT让google成立这么多年来首次出现红色预警）。足以见得它的影响力。如果你感觉这个工具目前对生活没有太大影响，那是因为你在生活中还没有真正去使用它，或者你还不会用。会用它的人已经用它开发工具，开始赚到钱了。不会用它的人，还以为它只是聊个天而已。所以，最终在未来还是会变成人与人之间的竞争，不是工具的竞争。与其担心会不会被AI失业，倒不如提升自己的思维模式，积极拥抱新技术，就比如说坚持把我写的文章看完，学习确实是反人类的，但你坚持住了你就赢过其他人。现在已经有公司在招聘AI画师和AI训练师，其核心技能是提问能力和学习能力。AI如今已经这么火了，作为设计师，我们如何用它帮助做好设计？我这里抛砖引玉，我提了17个对设计师比较有价值的问题方向，你可以在我问的基础上做延展。还有其他你觉得很好的问题，欢迎评论区留言。1、写产品文案或介绍当你需要的文案出来后，你可以让它优化。你可以约束字数，提更多具体要求，它都能满足你。具体的一些提示文案细化以及示例2、设计产品框架提供页面框架设计思路，当然你也可以把问题换成你正在做的产品。3、做竞品分析针对某一个特定的产品写出分析报告框架。你可以换成其他你感兴趣的产品。这里需要提醒下，对于一些通用型知识，它可以写的很好，但如果是针对某个特定产品的具体内容，可能偏差会很大。那么可能你也还想进一步问，如何做好竞品分析？因为这个虽然是基础，但如果你不知道背后原理，可以继续追问。4、学习设计流程帮助优化设计工作流程，但它所提到的工作流程优化属于比较通用的。如果你想要问具体的，你得问更具体的问题。5、学习设计工具你也可以问它任何你想学的其他工具和知识。6、找设计资源可以让它给出资源链接，方便快速查看。如果链接打不开，甚至还能修正。7、学习更好表达向团队其他成员解释一些复杂概念如何给非行业内的用户解释你的产品概念8、搜索设计趋势9、帮忙写PPT当我加上页码后，居然真的会努力写到这个要求的页数，虽然实际上用处不是很大，但这个能力再进化进化，真的很厉害，至少能提供一个通用思路。10、组织活动流程如何更好的组织一场设计脑爆会11、专业流程分析针对特定产品的分析报告。你也可以换成你感兴趣的产品，也可以学习下这种东西要怎么写比较好。12、写设计规范如果你希望它能帮你把规范写的比较好，你的要求一定要写的具体一些，涉及到的设计元素都需要在问题里提到。13、问职业规划在中国互联网行业，35岁后的设计师都去做什么了？14、获取研究数据有时候找二手资料很花时间，用chatGPT则会非常高效。15、学习写专业文章写完大的内容后，你可以让它继续细化。这个在之前chatGPT文章中有过很详细的介绍，这里就不再赘述了。16、专业技能提升可以向它学习如何提升自己的设计能力以上这些问题，就是我在用chatGPT中觉得对设计师来说比较有价值的提问方向，希望对你有启发。推荐阅读（点击标题可跳转阅读）AI

技术还在不断更替。如果你最近比较忙，也不用过于焦虑，因为在更替的过程中，它会逐渐稳定，到时候再学习也不迟。并且最近体验下来，感觉它的门槛不高，只需要简单学习

最近一段时间，我在使用华为手机的时候，不知道怎么关闭app了。从屏幕下方往下往上滑时，经常成了这个这个效果：这个小窗口怎么来的先不管，那这个小窗口要怎么关闭？点一下，小窗口变大了，终于看到了4个操作区域：想了一会，终于点右上角关闭了：这还算好的，有时关闭app时还会变成这样：仔细看看底下有一行小字，一开始时没看清，后来才知道是：“点击桌面应用即可形成分屏”。但我不需要分屏呀？于是把露出的那一小块屏幕划走了。P.S.

发布后，立刻引起大家热议：这次真要加速失业了？！这下美工要被Fire然后fly了吗？以后客户叫你把背对的人转过来，五彩斑斓的黑，看来是完全有可能的。我以前曾幻想过，直接告诉

转自：菜鸟教程近日看到网友们用百度文心一言来作图，看了后我都愣住了。。。1、AI