这期视频聊了现在用AI做网站设计时,几个特别常见、而且容易犯的毛病。
* 案例一:new.ai:典型的“紫色渐变”网站。页面上一条跟随滚动的线条非常炫酷,但过度吸引了注意力,让人忽略了实际内容。卡片上的悬停动画是一个正面例子,它有趣且有助于品牌表达。
* 案例二:Rosebud AI:同样有紫色渐变。网站顶部有一个可玩的游戏演示,这很吸引人,但没有明确告知用户“这就是用我们产品做的”,导致信息传递不清。非标准的导航方式也增加了使用困惑。
* 案例三:Get Crux:存在“滚动劫持”,即控制了浏览器的原生滚动来触发动画,导致滚动体验粘滞、不流畅。一个到处乱跑的“联系我们”按钮极其让人分心。部分图片素材模糊,质量不高。
* 案例四:Sphinx:视觉层级混乱,在同一页面使用了太多不同的文本样式。一个动画按钮会不断变换样式和位置,但点击后并无实际作用,纯粹是“为了动而动”,干扰用户理解。
* 案例五:Build Zero:菜单的悬停效果非常糟糕,不仅让菜单项垂直移动(毫无意义),还导致整个菜单栏发生水平偏移,看起来像程序漏洞。
* AI 设计/编码工具 (泛指当前流行的各种AI辅助建站工具)
* 大语言模型 (LLMs):是导致设计趋同化的技术核心。
* Kron (日历工具,已被Notion收购)
* Rosebud AI (用AI创建游戏)
* Get Crux (AI创意策略师,制作广告)
* Sphinx (视频中评审的网站案例)
* Build Zero (用AI构建内部应用)
* “容易,不代表应该。”
* “你现在就是编辑建议的决策者。” (指面对AI生成的设计时,人需要有主见)
* “悬停效果的目标就是让它看起来可以点击。”
* “这感觉就像是语言模型幻觉的视觉体现。”
这是一份非常实用的“避坑指南”。它清晰地指出了依赖AI工具做设计时,最容易落入的几个陷阱:跟风导致平庸、炫技干扰体验、交互违背直觉、布局缺乏逻辑。了解这些,能帮助Vibe Coder在利用AI效率的同时,保持批判性思维,做出真正有效、独特的设计,而不是AI建议的简单堆砌。
借助AI工具进行设计比以往任何时候都更轻松,但这并不意味着你必须全盘接受所有改动。[音乐]
[音乐] 今天,我将与拉斐尔·肖德一同探讨人工智能辅助设计的利弊,并梳理如何运用这些强大工具脱颖而出。欢迎来到新一期的设计评审。好的。今天我非常激动能与拉斐尔·沙德共同主持,他是YC最新的访问合伙人之一。
YC最新的访问合伙人。拉斐尔是Kron的联合创始人,这是一款现代日历工具,不久前已出售给Notion,同时也是我所认识并合作过的顶尖设计师之一。那么,拉斐尔,这真是……
那么,拉斐尔,能邀请到你真是荣幸,非常荣幸能与你共事,现在在YC工作。是的,现在回到YC超级开心,能够帮助创始人,帮助下一代创业者打造标志性的公司。
嗯,你是最合适的人选,因为我们今天要讨论的话题是AI设计趋势。从负面角度来看,AI设计趋势。
在消极方面,存在AI设计的粗制滥造现象;而在积极方面,则涌现出大量AI设计趋势,这些趋势如今即使对非设计人员而言也易于实践。那么,你最近观察到哪些普遍现象呢?
许多顶尖的AI设计趋势正脱颖而出,在深入探讨具体案例前,值得向观众特别指出。
嗯,这一切大概始于我某个深夜的突发奇想,当时我在推特上发了一条动态,说看到很多初创公司着陆页上都有那种花哨的悬浮效果,估计是白码工程师鼓捣出来的。于是我就有点好奇,想揭开这背后的门道。
这就像是,我原以为这些看似愚蠢的效果,它们是如何被制作出来的,又是如何演变成LLMs的,并且为何无处不在?
现在,我们还发现了另外几个趋势,比如紫色渐变突然之间,所有初创公司的网站都充斥着紫色渐变,或者那些随着滚动而淡入淡出的区块。
>> 是的。问题并不在于这些设计元素本身不好。紫色渐变本身并不差,也不是说大家完全不该用。关键在于现在它们无处不在,以至于失去了原有的意义、独特性和原创性。
>> 完全同意。其中一个关键点是...
关键的一点在于,当某个优秀网站成功引领潮流时,在过去的世界里,其他人需要相当长的时间才能模仿这些趋势。
但现在有了LLMs,如果一个好网站带有LLMs,如果一个好网站带有LLMs,如果一个好网站带有紫色渐变,它就会变成紫色渐变,它就会变成紫色渐变,它就会变成LLM,因为LLM是基于像LLM这样的东西训练的,因为LLM是基于像LLM这样的东西训练的,因为LLM是基于像那些被大量链接的好例子训练的。嗯,然后突然间,像那些被大量链接的好例子训练的。嗯,然后突然间,像那些被大量链接的好例子训练的。嗯,然后突然间,下一周,所有的初创公司网站下一周,所有的初创公司网站下一周,所有的初创公司网站看起来都一样了。看起来都一样了。看起来都一样了。>> 是的。
因此,如果这种力量被正确运用,这既是好事也是坏事。我们有一批YC公司的网站,它们全部都是使用AI编码工具构建的。
因此,这为我们提供了充分的依据,去探究它们被运用得极为出色的方式,以及如果由我们自己来设计,我们会做出哪些不同的调整。那么,接下来就让我们深入探讨其中的一些方面。
首先,我们来看>>好的。首先,我们有了new.ai。new.ai。new.ai。用AI代理解决你的游戏测试问题。用AI代理解决你的游戏测试问题。用AI代理解决你的游戏测试问题。通过使用AI代理在scale进行端到端测试,节省无数小时的手动游戏质量保证时间。通过使用AI代理在scale进行端到端测试,节省无数小时的手动游戏质量保证时间。通过使用AI代理在scale进行端到端测试,节省无数小时的手动游戏质量保证时间。>>紫色渐变。>>紫色渐变。>>紫色渐变。>>首先映入眼帘的是,这是一个非常紫色的网站。嗯,你知道的,非常紫色的网站。
嗯,我们刚才讨论的正是最常见的情况之一。所以,这很有趣,就像预先审视时觉得“哇,这看起来真不错”,而现在再看,我会想:“他们是用AI设计的这个。”
也许他们没这个意思,但在我看来,这传达出的信息就是如此。好的,那么有一点很有趣,当我们开始滚动页面时,这条线会跟随我们上下移动。嗯,就是这样。
嗯,这很有趣,因为我确实觉得这条线有点让人分心。我现在更关注这条线,而不是我认为它希望我关注的内容。
这几乎就像是某种对人类来说可能难以实现的东西。在人工智能出现之前,你根本不会想到要去实际编写这样的代码。
嗯,仅仅因为我们现在能够做到,仅仅因为语言模型现在某种程度上擅长这类SVG,你知道,那些构建或转换效果,并不意味着这实际上是一个好的设计,并且能帮助你转化潜在,你知道,访客成为客户,基本上。 >> 是的,是的。我不认识任何人是这样的。
我不认识有谁会这样想:我们需要一条线穿过这里,然后就从这里开始编码。不,你会从头开始写代码。你之所以会实现这样的功能,纯粹是因为它太容易做了。嗯,但我不认为这真的增加了价值。相反,我觉得它反而分散了注意力。
如果要说的话,我觉得它分散了页面上其他内容的注意力。嗯,分散了页面上其他内容的注意力。嗯,分散了页面上其他内容的注意力。嗯,我我记不起这些部分里的任何内容,我我记不起这些部分里的任何内容,我我记不起这些部分里的任何内容。嗯,好吧。那么,基于这些部分。嗯,好吧。那么,基于这些部分。嗯,好吧。那么,现在我们把所有内容都放在一个地方了。你我觉得这很难阅读。地方。你我觉得这很难阅读。地方。你我觉得这很难阅读。它呃它它颜色很浅。嗯,也许它呃它它颜色很浅。嗯,也许它呃它它颜色很浅。嗯,也许我只是老了。嗯,我只是老了。嗯,我只是老了。嗯,>> 是的。那里的对比度可以改进一下。
那里的对比度可以稍微提高一点。是的,对比度可以稍微提高一点。所以,这些卡片有点意思,对吧?哪里有意思呢?哪里有意思呢?哪里有意思呢?>> 这个很酷。>> 这个很酷。>> 这个很酷。>> 嗯,这个其实挺不错的。呃>> 嗯,这个其实挺不错的。呃>> 嗯,这个其实挺不错的。
这大概是一种可能成本过高,或者只有顶尖网站设计师才会费心去实现的效果,比如这些卡片上的悬停动画。但借助AI,实现起来却如此简单。
但人工智能做起来如此简单,这实际上是一种相当有品味的做法,利用AI的力量来构建更具吸引力的网站。是的,它的酷炫之处在于,它有助于树立品牌形象,既独特又富有创意,还充满趣味。
嗯,它其实在尝试变得有趣。嗯,它其实在尝试变得有趣。嗯,它其实在尝试,你知道,像双人模式那样,你知道,像双人模式那样,你知道,像双人模式那样,两个控制器通过闪电连接线连接起来。嗯,这实际上对它们有帮助。嗯,这实际上对它们有帮助。嗯,这实际上有助于强化我认为他们在这里试图表达的观点。嗯,他们在这里试图表达的观点。嗯,他们在这里试图表达的观点。
嗯,这是一个很好的例子,你看,这是一个很好的例子,你看,这是一个很好的例子,你看,那个在页面上跟随你的线条,那个在页面上跟随你的线条,那个在页面上跟随你的线条,并没有增加太多价值。并没有增加太多价值。并没有增加太多价值。这本来会非常困难,这本来会非常困难,这本来会非常困难。但现在,嗯,你差不多可以免费得到它。免费得到它。免费得到它。>> 嗯,你不需要从零开始,>> 嗯,你不需要从零开始,>> 嗯,你不需要从零开始,构建很多这些东西。构建很多这些东西。
正在构建很多这样的东西。 >> 我想尝试的一件事是, >> 我想尝试的一件事是, >> 我想尝试的一件事是,嗯,在这里。嗯,所以我们这里有,嗯,在这里。嗯,所以我们这里有,嗯,在这里。嗯,所以我们这里有主导航。主导航的一个特点是,主导航的一个特点是,主导航的一个特点是,当你悬停时,这里跳出来的是,当你悬停时,这里跳出来的是,当你悬停时,这里跳出来的是,你通常希望让元素突出显示,但这里实际上却有点,你通常希望让元素突出显示,但这里实际上却有点,你通常希望让元素突出显示,但这里实际上却有点消失了。所以,它并没有起到吸引点击的作用,反而消失了。
因此,与其邀请用户点击消失,不如让它在背景中淡出。当你激活这些菜单项之一时,它就会逐渐隐去。我认为设计师几乎永远不会选择这样做,而现在这却成了默认设置。
现在,浏览器的默认设置也不是这样工作的。浏览器也不是这样工作的。浏览器也不是这样工作的。而现在,Lens 不知怎么就认定,Lens 不知怎么就认定,Lens 不知怎么就认定,那是一种很好的悬停效果。嗯,但这毫无道理。嗯,效果。嗯,但这毫无道理。嗯,效果。嗯,但这毫无道理。嗯,这样想吧。就像这样想吧。就像这样想吧。就像浏览器本身已经内置了免费的悬停效果,甚至不需要CSS。
无需CSS也能实现悬停效果。它把cursor变成手形,对吧?这已经暗示了可以点击这里。所以在这种情况下,只需保持白色,或者用亮紫色,再加上手形光标,就已经告诉我可以点击这个东西了。所以如果你想添加CSS的话……
所以如果你想添加CSS效果,比如让它有点弹出感,也许颜色调亮一点,或者更活跃,或者加一点光晕,但别让它消失。
>> 嗯。你有什么经验法则吗?
在设计悬停效果时,你有什么经验法则吗?比如,当你试图设计出合适的悬停效果时,你的目标是什么?>> 是的,让它看起来像是可以点击的。嗯。
史蒂夫·乔布斯有句名言,他曾说想通过Aqua界面让产品变得令人爱不释手。
我认为你知道让东西变得可点击,就像是在邀请点击,这算是相当标准的做法。我觉得手势就表明某物是可点击的,所以我不需要再过多解释。
我注意到悬停效果还常被用来揭示额外信息。这不仅仅是让用户界面感觉更生动,虽然悬停确实能让界面显得更有活力,对吧?
嗯,但我注意到它越来越多地被用来,呃,披露额外的关键信息或功能。我认为这并不是悬停效果的最佳用途。这整个趋势,也许……
这种趋势,或许可以说是由Mac OS引领的,多年来它越来越倾向于极其简洁的界面设计,将功能、工具和按钮都隐藏起来,为内容留出大量空间。但我并不想要这种为内容预留的空间。
我不希望我的电脑仅仅像所有内容一样。实际上,我希望它能成为思维的自行车,那个工具。
嗯,所以,呃,只在悬停时才显示额外的功能,让你不得不去寻找工具到底能做什么,我认为这有点像一种反模式。
>> 是的。更不用说,你知道,在移动设备上根本没有悬停这个概念。所以,
所以,长按功能,相当于桌面端的悬停效果,在移动设备上始终未能真正普及,很可能是因为它太难被用户发现了。确实,你并不希望用户难以发现这个功能。
你不想总是长时间坐在那里,反复长按、反复长按、反复长按,试图弄清楚是否有、是否有、是否有额外的、额外的、额外的功能。想象一下桌面界面,一个需要你四处悬停、四处悬停、四处悬停才能发现这些功能究竟藏在哪里、藏在哪里、藏在哪里的工具。你知道那种需要层层展开、层层展开、层层展开才能找到内容的设计。
你知道那些展开箭头,或者像是隐藏某些内容,或者箭头,或者像是隐藏某些内容,或者箭头,或者像是隐藏某些内容,或者进入那种三点式菜单来获取额外功能。如果这些全部隐藏在悬停效果之后,那么,你知道,你就没有有效地传达你软件的功能。 >> 是的。总的来说,我认为这是一个非常……
总的来说,我认为这是一个设计得非常出色的网站。我认为这是一个设计得非常出色的网站。我认为这是一个设计得非常出色的网站。我认为现在比以往任何时候都更容易利用AI设计工具和LMS来打造一个看起来专业的网站。现在几乎没有任何理由不去拥有它。是的,尤其是现在。
特别是在我们审查YC申请时,如果你看到一份演示,其设计连基本质量都达不到,那给人的感觉就像是申请者根本没花心思去尝试——因为现在要做到这一点实在太容易了。
所以,Noo-Noo,一个非常酷的网站,还有一些非常有趣的人工智能应用。做得很好。接下来我们有Rosebud AI,用人工智能创建游戏。再次,你开始看到这里的趋势,我们又看到了紫色渐变。
我们又看到了紫色渐变。这里又出现了非常相似的粉紫色强调色。单独看其中一个时,它看起来很酷,很现代,但一个接一个地出现,它们都开始看起来差不多,这大大削弱了独特性。
这会削弱许多核心品牌和原创性,我认为大多数创始人都希望自己的网站能保留这些特质。那么,让我们深入探讨一下。这是我们第一次实时查看这些内容。是的。嗯,所以由AI生成的玫瑰,创造AI的游戏。
而且有个提示可以引导互动,我猜是游戏类的互动。
>> 嗯,
>> 这挺酷的。有东西可以立刻玩。
>> 是啊,
>> 我们来试试看。
>> 哇,就像浏览器里的3D游戏,真酷。
>> 有个人在四处走动。
>> 我能用箭头吗? >> 我能用箭头吗? >> 我能用箭头吗? >> 好了。哦,哇。我们这儿有个老 >> 好了。哦,哇。我们这儿有个老 >> 好了。哦,哇。我们这儿有个老式游戏。[笑声] >> 你可以跳。 >> 你可以跳。 >> 你可以跳。 >> 好的,让我们呃从这里逃出去。 >> 好的,让我们呃从这里逃出去。 >> 好的,让我们呃从这里逃出去。嗯,不过挺酷的。绝对有点像嗯,不过挺酷的。绝对有点像嗯,不过挺酷的。绝对有点像engaging。嗯,我在想这是不是engaging。嗯,我在想这是不是engaging。
嗯,我在想这到底是他们实际产品代码在网站上运行,还是说这只是一个沙盒环境里的演示。嗯,我猜这应该是你能用他们产品做出来的那种东西。不过,这倒挺有意思的。
但嗯,有意思的是他们并没有明确告诉我们,关键在于他们并没有真正说明,重点是他们并没有真正告知我们,>> 你知道,它并没有说比如现在就玩一款>> 你知道,它并没有说比如现在就玩一款>> 你知道,它并没有说比如现在就玩一款用我们产品制作的游戏。嗯用我们产品制作的游戏。嗯用我们产品制作的游戏。嗯这挺有趣的。这是在跟着我们吗?这挺有趣的。这是在跟着我们吗?这挺有趣的。这是在跟着我们吗?这个顶部的栏。这个顶部的栏。这个顶部的栏。>> 是的。这些只是锚点在垂直方向上跳来跳去。>> 是的。这些只是锚点在垂直方向上跳来跳去。>> 是的。这些只是锚点在垂直方向上跳来跳去。>> 是的。所以有趣的是我并没有>> 是的。
有趣的是我当时并没有意识到这一点,但当我们意识到的时候,但当我们意识到的时候,但当我们去那个地方时,我们只是在玩修改游戏。所以那是在修改游戏的情况下。
所以我在想,这是否是一款已经存在的游戏,我们可以实时修改它,而这正是他们试图展示的,而非创作部分。 >> 是的,也许有点像那种……
所以,这里的一个关键点是,使用这种非标准导航方式,嗯,有点让我们在如何使用这个网站上感到困惑。
首先映入眼帘的是,我认为没有人会想到将红色标志与紫色作为点缀色搭配。嗯,这并不一定相得益彰。
嗯,还有,我想每当我看到表情符号的使用,即便它们不是系统自带的表情,我也觉得有点偷懒。所以我认为[T161]这类公司某种程度上走了捷径,因为他们自身并没有真正的知识产权。
它们就像大型模型那样东拼西凑。它们到处使用这些标准图标,这立刻就成了一个明显的标志。是的,我认为我们也可以在这里加入更多上下文。而且,你知道,公司的名称就在这里。
公司名称在这里。它看起来几乎像是标题的一部分,而不是我预期的那样在标志旁边。
>> 是的。然后价值主张要更清晰一些。嗯,你知道,用AI创建游戏之类的。所以这有点像是什么。
所以,对于H1来说,重要的是什么呢?通常来说,关键在于:它是什么?为谁而设?以及最终目的是什么?为什么目标人群要在意这些?嗯,如果这些要素都考虑到了……
嗯,如果那三点加上行动号召——三点加上行动号召——三点加上行动号召——没有很好地突出,那么转化访客就会更困难——转化就会更困难——转化就会更困难。访客。访客。访客。>> 是的。嗯,好的,我想我们有一些——是的。嗯,好的,我想我们有一些——是的。嗯,好的,我想我们有一些游戏示例。没错。这些是用Rosebud AI创建的游戏。嗯,好的,这个——用Rosebud AI创建的游戏。嗯,好的,这个——用Rosebud AI创建的游戏。嗯,好的,这个很有趣。所以还有另一个效果——很有趣。
这里还有另一个有趣的效果。看,光线正沿着我的轮廓移动,在边缘处流转。这就像是那种你会想,“嘿,做这个又不用花钱。”然后可能你就会觉得,“没错,加进去吧,既好玩又有趣。”
"嗯,但如果它有趣又好玩。" "嗯,但如果你得花一周时间编程,还得让它正常运行,对吧?你可能会觉得,‘这不值得。’" 好的。我们有很多游戏示例。看起来这可能是网站的其他部分。
然后我们遇到了页脚。好的。然后我们遇到了页脚。好的。然后我们遇到了页脚。有一个 >> 就像混音一样。 >> 就像混音一样。 >> 就像混音一样。 >> 哦,是的。好的。 >> 哦,是的。好的。 >> 哦,是的。好的。 >> 有些项目 >> 有些项目 >> 有些项目你可以重新混音,然后它就会设置转换墙。好的。嗯,那会超越像着陆页那样的东西。 >> 非常酷。太棒了。做得好,Rosebud。
太棒了。干得好,Rosebud。好的。那么,接下来我们来看看Get Crux。好的。那么,接下来我们来看看Get Crux。好的。那么,接下来我们来看看Get Crux。我首先注意到的一点是那种淡入效果。我首先注意到的一点是那种淡入效果。我首先注意到的一点是那种淡入效果。这是一种自动的淡入。嗯。哦,还有我注意到的另一件事是我的滚动被劫持了。我注意到的另一件事是我的滚动被劫持了。我注意到的另一件事是我的滚动被劫持了。
是的,可能在屏幕上有点难看清。不过这里确实存在一些滚动劫持的逻辑。而且还有一种状态,你会同时看到分离式和固定式两种页眉菜单,就在这个位置附近。
是的,就在这个时间点附近。嗯,通常来说,它们应该流畅地……我喜欢那种粘性导航栏。嗯,但它应该只是平滑地从一种状态过渡到另一种状态。在这里你可以看到,它们明显是两个不同的菜单,只是恰好看起来一样。
>> 抱歉,我有点分心了,因为那个按钮在屏幕上到处跑[笑声]。嗯,是的。我几乎觉得很难点中它,因为它一直在动。
>> 这让你更想还是更不想与创始人交流?
>> 这让我分心。我得说,我并没有关注他们在做什么。我只是在想,为什么这个按钮一直跟着我?嗯,它确实引起了我的注意。
嗯,我最初注意到的另一件事,也是我最初注意到的另一件事,同样是我最初注意到的另一件事,就是这些几乎像流星一样的东西,你知道,从各个角度射下来。因为你可以看到它们在那里。嗯,那是另一种情况,感觉它实际上并没有为产品增加太多价值。
这为产品增添了许多价值。然而,如果你要从头开始构建它,那绝对不值得你投入时间。嗯,但正因为操作起来如此简单,人们往往会说:“好,我们加上这个吧,看起来挺酷的。” 可我个人觉得它有点让人分心。
嗯,我不认为这能为产品增添价值。然后这个主屏幕截图,我猜是某个视频的宣传图。嗯,但它看起来像是导向了一个完全不同的视频。是的,这让人感到困惑。
而且海报图片非常模糊。嗯,我不知道这是否是因为使用了AI导致的伪影。但作为一个通用的设计原则,我认为你所有的素材都应该是高分辨率、高质量的。而这个看起来质量不高。
嗯,这看起来非常模糊不清。非常模糊不清。非常模糊不清。
>> 是的。再说回那个按钮,
>> 是的。再说回那个按钮,
>> 是的。再说回那个按钮,因为即使我们在这里,它似乎仍在困扰着我们。你知道,这又是一个例子,说明那种你只会因为容易才去做的事情。
但仅仅因为某件事容易,并不意味着它就值得去做。如今借助人工智能,许多事情变得触手可及,似乎任何想象都能实现。然而,仅仅因为某事可能,也不代表你就应该答应去做。
我们这里稍微触及到一点视觉一致性的缺失。这种视觉一致性的缺失。这看起来完全是一种不同的视觉语言,与我们之前所见过的任何设计都截然不同。那么,你认为这种差异是从何而来的呢?是的,我也在想。也许是因为不同的……
嗯,也许网站的不同部分是由工具的不同模块构建的。嗯,就像工具的不同组件那样。嗯,或许这也只是某种功能性的体现,比如这里看起来与网站内容的风格截然不同。是的,有时候就是这样。
有时只需一张清晰的图片配上少量文字,清晰的图片配上少量文字,清晰的图片配上少量文字,或许加个标题再加点副标题,或许加个标题再加点副标题,或许加个标题再加点副标题,嗯,效果就很好。嗯,效果就很好。嗯,效果就很好。 >> 是的。 >> 是的。 >> 是的。而且我得说,我们现在大概已经浏览到页面的一半了。而且嗯,如果你问我他们做了什么,我完全答不上来。我们回到顶部看看。
让我们回到开头,重新提醒自己。AI创意策略师,制作有效的广告。广告策略师,制作有效的广告。广告策略师,制作有效的广告。广告。好的。所以,这是用来制作广告的东西。好的。所以,这是用来制作广告的东西。好的。所以,这是用来制作广告的。似乎是广告。似乎是广告。似乎是>>这很有趣。他们确实有点>>这很有趣。他们确实有点>>这很有趣。
它们确实有一种视觉上的风格,很多这类图片都带有一种近乎垂直运动模糊的效果,或者是在色彩渐变上呈现出类似的感觉,就像我们在这里看到的这些图像一样。
嗯,但是这些地方,嗯,还有这些地方。嗯,不过它被限制在某些元素上,感觉上,你知道,可能在这里有点用过头了,因为读起来很费劲,感觉更像彩虹而不是吸引注意力。但在这里,它确实起到了吸引注意力的作用。
但上面这里完全没有那种风格,完全没有那种风格,完全没有那种风格,这或许,你知道,就是你刚才提到的重点。我能看出,这里的背景更能体现这种风格,更能体现这种风格,更能体现这种风格。然后这种风格或许能贯穿整个页面的其余部分,贯穿整个页面的其余部分,贯穿整个页面的其余部分。
继续浏览页面的其余部分。 >> 好的,让我快速刷新页面并尝试一下。我们看到所有这些部分都像是淡入效果。嗯,这里又是同样的淡入效果。
我注意到的一点是,我实在看不出这些内容不直接显示在滚动位置有什么好处,因为滚动本身已经是动态操作了。为什么它们还要额外做淡入效果呢?
嗯,你得到的东西之一就是这些奇怪的,比如这里,对吧?我们说我们在这里回答你所有的问题,然后只有一个问题,我们之前在这里中断了,我当时想,哇,如果只有一个问题和答案,那这个常见问题解答也太差劲了,对吧?
嗯,但后来我想,“啊,它还没到呢。”嗯,所以我不太喜欢那种模式。 >> 是的,淡入效果让我困扰的是...
很多时候,淡入效果让我感到困扰,我不确定这是否是问题所在,但有时它们基于计时器触发,而我滚动得很快,当内容在顶部开始淡入时,我已经滑过了整个部分,结果错过了内容。所以,我很想尝试一下。
所以,我很好奇想试试那个。所以,我很好奇想在这里试试。嗯,看看他们是怎么做的。所以这里。嗯,看看他们是怎么做的。所以这里。嗯,看看他们是怎么做的。
所以,就像我快速往下滚动时,嗯,就像我快速往下滚动时,嗯,就像我快速往下滚动时,嗯,这些内容似乎会逐渐显现,这些内容似乎会逐渐显现,这些内容似乎会逐渐显现,嗯,至少当它位于页面底部时,嗯,至少当它位于页面底部时,嗯,至少当它位于页面底部时,嗯,页面底部时,嗯,页面底部时,嗯,>> 但感觉仍然像是在穿越糖浆,因为所有的滚动都被检查了,>> 但感觉仍然像是在穿越糖浆,因为所有的滚动都被检查了,>> 但感觉仍然像是在穿越糖浆,因为所有的滚动都被检查了,就像是劫持了那种原生的浏览器滚动,嗯,去做一些,就像是劫持了那种原生的浏览器滚动,嗯,去做一些,就像是劫持了那种原生的浏览器滚动,嗯,去做一些花哨的JavaScript效果,实际上,花哨的JavaScript效果,实际上,花哨的JavaScript效果,实际上,是为了拥有钩子来执行所有这些动画。
动画。动画。 >> 是的。 >> 是的。 >> 是的。 >> 好的。 >> 好的。 >> 好的。 >> 超级有趣。非常有创意。呃,所以 >> 超级有趣。非常有创意。呃,所以 >> 超级有趣。非常有创意。呃,所以干得好,克鲁克斯。好的。好的,接下来我们干得好,克鲁克斯。好的。好的,接下来我们干得好,克鲁克斯。好的。好的,接下来我们有斯芬克斯,你最后一位合规招聘。有斯芬克斯,你最后一位合规招聘。有斯芬克斯,你最后一位合规招聘。好的,我们这里有一些动画好的,我们这里有一些动画好的,我们这里有一些动画效果正在进行。嗯,我认为其中效果正在进行。嗯,我认为其中效果正在进行。
嗯,我觉得目前观察到的趋势之一,就是如今动画应用量远超三年前——这很可能得益于AI设计工具让动画制作变得如此便捷。
>> 确实,我们快速聊聊视觉层级。通常我们会从标志设计开始着手。
嗯,我们从logo字体开始,这是一种经过风格化处理的字体,是对公司名称"Sphinx"的一种艺术化呈现,对吧?左上角的位置很标准,这样不错。接着我们有H1标题,效果也很好,还有副标题。但同时,我们还有这种介于两者之间的、有点奇特的第四种风格,对吧?嗯,这不太常见。
嗯,这不是第四种风格,对吧?嗯,这不是我通常看到设计师或工程师会自己设计的那种着陆页。
仅仅是这些众多风格的混合,我越来越常见到这种做法,因为似乎有人认为在这里额外添加一个标签、一种风格交汇很聪明,但我们已经有公司名称,我们已经有了,你知道,三个名字。
你已经知道了三种不同的样式,基本上如果算上不同的样式,基本上如果算上不同的样式,基本上如果算上这个,这里就像是四种样式,算上这个,这里就像是四种样式,算上这个,这里就像是四种样式,这又增加了第五种,嗯,让层次结构复杂化了,其实并没有增加,它只是增加了,其实并没有增加,它只是增加了,其实并没有增加,它只是增加了一大堆垂直空间,就像我们可以,一大堆垂直空间,就像我们可以,一大堆垂直空间,就像我们可以,就像把H1标题往上移一点,就像把H1标题往上移一点,就像把H1标题往上移一点,然后你知道那个值并没有,然后你知道那个值并没有,然后你知道那个值并没有,信任它,嗯,标志本来就会显得,信任它,嗯,标志本来就会显得,信任它,嗯,标志本来就会显得,稍微高一点。
嗯,这个稍微高级一点。嗯,这个稍微高级一点。嗯,这是我越来越常见到的一种情况,就像是我越来越常见到的一种情况,就像是我越来越常见到的一种情况,就像是LLM梦想出来的东西,但实际上并没有真正严密的信息层次和图形设计。严密的信息层次和图形设计。严密的信息层次和图形设计。设计。设计。设计。>> 是的,我我在浏览这些时,我>> 是的,我我在浏览这些时,我>> 是的,我我在浏览这些时,我我不断回到一个概念,那就是做任何事情都很容易。你不断回到一个概念,那就是做任何事情都很容易。你不断回到一个概念,那就是做任何事情都很容易。
你似乎觉得做任何事都很容易。实际上,作为设计环节中的人类,你必须要有主见,必须围绕你认为正确的事情来设计这些内容。不能只是简单地接受所有建议和改动。是的,你现在就是编辑建议的决策者。是的,还有另一件事我也这么认为。
我注意到这里还有一个现象,就是右侧这个区域一直在不停切换。嗯,如果我们稍微观察一下这个动画,这边这个按钮,那个像大星星一样的按钮。它到处移动,现在又变成了一个圆形按钮。
我觉得那是个圆形按钮。我觉得那是个按钮。是的,我猜那是可以点击的。按钮。是的,我猜那是可以点击的。按钮。是的,我猜那是可以点击的。嗯,然后它会回到左边,变成一个大的圆角矩形按钮。所以我们有很多不同的按钮样式。我不确定为什么东西会这样移动。
嗯,这样真的很感人。嗯,这样真的很感人。嗯,这让人很困惑。困惑。困惑。>> 其实这不是一个按钮。就像,是的,>> 其实这不是一个按钮。就像,是的,>> 其实这不是一个按钮。就像,是的,它显示的是手,但那是个假动作。假动作。假动作。>> 是的,我想如果你点击它,它>> 是的,我想如果你点击它,它>> 是的,我想如果你点击它,它并不真的……嗯,我想它有点像是一个下一步按钮,一个下一步按钮,一个下一步按钮,>> 但同时也是自动前进的。>> 但同时也是自动前进的。>> 但同时也是自动前进的。
>> 是的,这让我很困惑。我不确定它在展示什么,也看不懂这个动画里发生了什么。看起来像是某种工作流程。
>> 嗯,实际上,你只需点击任意位置,它就会继续推进。所以,这甚至不是……
所以,这甚至不像这个按钮或整个东西是一个点击目标。点击目标。点击目标。 >> 是的。 >> 是的。 >> 是的。 >> 这又是那种让我难以想象一个人会说:"让我们设计三个不同样式的按钮,每次点击它们时,它们都会重新定位和移动,而你……"
它们都在重新定向和移动,你知道吗,这感觉就像是那种,嗯,人工智能设计工具会建议的东西,然后你会说:“当然,这看起来挺酷的。” >> 是啊,感觉就像是语言模型幻觉的视觉体现。[笑声] 嗯,我们来看看这里的菜单吧。
嗯,我们来看看菜单。嗯,嗯,嗯,好吧,好吧,好吧。内容挺常规的。我从来不喜欢菜单会突然消失的感觉,就像中间有断层一样。对,中间有断层,然后有时候就消失了。右边那几个是怎么回事?有两个这样的。
有两个那样的,右边有个类似网格的东西。对,带个图标。
>> 那是交互式的还是什么?
>> 不是,只是语言模型觉得它可爱。
>> 鼠标悬停会怎样?
>> 对,悬停的话会显示不同的图标。
>> 图标。
现在这些图标其实有点可爱。嗯,这看起来挺有创意且符合品牌调性。我完全没想过可以这样处理——比如你想在面板上表达某个概念,就像四个圆圈以特定方式排列在方框里那样。
就像那样排列在方块里。如果那很重要的话,其实看起来并不重要,你大概只是把图标放在这里,回到那种感觉,为什么要在悬停时显示内容,这可能是必要的,但也可能不是必要的。所以,我大概可以把它省略掉。我们再往下看会发生什么?
当我们继续往下滚动时会发生什么?当我们继续往下滚动时会发生什么?受到重视和信赖。好的,我们看到了“受到重视和信赖”。好的,我们看到了“受到重视和信赖”。好的,我们看到了线条四处延伸。 >> 好的,所以我们有了那条线 >> 好的,所以我们有了那条线 >> 好的,所以我们有了那条线跟随你向下滚动的页面模式再次出现。再次出现。再次出现。 >> 现在我们被滚动劫持了。我们 >> 现在我们被滚动劫持了。我们 >> 现在我们被滚动劫持了。
我们被锁定在这个网站的这个位置,为了构建这个动画。嗯,我在想它到底想告诉我什么,为什么会这样。
为什么在这里捕捉我的动作很重要,为什么在这里捕捉我的动作很重要,为什么在这里捕捉我的动作很重要,是为了构建这个动画,是为了构建这个动画,是为了构建这个动画,而不是仅仅展示已经构建好的状态,而不是仅仅展示已经构建好的状态,而不是仅仅展示已经构建好的状态。我发现动画吸引了我的全部注意力,而不是左边这里的内容,而不是左边这里的内容,而不是左边这里的内容。
我完全没注意到左侧的内容,因为动画效果太分散注意力了。它没有提供足够的视觉信息来传达他们做什么或产品如何运作,所以我几乎错过了这边所有的内容。是的,动画确实太干扰了。
>> 结果。 >> 结果。 >> 结果。 >> 还有这些着陆页,它们有点像逐步构建起来,然后让你在一个部分里停留一小会儿。真的很难知道你读到了书的哪个部分。是的。 >> 对。就像如果你有一本实体书,
就像你拿着一本实体书,读到一半时,你会感觉“哦,到一半了”。现在的情况也类似,虽然感觉我们可能已经进行到一半,但也许,你知道,它还会让我再花15秒,去浏览一些内容非常丰富的着陆页构建部分。所以,这就是滚动浏览着陆页的感觉。
那么,关于落地页的滚动。滚动指示器,嗯,是一个非常重要的工具,我认为,它有点像用来掌握,你知道的,落地页的情况。而在这里,它完全让我感到困惑,比如我在网站的哪个位置?我在网站的哪个位置?我在网站的哪个位置?>> 好的。总的来说,从视觉上看,我
总的来说,从视觉上看,我觉得它看起来不错。嗯,它看起来很现代。他们有一个主题,你知道,有橙色的点缀色。黑色作为主要的品牌色。嗯,还有那条线,它一直跟着你往下延伸。
而且,我的直觉是,那是在下降。而且,我的直觉是,那是在下降。而且,我的直觉是,那是在,呃,某种程度上复制了产品的外观,因为我们不断看到产品本身中带有橙色线条的所有这些工作流程。我认为这就是他们在这里试图传达的信息。嗯,他们在这里试图传达信息。
嗯,所以,你看,这对我来说很有道理。他们的标题在顶部。我认为它很好地解释了这是什么以及为谁服务。所以我觉得他们做得非常到位。太棒了。Sphinx,干得好。接下来,我们看看build zero。让我们在这里看一下。
嗯,用AI构建定制内部应用。嗯,用AI构建定制内部应用。嗯,用AI构建定制内部应用。嗯,所以一开始,我们看到一些紫色渐变。渐变。渐变。>> 是的,又来了。嗯,然后,嗯,让我看看。菜单的变形效果很流畅。哦,然后是我讨厌的愚蠢悬停效果。嗯,这没什么意义。这种垂直移动只是……
这种垂直移动简直莫名其妙。这种垂直移动不仅分散注意力,还很糟糕。它让人分心,效果很差。此外还有另一个问题,由于这种效果,整个菜单会水平偏移,看起来就像是个程序漏洞。
嗯,然后这里还有另一个效果,嗯,就是箭头需要以某种方式垂直移动。为什么呢?嗯,垂直移动。为什么?嗯,垂直移动。为什么?嗯,箭头至少也应该向右移动。感觉当你悬停时,它就像在后退。嗯,这个悬停效果我其实不介意。你知道的,它就是这样。
你知道,它就像一个黑白按钮,就像一个黑白按钮,就像一个黑白按钮,然后变成了主品牌色,然后变成了主品牌色,然后变成了主品牌色。在这个例子中,是那种紫色。在这个例子中,是那种紫色。在这个例子中,是那种紫色。这样的悬停效果其实还不错。这样的悬停效果其实还不错。这样的悬停效果其实还不错。这个就相当糟糕了。这个就相当糟糕了。这个就相当糟糕了。>> 嗯,我们还有什么?呃,我们还有 >> 嗯,我们还有什么?呃,我们还有 >> 嗯,我们还有什么?呃,我们还有一个小小的交互元素在这里。一个小小的交互元素在这里。一个小小的交互元素在这里。
可以点穿它。哦。可以点穿它。哦。可以点穿它。哦。 >> 好吧,这里的选择功能似乎有些像bug >> 好吧,这里的选择功能似乎有些像bug >> 好吧,这里的选择功能似乎有些像bug。是的。 >> 嗯,如果这是手动编码的,那绝对不可能 >> 嗯,如果这是手动编码的,那绝对不可能 >> 嗯,如果这是手动编码的,那绝对不可能有人会没注意到它。我
我几乎在想,如果你只是快速制作着陆页,你是否真的会像自己从零开始构建那样,投入同样的关注和细节去使用它?因为你不会去修正那些你甚至没有注意到的小错误,这些错误是LLM造成的。
LLM制造的小故障。LLM制造的小故障。>> 嗯,回到这里的工程师标签页。>> 嗯,回到这里的工程师标签页。>> 嗯,回到这里的工程师标签页。现在,如果这是他们的产品,现在,如果这是他们的产品,现在,如果这是他们的产品,另一个让我注意到的点是另一个让我注意到的点是另一个让我注意到的点是这种仪表盘。嗯,它上面有这种仪表盘。嗯,它上面有这种仪表盘。嗯,它上面有你知道的,红色、你知道的,红色、你知道的,红色、绿色、蓝色、紫色之类的标注。绿色、蓝色、紫色之类的标注。绿色、蓝色、紫色之类的标注。
这是许多AI设计工具会创造出的经典哈克风格之一。没错,每个虚假仪表盘基本上都长那样——图标颜色总是比浅色背景更深一个色调。
较浅背景色的版本。嗯,通常就是那些颜色,你知道的,比如红、黄、绿、蓝这些基本色。是的,是的。所以我们经常能看到。嗯,想法在几分钟内就能转化为可运行的应用程序。是的,还有这些类似便当盒式的设计。
这种便当盒式的设计模式其实并不差。但同时也缺乏新意。因此,学习管理系统常常采用顶部设置图标的方式,再配上一些文字说明,比如这里看到的3x2布局,确实相当常见。
是的,这确实相当常见。是的,这确实相当常见。 >> 对。 >> 对。 >> 对。 >> 嗯,我们有一些引用。我们有 >> 嗯,我们有一些引用。我们有 >> 嗯,我们有一些引用。我们有紫色渐变。紫色渐变。紫色渐变。我们有一些常见问题我们有一些常见问题我们有一些常见问题然后还有更多渐变。然后还有更多渐变。然后还有更多渐变。 >> 是的,你知道,我们,我不确定,一个 >> 是的,你知道,我们,我不确定,一个 >> 是的。
你知道,我们到现在已经审阅了不少,而且我注意到我们反复看到很多这些常见的模式。嗯,我觉得这些模式确实频繁出现。
嗯,我觉得这恰恰凸显了它们变得多么无处不在,以及,呃,它几乎削弱了品牌和原创性,我认为大多数这些公司都想要创造品牌和原创性。当它拥有每个其他网站和每个其他产品也都有的元素时。是的。
我觉得AI工具真正酷的地方在于,它能让你不必再纠结于技术细节,从而真正专注于解决那些关于你的产品、你的公司所面临的棘手问题。
关于贵公司的产品,比如我们为谁制造什么,为何制造,以及这对他们有何价值,对吧?这正是其魅力所在。但如果你能进一步……
但如果你只是用它来制造那些我们有时称之为"AI垃圾"的东西,我认为这种本应负责任使用的强大能力就有点被浪费了。所以这确实是2026年建设者们需要谨慎把握的微妙界限。
我挺同情2026年的建筑商们。 >> 是啊,这本身没什么不好的。只是我们经历过几次,也见识过类似情况。感觉就是,我见过这种局面。对于其他任何人来说也是如此。
而对于其他观众来说,你会流失一部分观众,也会损失一些可信度。我认为,当你的客户审视你的产品时,他们会说:"嘿,这看起来和我见过的其他东西没什么两样。他们可能只是用人工智能来构建和设计这个产品。"
"如果这就是构建和设计它的方式。"如果是这样的话,那实际的产品到底有多好呢,你知道的?嗯,或者它们只是氛围产品,你懂吗?嗯,或者它们只是氛围产品,你懂吗?嗯,或者它们连编程也是氛围式的?连编程也是氛围式的?连编程也是氛围式的?>> 无论如何都要用AI来构建这个。嗯 >> 无论如何都要用AI来构建这个。嗯 >> 无论如何都要用AI来构建这个。
嗯,但就像你知道的那样,真的,然后评估输出,呃,利用人工智能让它变得更好、更具原创性,并利用你节省下来的时间一次性搞定它,或者随便怎么说,然后真正思考你的信息传递,嗯,并且设计一个出色的产品,然后你可以展示等等。
这样你就能展示产品等等。这样你就能展示产品等等。
>> 是的,这建议很棒。太棒了。打造
>> 是的,这建议很棒。太棒了。打造
>> 是的,这建议很棒。太棒了。打造
零。谢谢。零。谢谢。零。谢谢。
>> 谢谢。
>> 谢谢。
>> 谢谢。
>> 好的。接下来我们有Zarna AI
>> 好的。接下来我们有Zarna AI
>> 好的。接下来我们有Zarna AI
专注于私募资本市场的合作伙伴。专注于私募资本市场的合作伙伴。专注于私募资本市场的合作伙伴。
哦,我们又被滚动劫持了。哦,我们又被滚动劫持了。哦,我们又被滚动劫持了。
哦,是的,哦,是的,哦,是的,
>> 它让一切提升十倍。所有方面。
>> 它让一切提升十倍。所有方面。
>> 它让一切提升十倍。所有方面。
>> 解锁了irr >> 解锁了irr >> 解锁了irr 这个这个网站。是的,感觉就像我在这个这个网站。是的,感觉就像我在这个这个网站。是的,感觉就像我在糖浆里一样。用起来感觉太笨重了。更别提这里根本没有很多信息。嗯,我觉得这里根本没有很多信息。嗯,我觉得这里根本没有很多信息。
嗯,我觉得这交易量号称翻了十倍,嗯,我觉得这交易量号称翻了十倍,嗯,我觉得这交易量号称翻了十倍,呃,呃,呃……>> 所有这些“十倍”都感觉是编造的。>> 所有这些“十倍”都感觉是编造的。>> 所有这些“十倍”都感觉是编造的。嗯,而且感觉有太多空白。嗯,而且感觉有太多空白。嗯,而且感觉有太多空白。感觉我得永远在这糖浆里滚动,感觉我得永远在这糖浆里滚动,感觉我得永远在这糖浆里滚动,才能找到任何能帮我理解这是什么东西的内容。才能找到任何能帮我理解这是什么东西的内容。才能找到任何能帮我理解这是什么东西的内容。
这是什么。 >> 是的。我个人喜欢的一点是, >> 是的。我个人喜欢的一点是, >> 是的。我个人喜欢的一点是,如果我们看顶部,嗯,现在,如果我们看顶部,嗯,现在,如果我们看顶部,嗯,现在这里的背景,呃,占用了这里的背景,呃,占用了这里的背景,呃,占用了100%的垂直空间。100%的垂直空间。100%的垂直空间。 >> 嗯,这有点像视觉上 >> 嗯,这有点像视觉上 >> 嗯,这有点像视觉上把我困住了,然后把我困住了,然后把我困住了,然后就没有更多内容了。就没有更多内容了。就没有更多内容了。
呃,我特别讨厌那种情况,就是人们会……呃,我特别讨厌那种情况,就是人们会……呃,我特别讨厌那种情况,就是人们会……比如,往下滚动查看更多内容,因为……比如,往下滚动查看更多内容,因为……比如,往下滚动查看更多内容,因为……比如,我们当然是在网站上。比如,我们当然是在网站上。比如,我们当然是在网站上。我当然知道怎么往下滚动。所以,我当然知道怎么往下滚动。所以,我当然知道怎么往下滚动。
我个人比较喜欢的一种方式,是稍微打破视觉上的单一感,比如从一个这样的着陆页开始。你看,现在我在顶部放了一些内容,但我知道下面还有更多精彩的部分。
下面好像还有更多好东西。这好东西可得名副其实,因为“更快达成更佳交易”这种说法,你懂的,信息量有限。但或许,比如,有那么大约10像素的惊艳主图若隐若现,那就太酷了。然后我立马毫不犹豫地……
然后我立刻毫不犹豫地往下滑动,想看看能不能发现什么,对吧?>> 没错。我们正好停在一个绝佳的位置,因为你在顶部导航栏里什么都看不到。>> 是的,呃,你最好清楚里面有什么。
呃,你最好了解背景情况,如果背景是动态的,比如视频播放时,背景可能包含各种鲜艳色彩。突然间,你那明亮的菜单就变得难以辨认了。>> 好的,这挺有意思。>> 所以它捕捉到了这一点,确实很智能。
所以它很智能,但当有视频时就不那么智能了,当有视频在后面时也不那么智能。后面。后面。
>> 啊,你说得对。这就是细微差别,细微差别,细微差别,对吧?对吧?对吧?
好的,这些我点不了。我本以为可以点击其中任何一个。任何一个。任何一个。
>> 也许那个箭头可以。
>> 哦,我不知道刚才发生了什么。好的,现在我可以点击那些了。是的,现在我可以点击那些了。
嗯,有些部分可以点击,有些则不行。而且,它好像在屏幕上让我跳上跳下的。它似乎只是按照自己的计时器移动,不让我做任何操作,这让人困惑。
嗯,这又是那种情况——你并非有意设计成这样的运作方式。实际上,你只是创建了一个组件,然后它偶尔确实能运行。
>> 仅限于那些嵌套的情况。如果你尝试其他的,它不会有任何反应。
其他的那些,它什么也没做。 >> 是的。而且这里这个更好的标签是,嗯 >> 是的。而且这里这个更好的标签是,嗯 >> 是的。而且这里这个更好的标签是,嗯超级超级隐蔽。有时候会有一个超级超级隐蔽。有时候会有一个超级超级隐蔽。有时候会有一个V形标记,有时候没有。嗯,是的,这个V形标记,有时候没有。嗯,是的,这个V形标记,有时候没有。嗯,是的,这感觉可能有点马虎。感觉可能有点马虎。感觉可能有点马虎。[笑声] [笑声] [笑声] >> 是的,一个agentic层生成一份投资备忘录。投资备忘录。投资备忘录。
嗯,是的,就连这些细微的动态效果,嗯,是的,就连这些细微的动态效果,嗯,是的,就连这些细微的动态效果,正是那种AI会免费提供给你的东西,正是那种AI会免费提供给你的东西,正是那种AI会免费提供给你的东西,然后你就会想,“好吧,那就用这个吧。”然后你就会想,“好吧,那就用这个吧。”然后你就会想,“好吧,那就用这个吧。”但你自己是绝不会去创造的。但你自己是绝不会去创造的。但你自己是绝不会去创造的。嗯,是的。我甚至无法分辨。嗯,是的。我甚至无法分辨。嗯,是的。
我甚至不知道我该拿这些怎么办。它悬浮着,稍微扩展了一点,但好像什么都点不了。我们有一些淡入效果。我们有一些淡入效果。我们有一些淡入效果。这感觉就是缺少很多有用的信息,没有以正确的方式呈现。嗯,至少不是紫色的。有很多蓝色。有很多蓝色。有很多蓝色。>> 是的。是的。
是的。做工和质感都很好 >> 是的。是的。是的。做工和质感都很好,内容也相当充实。内容也相当充实。内容也相当充实。>> 是的。>> 是的。>> 是的。>> 嗯,可能缺少清晰的传达 >> 嗯,可能缺少清晰的传达 >> 嗯,可能缺少清晰的传达,稍微有点不足。视觉风格,如果我不需要滚动浏览的话,嗯,实际上还挺新颖的。是的。是的。实际上还挺新颖的。是的。是的。实际上还挺新颖的。是的。是的。
它让我想起了呃 lovable 或者类似的东西,那种背景里有那种颗粒感、放大的画面。
>> 不太确定这些背景里的方框代表什么。
>> 是啊,一些奇怪的瑕疵。
>> 好的,扎娜。谢谢。嗯。
好的,扎娜。谢谢你。好的。那么,感谢各位提交你们的网站。拉斐尔,我们已经看了不少了。你从中有什么收获吗?>> 是的,我觉得确实有很多紫色渐变效果。总的来说,这类设计挺常见的。
嗯,总的来说,很多模式都差不多。我们看到的都是相同的模式。动画似乎只是为了动画而动画,仅仅因为现在技术上可行。要是我当初建第一个网站时能有这些AI超能力就好了。
所以我认为这是我的第一个网站。我觉得拥有它们很棒,但你也同样出色,因为我们拥有它们,但你仍需承担起责任,不要将思考外包给LLMs,而是真正将它们作为工具,来实现你那些绝妙的想法和设计。
设计新颖的互动方式,在网络上吸引并惊艳你的客户,我认为这正是一个着陆页最终应该实现的目标。它本质上是一种客户获取渠道,而非你的产品本身,也不是传统意义上的网站。
这并非那种网络上很酷的网站类型。网络上确实有这类很酷的东西存在空间,但这里指的是初创企业的着陆页,它们本质上是客户获取渠道。所以,这正是我会如何实际运用这些工具的方式。>> 我完全同意以上所有观点。
我还想补充几点。我认为,对每件事进行质量检查至关重要。创造某样东西很容易,但我们在过程中发现了一些小问题、漏洞,或是某些地方存在令人困惑之处。
归根结底,作为创始人,作为人类,你必须亲自经历并确保所有互动及其他一切运作正常。另一件事是,你……
另一个重点是,你的网站和品牌必须准确传达你希望代表公司的核心理念与独特性,同时展现出与众不同的特质。若仅使用与他人相同的工具,很容易陷入千篇一律的境地。
你必须有意地停留在同一位置。你必须有意地停留在同一位置。你必须有意地走向不同的终点。走向不同的终点。走向不同的终点。因此,与其从人工智能输出的内容开始,然后进行调整,与其从人工智能输出的内容开始,然后进行调整,与其从人工智能输出的内容开始,然后进行调整,我会从我们想要的调色板出发,我会从我们想要的调色板出发,我会从我们想要的调色板出发,
我们想要使用什么样的配色方案,我们的品牌定位是什么,以及如何将其融入系统并加以运用,以确保最终实现能代表我们自身的目标,而不是仅仅依赖人工智能输出的任何结果。我们已经见识过太多这样的情况了。
我们看到很多人这样做,我认为你也知道,就像人们常做的那样,正如你所说,这是有史以来最强大的工具之一,能够创造出令人惊叹的设计,实现那些原本不可能或需要漫长时间才能完成的事情,而现在你只需如此便能做到。因此,嗯,要像这样去运用它。
因此,利用这些方法来真正帮助你推动杠杆向上,使网站更具吸引力并提高转化率,这是你能做的最有力的事情之一。是的。非常感谢你加入我们,拉斐尔。能与你交流真是太棒了。
能听到您对所有这些问题的见解真是太好了,感谢每一位订阅的朋友,我们将在下一次设计评审中再见。