哈喽 我是大鹏,这里是第二灵感库,每天学习一点点,加班熬夜少一点,成长进步多一点!我们经常打开一个设计网站,收藏几十张看起来不错的页面。等真正开始做项目时,却还是不知道背景用什么颜色、按钮怎么写、动效加在哪里、品牌视觉怎么统一。所以今天不做普通的网站排行榜,而是给大家整理一张“设计灵感急救地图”。遇到不同问题,就去不同的网站找答案。
本期灵感地图
场景一:暗色页面总显得脏,怎么办?
Dark Design
网址:https://www.dark.design/Dark Design 是一个专门收集暗色主题网站的灵感图库。它目前收录了软件、AI、设计机构、个人网站、硬件、教育和 Web3 等不同类型的暗色案例。它的价值不只是“网站都是黑色的”,而是可以让我们集中观察:优秀的暗色界面究竟是怎么建立层级的。网站首页采用纯黑背景和高对比白色标题,标题字体非常粗,正文则带一点等宽字体的技术感。白色背景变成黑色,黑色文字变成白色,其他东西基本不动。如果背景、卡片和弹窗全是同一个黑色,页面就会失去空间关系。用户看不出哪些内容在前面,也不知道该先看哪里。暗色页面不建议大面积使用纯白正文。纯白和纯黑的对比过强,长时间阅读容易疲劳。正文可以使用偏灰白,纯白只留给标题和重点信息。打开 Dark Design 后,不要只看完整截图。建议每次选 3 个案例,分别记录:这样收藏下来的不是一张图片,而是一套可以复用的暗色设计逻辑。
场景二:按钮已经很明显,为什么还是没人想点?
CTA Gallery
网址:https://www.cta.gallery/CTA Gallery 是一个专门收集行动号召设计的网站。它不是收集完整网页,而是聚焦按钮、表单、弹窗、订阅、价格方案和购买入口等与转化相关的局部设计。这种分类方式特别适合正在做落地页、电商页面、SaaS 官网和活动页面的设计师。标题:页面检测到 Overused Grotesk SemiBold网站自身没有抢案例的视觉注意力,而是用深色背景把不同 CTA 截图衬托出来。“提交”是一个动作,但用户不知道提交之后能得到什么。相比之下,“生成我的配色方案”“查看完整案例”“开始免费创建”会更加具体。按钮附近需要有足够的价值说明。例如节省时间、免费体验、无需注册、可以随时取消。如果按钮旁边还有高风险信息,比如直接付费、需要填写很多资料,用户会犹豫。可以通过辅助文案降低心理成本。当页面中的一个元素与其他元素明显不同时,用户更容易注意并记住它。这就是为什么主要按钮和次要按钮不能使用完全相同的颜色、尺寸和权重。移动端按钮需要保持足够的触控面积,重要按钮也应该靠近相关内容,而不是让用户读完一段内容后再到其他位置寻找。如果一个首屏同时出现“立即开始、了解更多、观看视频、查看案例、联系我们”五个按钮,用户可能一个都不点。
场景三:页面好看,但为什么没有记忆点?
Design Spells
网址:https://www.designspells.com/Design Spells 收集的不是完整网站,而是那些“像魔法一样”的设计细节。如果 Dark Design 解决的是整体视觉氛围,Design Spells 解决的就是页面最后那一点“灵气”。Fraunces 是一款带有明显个性的衬线字体,搭配 Inter 后,既保留了故事感,又不会影响正文阅读。如果只有动画,没有对应的操作结果,这个动效就只是装饰。浏览 Design Spells 时,可以为每个案例记录四句话:这个提示词可以帮助设计师先整理交互逻辑,再到 Figma 中制作原型。
场景四:Logo 做完了,为什么品牌还是不统一?
Rebrand Gallery
网址:https://www.rebrand.gallery/Rebrand Gallery 是一个专门收集品牌升级、视觉识别系统和 Rebrand 发布案例的网站。它目前可以看到品牌开场动画、Bento 展示、动态 Logo、字体系统、品牌色彩和发布视频等内容。收录案例包括 Netflix、Walmart、Etsy、Semrush 等不同类型的品牌。标题:页面检测到 Bricolage Grotesque页面以浅色背景和深灰文字为主,把视觉注意力留给不同品牌案例。由于每个品牌的配色差异很大,网站自身没有使用过强的固定强调色。如果只换了 Logo,但官网、App、海报、社交媒体依然各用一套视觉语言,用户还是感受不到品牌升级。Rebrand Gallery 最适合学习的不是某一个 Logo,而是品牌如何把一套视觉规则延伸到所有接触点。请从品牌设计师的角度分析这组 Rebrand 案例。请避免只评价“高级、简约、好看”,需要说明设计依据。
把 4 个网站串成一套设计工作流
这 4 个网站不需要一次全部浏览,可以根据项目阶段使用:收藏网站只是第一步。真正有用的方法,是每次带着一个具体问题进去,然后带着一条可以落地的规则出来。
本期回顾
Dark Design 适合解决暗色页面的层级问题。CTA Gallery 适合解决按钮和转化路径问题。Design Spells 适合解决页面缺少记忆点的问题。Rebrand Gallery 适合解决品牌视觉不统一的问题。设计灵感不是让我们照着别人的页面重新画一遍,而是帮我们理解:别人用了什么方法,解决了什么问题。如果你正在积累 UIUX 知识、Figma 插件、Web/App 素材模板,或者想建立自己的设计灵感库,可以先把这篇收藏起来,等做项目、找参考、搭作品集的时候再回来翻一翻。第二灵感库会持续整理更适合设计师学习和实战的内容:包括设计网站、Figma 资源、UIUX 方法论、灵感案例和效率工具。希望这里能成为你的设计备忘录,也帮你在每一次项目开始前,少一点迷茫,多一点方向。

优网科技,优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。