科学之家

全部导航

软件与配置

工具与服务

阅读与网站

科学之家

设计创作 · 入门指南

Framer 使用教程

面向网站设计与发布的创作平台,可从设计或模板出发搭建展示网页。

软件介绍

面向网站设计与发布的创作平台,可从设计或模板出发搭建展示网页。

  • 网站设计
  • 作品集
  • 页面发布

使用前了解

支持设备:网页浏览器,桌面端适合页面设计;发布的网站可供多种设备访问。

中文支持:可制作中文网站;编辑器界面与网站多语言发布是不同功能。

注册要求:设计、发布和管理项目需要账号。

免费范围:可建立并发布到 Framer 子域名,资源与功能有上限。

付费区别:付费站点方案扩展自定义域名、CMS、带宽等;团队席位和其他附加项目需分别核对。

功能与套餐会随地区、账号和版本变化,开通前请核对下方官方资料中的当前说明。

官方图文介绍

可视化设计能直接衔接网站发布,适合做带动效的作品集、落地页和产品展示,缩短从稿件到上线的步骤。

根据 Framer 官方资料(新窗口) 整理

Framer · 官网 / 官方文档介绍配图

能用来做什么

  • 搭建个人作品集

    把简介、代表作品和联系方式放到网站中,形成统一展示入口。

  • 制作产品或活动页面

    围绕一个明确主题安排介绍、图片和行动按钮,方便对外分享。

  • 设计并发布响应式网页

    在可视化环境里调整页面结构,预览不同尺寸后发布网站。

快速上手

制作一页个人作品介绍

  1. 创建网站项目

    进入 Framer,选择适合的起点,创建一个自己可以编辑的网站项目。

  2. 加入主要内容

    编辑标题、说明和图片,设置导航与需要跳转的链接。

  3. 检查不同屏幕

    使用预览检查桌面和手机显示,调整文字、间距与页面布局。

  4. 确认后发布

    检查内容与链接,通过发布入口生成可访问的网站地址。

使用提示

先完成一个清晰的页面,再增加动画和其他页面;发布后也应检查手机效果。

常见问题

  1. 为什么导出后字体、排版或透明背景变了?

    核对字体是否安装或获准使用,检查画布尺寸、导出格式、颜色设置与透明背景选项。先用一个小文件试导出,再在目标设备上打开检查。

  2. 付费素材或高级功能可以直接用于所有项目吗?

    先查看当前素材、字体、插件和软件方案的使用说明,确认适用场景与导出条件。软件的会员权益与第三方素材授权不一定相同。

官方资料

界面名称可能随版本或语言有所不同,可通过官方资料继续了解。