top of page
Search

Penpot 怎么用?教你如何使用6个基础功能!


如果你在UX/UI领域工作,又刚接触Penpot,那这篇文章很适合你。 Penpot最大的优点是提供了一个平台方便跨领域团队之间的协作设计。虽然它是一个开源设计软件,但它有许多功能可以媲美于它的付费竞争对手,如Adobe XD。我们今天要看的功能只是冰山一角,但足以帮助你对Penpot有所了解。

开源设计和原型制作平台


画板

画板跟同类设计软件的画布功能差不多,并具有固定的边缘。你可以根据你的需要,选择一个特定的屏幕或打印用的尺寸。



  • 创建画板:点击工具栏中 "移动" 箭头正下方的第一个方形图标。点击并拖动箭头来创建一个自定义尺寸的画板。你也可以在 "设计属性" 边栏选择包揽设备最常用分辨率和标准打印尺寸的预设模板。


  • 选择和移动画板:点击画板的名称或没有图层的区域。当边框变成绿色时,代表着你选择成功了。一旦选择了,按住 “Shift” 键,然后点击并拖动画板来移动它。


  • 设置画板为缩略图:选择一个画板并点击右键。在菜单上,选择 "设置为缩略图"。选定的画板将作为文件缩略图显示在仪表板的卡片上。


色盘

色盘可以帮你省去寻找取色器的功夫,直接在视区中选择想要的颜色。如果想切换到另一个已存颜色库,可以在菜单操作。




  • 显示/隐藏色盘:有3种方法可以做到这一点:从导航栏左上方的主菜单中选择,点击工具栏上的色盘按钮(图中圈起来的),或在取色器上使用色盘启动功能。


  • 色盘菜单:点击色盘左边的3个小点就可以打开菜单。在那里,你可以在已存颜色库之间、在大和小的缩略图尺寸之间自由切换。


  • 添加颜色:若要填充颜色,先选择图层形状并从调色板中点选所需的颜色。若要将颜色添加在笔划上,在点击图层的同时按 “Alt” 键。


组件

组件指一件或一组可以在用户档案中重复使用的对象。组件被分为主组件和组件副本。由于用户档案中使用的所有组件副本都是链接的,对主组件所做的任何改变都将反映在所有组件副本中。


另外,也可以为组件副本的一些特别改动创建自定义选项,允许副本保留这些独特的变化,同时亦与主组件保持同步。




  • 创建组件:点击并拖动你的光标,选择一个或一组对象。在你的选择上点击右键,从对象菜单中选择 "创建组件"。


  • 为组件创建活页夹:首先创建一个组件。然后,以这个方式重新命名该组件:“活页夹名称/组件名称”,例如“Buttons/Button-1”。


  • 更新主组件:如果你想把你在组件副本中所作的改动应用到主组件上,在组件副本上点击右键,选择 "更新主组件"。


  • 自定义选项:自定义选项的组件副本会在图层列表中用 "*" 标示。若想令主组件的变动影响到组件副本,你可以通过右击副本并选择 "重置自定义选项" 来进行重置。


网格

网格帮助你以几何方式排列内容。 Penpot有三种类型的网格:正方形、列和行。




  • 添加网格:你可以在一个画板上创建网格。首先,选择画板。在右侧的边栏,选择 "网格和布局",然后点击 "+" 来添加一个网格。你可以根据你的需要增加网格的数量。


  • 隐藏和删除网格:在 "网格和布局" 下列出了你现有的网格。将鼠标悬停在一个网格列上可以看到一个眼睛图标以及旁边的 “-” 图标。如要隐藏网格,点击眼睛。如要删除,点击 “-”。


原型设计

你可以通过连接画板来建立互动性原型。这些原型可以帮助你了解用户将如何使用你的产品。




  • 连接画板:首先,打开一个至少有两个画板的档案。然后,点开原型模式选择一个对象(可以是形状/画板/对象组)作为互动的触发器。从选定的对象拖动鼠标至目标画板以创建关联。这将自动创建一个流程起点。你可以通过点击原型卷标上的播放按钮来测试你原型的运行。


  • 固定物件:选择一个对象并打开右边的设计侧栏。在限制条件部分里,选择 "滑动时固定"。当你在视图模式下滑动屏幕时,对象将被固定在原处。


评论

你可以使用评论来与团队成员沟通并给与意见。



  • 添加评论:先点击工作区工具栏上的评论图标(图中圈起来的)。然后,选择你想留下评论的地方。在你写完评论后,选择 "发布" 便能留下评论。


  • 回复评论:点击某个评论(显示为含数字的圆圈),然后在弹出的评论窗口底部的文本框中写下你的回复。


  • 将评论线程标示为已读:点击评论弹出式窗口的右上方的复选框,评论便会从你的未读评论通知中消失。


接下来继续探索Penpot吧!

以上的功能虽然只是Penpot海量功能中的一小部分,但你现在应该比阅读本文前更熟悉Penpot了! 如果你目前觉得Penpot不错,并想对Penpot的多项功能和应用有一个更全面的了解,我们推荐这个关于Penpot的课程


不确定Penpot是否适合你的设计风格?你也可以查看Penpot论坛,看看其他UX/UI设计师对Penpot有什么看法。


除了Penpot,我们还发布许多关于其他好用的开源软件的专题文章。欢迎来我们的FacebookInstagram浏览文章,亦可以就有关信息直接联系我们

32 views0 comments
KEP_06.jpg

我们专有的网上学习平台,并与免费的创意和生产工具无缝协作,为 DECT 教育即时提供作业和学习材料管理、远端协作、分析等功能,满足不同使用者的学术及管理需求。

OS_02.jpg

培训专业教师计划是维持数谱生态系统的基石。这是一个可扩展的专业发展模式,当中全面的 DECT 内容和学习管理系统可分别为教师提供相关支持。

smiling-young-asian-teacher-making-selfie-with-her-2022-03-30-14-59-24-utc.jpg

学生展才计划为学生提供在全球数字经济中不可或缺的知识、技能和工具, 有助学生掌握在未来世界中出类拔萃的生存技能,脱颖而出。

OS_03.jpg

Krystal OTP 包含所有办公室软件,有效提升日常工作效率和减轻营运成本,为当今多元化 的业务营运需求提供了完善解决方案。  

hand-with-tattoo-point-on-the-cyber-table-2022-12-15-23-00-27-utc.jpg

一项综合计划,旨在为个人 和公⺠提供必要的数字能力和软技能,以便在数字经济中生存。为了在数字时代保持竞争力和繁荣,各国需要为其公⺠提供必要的知识、技能和工具。

DECT_02_OPEN_01.jpg
DECT_06_CP_ERB_B_03.jpeg
DECT_01_AI_02_01.jpg
DECT_03_SC_014_01.jpg
DECT_07_CP_ERB_G_04.jpeg
DECT_05_OTP_05_01.jpeg
DECT_01_OPEN_02.jpg
DECT_06_CP_ERB_C_04.jpeg
DECT_03_AI_06_01.png
DECT_03_SC_016_01.jpg
DECT_07_OLE_17_01.jpeg
DECT_05_OPEN_03.jpg
DECT_01_AI_01_04.jpg
DECT_06_OPEN_02.jpeg
DECT_01_AI_07_01.jpg
DECT_03_OPEN_02.jpeg
DECT_07_OPEN_01.jpg
DECT_05_OTP_05_01.jpeg
DECT_07_I_02_01.png
DECT_06_CS_02_02.jpg
DECT_01_AI_05_02.png
DECT_03_CP_ERB_He_05.jpg
DECT_07_CS_01_04.png
DECT_09_open_01.png
bottom of page