如果你在UX/UI领域工作,又刚接触Penpot,那这篇文章很适合你。 Penpot最大的优点是提供了一个平台方便跨领域团队之间的协作设计。虽然它是一个开源设计软件,但它有许多功能可以媲美于它的付费竞争对手,如Adobe XD。我们今天要看的功能只是冰山一角,但足以帮助你对Penpot有所了解。
开源设计和原型制作平台
画板
画板跟同类设计软件的画布功能差不多,并具有固定的边缘。你可以根据你的需要,选择一个特定的屏幕或打印用的尺寸。
创建画板:点击工具栏中 "移动" 箭头正下方的第一个方形图标。点击并拖动箭头来创建一个自定义尺寸的画板。你也可以在 "设计属性" 边栏选择包揽设备最常用分辨率和标准打印尺寸的预设模板。
选择和移动画板:点击画板的名称或没有图层的区域。当边框变成绿色时,代表着你选择成功了。一旦选择了,按住 “Shift” 键,然后点击并拖动画板来移动它。
设置画板为缩略图:选择一个画板并点击右键。在菜单上,选择 "设置为缩略图"。选定的画板将作为文件缩略图显示在仪表板的卡片上。
色盘
色盘可以帮你省去寻找取色器的功夫,直接在视区中选择想要的颜色。如果想切换到另一个已存颜色库,可以在菜单操作。
显示/隐藏色盘:有3种方法可以做到这一点:从导航栏左上方的主菜单中选择,点击工具栏上的色盘按钮(图中圈起来的),或在取色器上使用色盘启动功能。
色盘菜单:点击色盘左边的3个小点就可以打开菜单。在那里,你可以在已存颜色库之间、在大和小的缩略图尺寸之间自由切换。
添加颜色:若要填充颜色,先选择图层形状并从调色板中点选所需的颜色。若要将颜色添加在笔划上,在点击图层的同时按 “Alt” 键。
组件
组件指一件或一组可以在用户档案中重复使用的对象。组件被分为主组件和组件副本。由于用户档案中使用的所有组件副本都是链接的,对主组件所做的任何改变都将反映在所有组件副本中。
另外,也可以为组件副本的一些特别改动创建自定义选项,允许副本保留这些独特的变化,同时亦与主组件保持同步。
创建组件:点击并拖动你的光标,选择一个或一组对象。在你的选择上点击右键,从对象菜单中选择 "创建组件"。
为组件创建活页夹:首先创建一个组件。然后,以这个方式重新命名该组件:“活页夹名称/组件名称”,例如“Buttons/Button-1”。
更新主组件:如果你想把你在组件副本中所作的改动应用到主组件上,在组件副本上点击右键,选择 "更新主组件"。
自定义选项:自定义选项的组件副本会在图层列表中用 "*" 标示。若想令主组件的变动影响到组件副本,你可以通过右击副本并选择 "重置自定义选项" 来进行重置。
网格
网格帮助你以几何方式排列内容。 Penpot有三种类型的网格:正方形、列和行。
添加网格:你可以在一个画板上创建网格。首先,选择画板。在右侧的边栏,选择 "网格和布局",然后点击 "+" 来添加一个网格。你可以根据你的需要增加网格的数量。
隐藏和删除网格:在 "网格和布局" 下列出了你现有的网格。将鼠标悬停在一个网格列上可以看到一个眼睛图标以及旁边的 “-” 图标。如要隐藏网格,点击眼睛。如要删除,点击 “-”。
原型设计
你可以通过连接画板来建立互动性原型。这些原型可以帮助你了解用户将如何使用你的产品。
连接画板:首先,打开一个至少有两个画板的档案。然后,点开原型模式选择一个对象(可以是形状/画板/对象组)作为互动的触发器。从选定的对象拖动鼠标至目标画板以创建关联。这将自动创建一个流程起点。你可以通过点击原型卷标上的播放按钮来测试你原型的运行。
固定物件:选择一个对象并打开右边的设计侧栏。在限制条件部分里,选择 "滑动时固定"。当你在视图模式下滑动屏幕时,对象将被固定在原处。
评论
你可以使用评论来与团队成员沟通并给与意见。
添加评论:先点击工作区工具栏上的评论图标(图中圈起来的)。然后,选择你想留下评论的地方。在你写完评论后,选择 "发布" 便能留下评论。
回复评论:点击某个评论(显示为含数字的圆圈),然后在弹出的评论窗口底部的文本框中写下你的回复。
将评论线程标示为已读:点击评论弹出式窗口的右上方的复选框,评论便会从你的未读评论通知中消失。
接下来继续探索Penpot吧!
以上的功能虽然只是Penpot海量功能中的一小部分,但你现在应该比阅读本文前更熟悉Penpot了! 如果你目前觉得Penpot不错,并想对Penpot的多项功能和应用有一个更全面的了解,我们推荐这个关于Penpot的课程。
Comments