资源
学习
灵感
工具
New
订阅更新
寻找灵感
创意机构
Roasted
作品集
Kons
UNVEIL庐
健康
Superpower
AI
Augen
移动应用
Notion
Limitless
Daniel Sun
初创公司
SuperHi
Duties
SavoirFaire
网页应用
Shuttle
电商
KidSuper World
Bigpicture Company
个人
Max Yinger
技术
Tatem
动效
Desktop.fm
reboot
Metalab
Vercel Ship
全部文章
创意启发
高阶教程
工具资源
工程技术
逐步教学,帮你提升在Framer中的技能
网页设计流程的9个步骤
网页设计超越了创意本身,它是一个结合了项目管理、利益相关者意见和商业目标的结构化流程。每个阶段都有明确的交付成果和审批环节,有助于高效管理多个项目。定义清晰的流程可以避免延误、范围蔓延以及偏离目标的设计。以下是主要步骤:规划、网站地图创建以及网站上线。
网站导航:如何设计有效的菜单(9个示例)
你上一次真正为网站导航进行策略规划,而不是直接从上一个项目复制粘贴过来是什么时候?大多数设计师关注的是形式——置顶头部、响应式下拉菜单、汉堡菜单——却常常忽略了策略。但直接跳入设计阶段,忽视了网站导航的核心任务,即让用户以最少的步骤到达他们想去的地方。
什么是挤压页面?5个示例及如何创建一个
想了解引流页面吗?找一本由直复营销先驱克劳德·霍普金斯撰写的《科学广告》的百年旧版来看看。书中提出,广告是一门科学而非艺术,每则广告都应有一个明确的目标和一个明确的行动号召,其他一切内容都应删去。引流页面正是将这一理念应用于互联网:它们是无干扰的着陆页,唯一目的就是促进注册,别无其他。
9个着陆页最佳实践(附真实案例)
想知道一个着陆页是否糟糕?很简单:看它五秒钟。试着弄清楚它提供什么,以及你为什么应该关心。如果五秒后你仍没有明确答案,那这就是一个糟糕的着陆页。而优秀的着陆页则能在几毫秒内就吸引住用户。
如何创建一个高转化率的着陆页:8个经过验证的步骤
大多数着陆页无法将访问者转化为客户。企业花费数千元打造精美的设计,开展精准的广告活动,并引入高质量的流量,但页面转化率却很低。问题不在于流量,甚至也不在于所提供的产品或服务本身。真正的问题在于,大多数着陆页的构建方式是本末倒置的。
每个设计师都应该了解的7个以用户体验为中心的网站设计原则
设计行业正处于一个十字路口。人工智能工具正在彻底改变我们创建布局和生成创意的方式,但用户期望值也达到了前所未有的高度。访问者会在几毫秒内对你的网站做出判断,用户旅程跨越多个平台,而你需要为之设计的设备每年都在不断增加。
如何制作有效的引导页(附10个实际案例)
如果你在1998年左右浏览网页,那时到处都是引导页。由Flash驱动的开场动画,配以震撼的音乐、旋转的标志和“欢迎访问我们的网站!”等动画效果,是当时设计流程中的标准组成部分。那些年代早已过去,但并未完全消失。如今品牌仍会使用引导页来进行年龄验证、国家与语言选择,或仅仅是为了打造强烈的初次印象。
5 个以转化为导向的网页设计策略,提升您网站的投资回报率
当设计师掌控整个流程时,一种非凡的情况便会发生:“美观的设计”与“高转化率的着陆页”之间的人为界限将消失。取而代之的是,你创造出能够运用视觉心理学、交互设计和策略性思维,自然引导用户实现转化的体验。以下是如何在你自己的设计实践中实现这一强大转变的方法。
设计师掌握 SVG 动画
SVG动画是创建流畅、可缩放且轻量级视觉效果的强大方式,有助于提升用户体验和网站性能。
掌握网页设计中SEO的7个原则
在本指南中,我们将向您展示如何构建在设计和可见性方面都表现出色的网站,并提供可立即使用的实用技巧。无论您是全新开始还是优化现有网站,您都将学会如何在不牺牲视觉效果的前提下提升搜索排名。
如何在无需代码的情况下设计响应式网站
缩放、放大和横向滚动的时代已经一去不复返了。如今的用户期待的是无缝的体验,而本文将展示 Framer 如何帮助你无需编写代码即可实现这种体验。
2025年专业网页设计方向:7个战略性UX趋势
网页设计潮流来来去去。有时某种趋势的消退显而易见:例如,如今已很少有设计师再使用1990年代的流行元素,如Flash引导页、访问者计数器和自动播放音乐。但要判断当下流行的网页设计趋势何时已经过时,以及新的趋势何时取而代之,则较为困难。
高级滚动触发导航:面向用户体验设计师的实现指南
在本教程中,您将学习如何创建一个悬浮导航栏,当用户开始向下滚动页面时,该导航栏会立即出现,并一直保持在页面上直至底部。通过使用滚动区域和滚动动画,这种简单而有效的方法可以提升用户体验,使导航更加便捷。请按照以下步骤操作,并在下方找到 remix 链接,以便在 Framer 中创建您自己的悬浮导航。
在 Framer 中仅用三个图层和零代码创建惊艳的波浪动画
准备好迎接这场精彩绝伦的波浪效果 Framer 教程吧!你将学会仅用三个图层,通过在线性曲线上旋转,创造出超炫酷的波浪效果。从绘制框架到设置圆角半径,本教程将让你迅速掌握技巧,轻松上手。此外,你还可以自由添加元素,并自定义颜色与位置,创造出属于你自己的独特波浪效果,可能性无穷无尽!别再当个无所事事的海滩懒汉了,立即观看视频,获取分步指导以及可 remix 的链接,打造你专属的超酷波浪吧!冲浪万岁!
将多个CMS集合组合用于分类页面
如果你希望在网站上创建分类页面,可以考虑合并多个CMS集合。这种技术允许你根据所处的页面来过滤内容,同时仅使用一个模板即可完成。
使用 Framer 创建 AI 按钮
如果你想要创建一个美观、带有动画且可交互的按钮,Framer 可以满足你的需求。最近,我分享了我制作的 AI 按钮,它完全在 Framer 中实现,无需编写代码。以下为原始项目的 remix 链接,以及制作过程的详细说明。
战略性视频交互设计:专业的悬停效果实现
你想通过 Framer 以独特的方式展示你的视频内容吗?这里有一个简单的悬停选项,可在需要时播放你的视频。
探索 Framer 中的滚动和悬停效果
滚动和悬停效果可以为你的设计增添视觉趣味性和交互性,而 Framer 是创建这些效果的绝佳工具。在本教程中,我们将探讨如何使用滚动效果动态改变文本和背景颜色,以及为卡片添加有趣的 3D 悬停效果。
使用 Framer 创建类似苹果的酷炫滚动效果
这是一个有趣的教程,介绍如何在 framer 中创建苹果官网流行的缩放滚动效果。只需滚动,即可从全屏视频切换到幻灯片展示。整个过程完全在 Framer 中完成,无需编写任何代码。
重要提示
Framer中文网内容丰富
为了用户体验,请前往桌面端访问
复制网址
Create a free website with Framer, the website builder loved by startups, designers and agencies.