gutenbergdocs/docs/contributors/design/README.md
2025-10-22 01:40:18 +08:00

5.2 KiB
Raw Blame History

设计贡献指南

关于如何开始为古腾堡项目贡献设计力量的指南。

讨论交流

WordPress设计博客是获取WordPress设计团队最新资讯的主要平台包含公告通知、产品目标、会议记录和议程安排等内容。

设计相关的实时讨论在WordPress官方Slack#design频道进行需注册。设计团队每周三UTC时间19:00举行例会。

设计师如何参与贡献?

古腾堡项目使用GitHub管理代码和跟踪问题。主代码库位于https://github.com/WordPress/gutenberg

若您希望参与设计或前端开发,欢迎处理标有需要设计需要设计反馈标签的任务。我们期待您提供深思熟虑的回复、设计稿、动态演示、草图或手绘稿。建议的修改最好基于前期工作成果进行最小化且具体的迭代,以便对比参考。

WordPress设计团队使用Figma进行协作与成果分享。若您希望参与贡献,请加入Slack#design频道申请获取免费Figma账户。这将使您能够使用WordPress官方提供的实用组件库

设计原则

本章节将阐述编辑器界面的设计原则与模式——旨在说明设计背景、指导未来改进,并帮助人们设计出优秀的区块。

古腾堡标识

古腾堡标识由Cristel Rossignol设计基于GPL协议发布。下载SVG格式标识

古腾堡的核心目标

古腾堡的终极目标是打造直观易用的文章与页面编辑体验,让用户轻松创建丰富布局。区块编辑器是首款基于此内容创作方法论推出的产品。

根据项目启动宣言

该编辑器致力于打造全新的页面与文章构建体验让富媒体内容创作变得轻松自如并通过“区块”功能简化当前需要短代码、自定义HTML或复杂嵌入操作才能实现的效果。

我们可从中提炼出若干核心原则:

  • 富媒体内容创作是WordPress的核心优势
  • 区块将在统一界面中整合功能与交互模式用户无需再使用短代码、自定义HTML或粘贴嵌入链接。只需掌握区块使用方法即可解锁全部功能
  • 提升核心功能的可发现性消除难以察觉的“隐藏功能”。WordPress支持大量区块和30余种嵌入类型需增强其可见度

设计初衷

WordPress区别于其他系统的特质在于只要用户掌握HTML和CSS并能构建自定义主题即可实现无限可能的文章布局。

古腾堡将编辑器重塑为直观工具让用户无需技术背景即可通过简单点击创作富媒体内容、构建精美布局。WordPress将成为人人可用的强大灵活内容创作平台。

愿景规划

古腾堡致力于降低富媒体内容创作门槛。这意味着需要确保默认设置的合理性将高级布局选项集成至区块中并使核心操作触手可及。任何人都应能无障碍地使用WordPress创作内容。

WordPress站点的所有元素都将区块化无论是文本、图片、相册、小工具、短代码还是通过插件添加的自定义HTML片段。用户仅需掌握区块界面这一种交互方式。

所有区块平等共存:它们统一位于插入器界面中。通过最近使用记录、搜索功能、标签分类和分组管理,确保常用区块随时可用。

拖拽操作作为辅助:为了更好的可访问性和平台兼容性,拖拽交互作为点击、跳转和空格等明确操作的增强功能存在。

占位符设计至关重要:支持中性占位状态的区块都应实现该特性。图片占位区块显示媒体库入口按钮,文本占位区块呈现输入提示。通过占位符设计,我们可以预定义可编辑布局,用户只需填充内容即可。

直接操作符合直觉:区块界面允许用户在页面上直接操控内容。插件和主题开发者将通过构建自定义区块来支持和扩展这种体验。

定制化无需代码编辑:传统定制方式需要复杂标记语言,而复杂标记极易出错。古腾堡让定制过程更直观可靠。开发者可提供直接渲染布局片段的定制区块(例如三栏功能网格),并明确指定用户可直接编辑的部分。这意味着用户能自主更新文本、替换图片、调整栏数,无需寻求开发者帮助,也不必担心破坏布局。