「插件」Runner更新Pro版,帮助设计师远离996
三年多前Runner团队在德国汉堡的骇客松上第一次发布了Sketch插件Runner的beta版本。从那以后,这个团队的目标一直很清晰:
创造一个加速设计工作流的工具。
他们只给Runner添加真正能帮设计师工作提速的功能,而非来者不拒。今天,Runner团队发布了史上最大一次版本更新:Runner Pro。
相关参数
- 依赖工具:Sketch
- 插件官网:Runner Pro → The Essential Sketch Plugin
- 插件试用:Download Runner Pro → The Essential Sketch Plugin
- 使用文档:Documentation - Runner Pro
- 更多工具:www.whose.design
高级功能
Runner Pro的设计思路是让Sketch中所有的功能都可以被高效调用。所以新增了两个核心功能「RunBar」和「Rider」。RunBar是一个高效迷你的工具栏,而Rider是一个进行样式复写的新途径。
RunBar - 一个自定义的迷你工具栏
你可以在Sketch编辑区的上方发现一个迷你的工具栏,那就是RunBar,虽然小,但是集成了非常多实用的功能。RunBar会记录你最近浏览过的画板,为你提供后退或前进的导航功能。就好比你浏览器里的历史记录。对在大型项目里工作的设计师,真是救命了。
Jump Bar让你可以在任何页面的任何图层里进行导航,只需要两三次点击。当然你也可以在这里看到每个页面里所有的画板。
RunBar里的重头戏就是Actions。你可以把Sketch原生功能或者插件工具集成在这里。添加功能后,按住option拖动即可完成布置。有了Actions,你再也不会用到原生的工具栏了。他解放了宝贵的空间,尤其对小屏幕而言。
RunBar在很小的空间里发挥了很大的价值,这才是Runner团队为Sketch定制这个迷你工具栏的初衷。RunBar的每一部分都可以在设置里定制,让你可以保留对自己有用的部分。在这个只高26个像素的迷你工具栏里,你完全可以放置对自己最有用的部分和功能。
Rider - 新的样式复写方法
Runner最经典的一个功能就是插入组件。
当Sketch更新了组件复写功能时,组件变得强大高效。同时,插入组件变成了一个重要的小任务,跟复写他们的表现。迄今,Runner没有复写相关的功能。这次我们解决了这个需求。
隆重介绍:Rider。一个新的方式来搜索和预览组件复写框,让你可以在设计系统里轻松导航,并执行正确的复写。使用Runner Pro你可以按住option单机任何复写框,会跳出Rider搜索框。
当然,我觉得这个功能一点屁用都没有,微笑脸。
Install Plugins - 插件详情
这么长时间以来,Runner一直是设计师用来发现和安装插件的便捷方式。但是你无法通过简单的图标和描述确定这个插件可以解决手头的问题。新的插件预览界面你可以查看该插件包含的所有功能。一旦你发现这个插件满足需求,可以马上安装使用。
Dark Mode - 深色模式
Runner可以跟随macOS自动切换界面模式。
优化功能
当Runner团队开始升级插件时,他们开始裁剪没什么价值的功能,裁剪随着时间变得冗余的功能,这样我们才能把精力放在真正有用的功能上。除了RunBar和Rider,我们刷新了现存的功能,让Runner Pro成为了最好用的Sketch插件之一。一起看看这些优化点。
更显眼的组件预览
Runner团队把组件预览放在了窗口下方,这样预览面积就更大了,视野更开阔,并且让你准确鉴别长名字的组件。在你有一个庞大设计系统时尤其有用,或者当你要处理组件的长名字时。
限制搜索范围
你可以决定限制搜索范围,指定需要搜索的库,比如你在设计iOS应用界面,不需要搜索macOS的组件库。
命名建议
创建组件和样式时,往往不记得之前的命名规则。在Runner中使用Create命令可以看到现存组件和样式的命名,从而作为参考,规范新的命名。
快捷键
现在可以在Runner自己的设置里调整各个功能对应的快捷键了。
基础功能
好了同学们,兴奋之余,让我们复习一下基础功能。之前的经典功能依然保留在Runner 中。
Run
你可以「Run」这个功能快速检索所有原生功能和插件功能。不要在繁复的菜单和原生工具栏里迷路了。
Goto
立刻定位Sketch文件中任何一个页面、画板或者组件母版。
Insert
搜索和插入文件或组件库里的组件。
Apply
为选定的图层应用共享样式。
Create
用这个功能可以快速创建复用组件或共享样式。
Install
用Install命令在Sketch中发现和安装插件。
「插件」Runner更新Pro版,帮助设计师远离996的更多相关文章
- 「Linux」centos7更新python3.6后yum报错问题
1. #vi /usr/bin/yum 因为我的旧版本是2.7,所以将#!/usr/bin/python改为#!/usr/bin/python2.7就可以了! 退出保存 2.可能还会报错 就修改/us ...
- 「技巧」如何快速安装 Sketch 插件
Sketch拥有强大丰富的插件,但是这些插件天各一方,四处查找下载地址非常麻烦.这里提供一个技巧,通过一个入口可以安装各种插件,基本涵盖了市面上所有靠谱的插件. 准备 Sketch54 Runner ...
- Linux 小知识翻译 - 「Linux」和「发行版」之间的关系
「Linux」本来指的仅仅是内核.5年之前大多都是这么认为的,但是最近不这么说了. 最近一般都说「Linux」是个 OS,这里的OS,不仅仅是内核,而是指电脑的整体环境(除了内核,还包括一些外围的软件 ...
- 「杂烩」精灵魔法(P1908逆序对弱化版)
「杂烩」精灵魔法(P1908逆序对弱化版) 题面: 题目描述 \(Tristan\)解决了英灵殿的守卫安排后,便到达了静谧的精灵领地--\(Alfheim\) .由于$ Midgard$ 处在$ Al ...
- 直播预告|App 首页如何动态化更新?来看蚂蚁技术专家详解「支付宝」全新卡片技术栈
立即前往直播间预约观看 从icon到card,一场内容前置化的变革 从 Windows 时代开始,应用程序图标就成为了用户(流量)的主入口,一直持续到移动端时代. 图标即入口的方式,虽然足够方便但却不 ...
- 「译」JUnit 5 系列:扩展模型(Extension Model)
原文地址:http://blog.codefx.org/design/architecture/junit-5-extension-model/ 原文日期:11, Apr, 2016 译文首发:Lin ...
- 一个「学渣」从零开始的Web前端自学之路
从 13 年专科毕业开始,一路跌跌撞撞走了很多弯路,做过餐厅服务员,进过工厂干过流水线,做过客服,干过电话销售可以说经历相当的“丰富”. 最后的机缘巧合下,走上了前端开发之路,作为一个非计算机专业且低 ...
- 「Azure」数据分析师有理由爱Azure之一-Azure能带给我们什么?
前面我们以相同的方式从数据分析师的视角介绍了Sqlserver,本系列亦同样地延续下去,同样是挖掘数据分析师值得使用的Azure云平台的功能.因云平台功能太多,笔者所接触的面也十分有限,有更专业的读者 ...
- iOS 9,为前端世界都带来了些什么?「译」 - 高棋的博客
2015 年 9 月,Apple 重磅发布了全新的 iPhone 6s/6s Plus.iPad Pro 与全新的操作系统 watchOS 2 与 tvOS 9(是的,这货居然是第 9 版),加上已经 ...
随机推荐
- (三)图数据库neo4j的安装配置
(一)neo4j安装 neo4j有社区版本和企业版,社区版本是免费的,企业版本是收费的.在linux上安装如下步骤: 1.将下载的neo4j-enterprise-3.4.0-unix.tar.gz包 ...
- Windows Server 2016-命令行批量导出AD用户列表信息
本章节为大家带来如何通过Powershell或ldifde命令行方式导出域用户列表信息,方便大家日常运维工作中使用. Powershell方式导出现有Staff目录下所有用户信息列表: Get-ADU ...
- CentOS7 使用firewalld打开关闭防火墙与端口
1.firewalld的基本使用 启动: systemctl start firewalld 关闭: systemctl stop firewalld 查看状态: systemctl status f ...
- 开启全民窃听风云——C#智能录音录像录屏程序源码放送!
·引子 我这人从小有个坏毛病,就是喜欢偷窥别人隐私.当然,在道德上,我时刻要求自己做一名正人君子,只不过是心理上有这癖好罢了.所以我从小就对窃听.窃视.黑客技术.破解技术等疯狂着迷!实际上这也是我走上 ...
- Pytorch系列教程-使用字符级RNN生成姓名
前言 本系列教程为pytorch官网文档翻译.本文对应官网地址:https://pytorch.org/tutorials/intermediate/char_rnn_generation_tutor ...
- [Swift]动态变化顶部状态栏(statusBar)的颜色
顶部状态栏(statusBar)的两种样式: (1).default 样式:黑色. (2).light 样式:白色 一.无导航栏情况 如果没有使用导航控制器 UINavigationControlle ...
- Redis 小记
最近感觉自己像是又回到了起点,知识层面上落人太多,尤其是去年早些时候几乎啥也没干成,觉得什么也不会了,只能再次从零开始,所以决定再喝两个疗程的巩固巩固. 话不多说,我们先来看看 Redis 官方是怎么 ...
- Entity Framework Core 2.1,添加种子数据
EFCore 2.1出来有一段时间了,里面的新功能还没怎么用,今天研究下如何使用EF Core 2.1添加种子数据. 这部分的官方文档地址是:https://docs.microsoft.com/en ...
- android学习笔记--检测是否为wifi环境
ConnectivityManager cm = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE); // 获取 ...
- 【Netty】(9)---Netty编解码器
Netty编解码器 在了解Netty编解码之前,先了解Java的编解码: 编码(Encode)称为序列化, 它将对象序列化为字节数组,用于网络传输.数据持久化或者其它用途. 解码(Decode)称为反 ...