Loken:一种简单交互式的网站美化工具

6个月前 科技 29观看
摘要 采访 Loken 是一种新型工具,旨在让网站设计师能够像音乐人使用软件合成器那样,通过直观的方式进行设计创作。对于 Reg FOSS 专栏来说,Loken 的确有些不同寻常,就像我们几年前介绍的开源数字音频

采访 Loken 是一种新型工具,旨在让网站设计师能够像音乐人使用软件合成器那样,通过直观的方式进行设计创作。ITC喜好网-记录每日喜好的科技时尚娱乐生活

对于 Reg FOSS 专栏来说,Loken 的确有些不同寻常,就像我们几年前介绍的开源数字音频工作站 Ardour 一样。Ardour 是一款软件合成器,让人们无需使用实体乐器或传统乐谱就能创作音乐。Ardour 作为开源软件很特别,但类似的工具其实不少,从 Ableton 到 Zrythm 都是这类产品。ITC喜好网-记录每日喜好的科技时尚娱乐生活

Loken 则试图将这种直观的、即时点击式的即兴设计过程引入一个全新的领域 —— 网站外观和体验设计。根据项目描述档案显示:ITC喜好网-记录每日喜好的科技时尚娱乐生活

"设计合成"是我用来描述 Loken 处理设计令牌 (design tokens) 方式的术语。这是一种生成和操作设计数据的方法,类似于模块化合成器处理控制电压和音频信号的方式。Loken 直接受到模块化合成和吉他效果器的启发,它们可以串联在一起,从简单的输入创造出新颖有趣的创意输出。ITC喜好网-记录每日喜好的科技时尚娱乐生活

其核心原理是:将原始设计数据作为输入源,通过一系列模块进行处理,每个模块都会以某种方式转换数据,并将结果传递给下一个模块、最终输出,或两者兼有。ITC喜好网-记录每日喜好的科技时尚娱乐生活

你可以从品牌的主色调开始,通过链式处理生成调色板,或者生成两种调色板 —— 比如分别用于明暗模式。你可以将同一个颜色送入链路,根据其饱和度和亮度生成和谐的新颜色。然后,你可以取用这些调色板中的个别值,传递给生成渐变、文本样式或其他效果的模块。你可以从任何模块中挑选任何输出,将它们作为设计令牌全局使用,供其他地方调用。ITC喜好网-记录每日喜好的科技时尚娱乐生活

Loken 目前仍在开发中,由柏林创业者 Steve Mitchell 独立开发。他既是软件开发者也是受过训练的音乐人。他告诉我们:"最初这只是一个消遣玩具,目前的演示版本某种程度上仍是如此。去年 11 月我们发布了测试版,算是一种防止倦怠的措施,但 2 月份将推出正式的 1.0 版本。"ITC喜好网-记录每日喜好的科技时尚娱乐生活

记者:是什么促使你开发这个工具?你觉得它带来了哪些创新?ITC喜好网-记录每日喜好的科技时尚娱乐生活

Mitchell:的确,网上有其他主题生成器,但它们需要你对想要的输出有明确的想法。如果你有明确的目标,有很多工具可以选择。但 Loken 是用来探索的,用来在你不知道方向时找到出路。这似乎是改变整个领域的机会。ITC喜好网-记录每日喜好的科技时尚娱乐生活

记者:你的背景是什么?是什么让你走上这条路?ITC喜好网-记录每日喜好的科技时尚娱乐生活

Mitchell:我是前端开发者。我在伦敦为 J Walter Thompson 的一个分支机构工作,做很多 Drupal 相关的工作,处理邮件列表和邮件模板之类的事情。这让我开始思考是否可以开发工具,将这些工作抽象成更现代、更酷的东西。所以我决定自己动手。一开始我的反应是"天啊,我不知道该怎么做!"但现在我懂了。我不得不自学图论和后端开发。ITC喜好网-记录每日喜好的科技时尚娱乐生活

记者:为什么是现在?ITC喜好网-记录每日喜好的科技时尚娱乐生活

Mitchell:当前端行业选择 React 作为主流方向时 —— 或者至少是 JavaScript —— 与过去需要学习 PHP、CSS、设计和可访问性不同,现在的人们往往带着十年的计算机科学经验入行。他们把设计当作可以填充颜色的盒子。目前对于用户界面,他们在 Figma 中制作模型,然后交给别人去实现功能。ITC喜好网-记录每日喜好的科技时尚娱乐生活

相比之下,Loken 可以在一个地方一次性形成任何 DOM 形状的对象。你可以构建、维护、开发,它会输出可以在 token.studio 中使用的设计令牌。你不需要学习 CSS 这样的晦涩知识,也不需要编码。ITC喜好网-记录每日喜好的科技时尚娱乐生活

记者:它是如何实现的?ITC喜好网-记录每日喜好的科技时尚娱乐生活

Mitchell:目前是一个网页应用,虽然也有 Electron 版本,但那个版本要淘汰了。现在只支持 Mac,不过这会随时间改变。后端有很多支持系统,包括 CRM —— 用户管理、工单、支持、支付处理和订阅。但也有很多沙盒功能,所以它也可以本地运行。它有一个用于前后端通信的 WebSocket 层。待办事项之一是需要一个类 REST 的 "API" 层。ITC喜好网-记录每日喜好的科技时尚娱乐生活

大部分用 PHP 编写,使用 Laravel 框架,这样我就不需要付费让别人来维护。很令人印象深刻的是,像 PHP 这样经常被诟病的语言也有这样的开源工具,使得这类项目成为可能。ITC喜好网-记录每日喜好的科技时尚娱乐生活

记者:它是开源的吗?你打算如何盈利?ITC喜好网-记录每日喜好的科技时尚娱乐生活

Mitchell:不,它不是开源的,但我们正在开发的一些工具和组件计划开源。没有投资方,没有免费版本或免费等级。"免费增值"模式是风险投资的做法,我们不涉及这些。目前靠口碑发展。当我在 11 月发布测试版时,关注者突然从约 100 人增长到约 1000 人。ITC喜好网-记录每日喜好的科技时尚娱乐生活

现在,我也在编写文档。我编写了一个 Puppeteer 脚本。它能遍历所有重要元素:启动、以特殊用户身份登录、遍历所有界面、截取每个页面的屏幕截图并保存。然后,切换到暗色模式,再重复一遍。这节省了大量时间。以前每次有变更,我都要检查哪些部分需要新的图片。我可能会开源这部分。技术中的一些部分本身就很有趣,足以成为微规范。这些也值得开放。ITC喜好网-记录每日喜好的科技时尚娱乐生活

记者:有多少人参与?ITC喜好网-记录每日喜好的科技时尚娱乐生活

Mitchell:就我一个人。我在英国有一个同事负责法律事务,担任我的项目经理。目前所有编码都是我在做,但我不可能为所有潜在功能编写所有插件。不过也许,如果够简单,其他人可以参与。ITC喜好网-记录每日喜好的科技时尚娱乐生活

达到极致简单的正确程度非常非常难。但有时你会意识到,如果你需要这个东西,就只能自己动手建造它。ITC喜好网-记录每日喜好的科技时尚娱乐生活

展开全文
猜你感兴趣
比亚迪成全球首家达成第1000万辆新能源汽车下线车企

比亚迪成全球首家达成第1000万辆

11月1

11-19 128阅读
华为Mate 70已经到店:数量有限 抢到赚到

华为Mate 70已经到店:数量有限 抢

11月19日

11-19 134阅读
灵宝 CASBOT 01 人形机器人发布:52自由度,头部配屏,获联想投资

灵宝 CASBOT 01 人形机器人发布:5

11-19 104阅读
趁iPhone16的AI还没落地,国产手机卷疯了

趁iPhone16的AI还没落地,国产手机

乔布

11-19 123阅读
并购重组大潮AB面:有的“做大做强”有的“拉高出货”

并购重组大潮AB面:有的“做大做强

自证

11-19 111阅读
为什么说当下是最适合李子柒回归的时候?

为什么说当下是最适合李子

作者 / 向   向运营 / 狮子座携“

11-19 103阅读
Netflix,振奋时刻下的暗潮

Netflix,振奋时刻下的暗潮

作者 / 向   向运营 / 狮子座和202

11-19 108阅读
火热气氛拉满!超级音雄·巨星演唱会-汕头站12/22重磅来袭

火热气氛拉满!超级音雄·巨

  在全国收获无数好评、演出场场爆

11-19 121阅读
文化输出第一人!网红博主李子柒回归 时隔三年更新视频

文化输出第一人!网红博主李

11月12日消息,今

11-19 118阅读
金角大王与银角大王可动人偶开启预定:超逼真还原童年记忆

金角大王与银角大王可动人

近日haoyutoys官

11-19 111阅读
传索尼正在研究如何在PS5主机上原生运行PS3游戏

传索尼正在研究如何在PS5

据最新传闻,索尼目前正在致力于让PS3游

11-19 126阅读
遥远未来的末世乌托邦,2D动作解谜游戏《默途》移动版即将上线

遥远未来的末世乌托邦,2D动

《默途》是由梦匠工作室开发的一款2D

11-19 130阅读
空洞骑士地图探索顺序_空洞骑士速通地图探索顺序

空洞骑士地图探索顺序_空

《空洞骑士》是一款以探索为核心的2D动

11-19 106阅读
原子之心动物谜题答案_动物谜题解谜教程

原子之心动物谜题答案_动

原子之心游戏中玩家会碰到一个动物谜题

11-19 141阅读
原神漫长的重逢任务攻略|隐藏成就漫长的重逢任务解析

原神漫长的重逢任务攻略|

漫长的重逢是原神须弥地区的隐藏任务之

11-19 112阅读