概念画板的设计:10年的开发回顾

概念画板是一款无限、灵活的创作工具,为您的绝妙创意而生。当前可用于iOS、Windows和安卓版本操作系统。

一个关于概念画板iOS、Windows和安卓版本的故事。


从第一次发布概念画板(一款拥有无限大画布的设计软件)到现在已经有10年了。

一切都要从我们TopHatch创始人Ben Merrill想象中的一个“预言”说起:无限大的画布比纸张更能容纳您的创意;涂鸦能滚雪球似的随着您的思维越涂越大,并成为一个超级赞的作品;可任意调整所画内容,让凌乱的草图在无需重新开始的前提下变得井井有条。

作为一名系统设计师和机器人工程师,Ben希望设计一款创意十足,且不繁琐的工具。他为最早的iPad制作了他的理想工具的第一个原型,通过初步概念图赢得了设计比赛。10年后,他和移动游戏开发商David Brittain,也就是我们的联合创始人,一起开发了概念画板。让这款软件成为了大家智能、交互的设计伙伴。如今的概念画板已经成为一款支持多平台的无限大画布创作工具,被全球的设计师、插画师和视觉思考者广泛使用,用它绘制出无数灵活的、矢量的草图和设计图。

我们想给大家分享一些概念画板从2012年开始的趣闻,以及它在这短暂十年间的发展历程。

概念画板1

在那个台式电脑主导设计的时代, CAD和Adobe功能强大,但是学习和使用起来相对繁重。Ben当时在寻找一款能够实现他想法的容易操作的“设计写生簿”。

苹果发布的移动触摸平板电脑给Ben带来了直观的创意火花,让他可以将手重新连接到纸张(或屏幕上),跳过鼠标,直接开始创作之旅。Ben特意为概念画板iPad版本设计了界面,将手势与画图行为连接起来。灵感来自身体力学,以及具有灵活结构的实物,比如橡皮筋。

Ben联系了矢量数学和游戏开发专家David,开发了一款以手势为中心,基于矢量的交互式绘图系统。通过矢量进行绘制时,哪怕进行了缩放和编辑,仍能保留画作内容的清晰度。不管是草图构思、大框架的研究、细节的深入探索,还是与其他应用程序和设计人员分享各种的作品,用户始终都可以清晰地关注其创作周期的当前部分。
1.5版本引进了辅助线,我们可以在iPad上用手指精准绘制各种形状。活动压感笔当时不可用。

在讨论的过程中,Ben和David深信设计类软件值得投资。与此同时,他们建立了强大的合作伙伴关系,开始组成一个国际型团队,并一起开发概念画板这款智能设计软件。

概念画板2
Copic色轮成为了一条有趣的旋转彩色动画,让调色板看起来更加高级。

Copic色轮吸引了Ben的目光。因为它是一个美丽的色光谱,对于专业绘制数字画作的创作者们来说非常适合。Too Corporation授权TopHatch使用他们的色轮,Ben设计的既可旋转又富有趣味性的色轮一直以来都是概念画板的一个亮点。我们在微博等社交平台上也可以看到广大用户对它的喜爱和肯定。我们非常荣幸能够将Copic色轮分享给大家。

这一整页的马克笔涂鸦旨在展示数字马克笔的真实性和凌乱性。
除色轮以外,我们团队还开发了一款补充的数字Copic记号笔,这是概念画板内第一款采用真实纹理的矢量笔刷。纹理对于设计来说至关重要。设计类App中的矢量部分向来都由一组严格的线数据来表达,特点是:数字化、难以接近、不被喜爱。Ben希望大家在概念画板中能收获与传统物理绘图一般给人带来的喜悦感。所以他将矢量与现实的光栅纹理结合,制作了一组与众不同的绘图工具。这些工具的外观、触感以及使用的感受都相当自然。
为了给他的移动设计App更多的写生感,Ben将画廊设计为这样的叠纸式。该App在2013年获得了Tabby Awards和Apple Best奖。

概念画板3

2015年11月,Apple发布了首款iPad Pro和Apple Pencil。这对于我们这些打造专业生产力工具的人来说,简直是一块巨大的垫脚石。

概念画板3推动了与iPad配合使用的可能性,并且拓展了手势驱动矢量的功能。像素无法改变,但是矢量可以。让用户在绘图时通过交互式界面让创作自由起来。使用笔画调整工具(也就是现在的选取工具),用户可以使用手指选中线条、移动线条、更换工具/颜色/笔宽/平滑度。甚至个把月后仍可对它们进行编辑,以适应项目的变化性和创意的进展性。

4种绘制立方体的办法:这篇视频由Ben制作,演示了在概念画板中绘制物体的多种方法。条条大路通罗马,选择一条适合你的方法吧。

这种可编辑性减轻了大家对创作的担忧。我们团队收到了很多用户的满意反馈,他们分享了如何在无需担心出错的前提下最终完成画图。Ben在4种绘制立方体视频中展示了如何有趣的绘制出自己的创意。选择哪种方法都无关紧要,徒手画、线条辅助线、编辑或平滑度,都能帮你将自己的构思呈现在画布上。

版本3还首次发布了我们的无限大画布,这是概念画板的商标之一,也是Ben的比纸张更智能的绘图工具中的必备功能。“纸短情长”可不适用画图的呦。如果总被要求重建空白画布,又怎能做到无限的创作思路不被有限的纸长所影响?无限的观念开辟了一个全新的创作维度。

这张被Apple精选的图片向我们分享了如何专注于细节,比如设计测量值,在iPad上制作大比例设计项目。

概念画板4

概念画板4侧重于提升设计体验,它更高效、功能更多,功能之间更联动。我们开发了类似贴纸的可编辑素材,让工作事半功倍。还开发了可用于编辑的基于手势的高级转换功能(在此之前仅桌面软件可使用)。并添加了多种文件导出选项,使设计师能够将自己在可移动设备上创建的草图导出后用于Autodesk和Adobe等设计软件中。

4.2版本,全新的素材库,让我们可以将预制好的素材拖到画布上使用,加快设计步伐。概念画板于2016年第二次喜获Apple Best奖。

您可以在此观看素材库视频教程。

我们还倾全力开发了完全可编辑的工艺型笔刷和工具,帮助建筑师和插画师更有效的绘制专业水准的作品。与记号笔一样,我们收集了传统艺术工具的样本,并创建了纹理丰富的工具,比如软铅笔和硬铅笔。以及可混色的水彩笔刷,这些工具之前从未与矢量交融过。
4.5版本,一款自然的矢量水彩笔刷,在相同图层混色,在不同图层叠色。建筑设计中尝尝会用到水彩笔,可以帮助建筑师们在软件中绘制,并向客户展示项目。

随着这些内容的开发,我们当时应对了一些关键因素。第一个就是收集日常高频率使用软件的用户们的宝贵反馈,了解他们所需。这是我们整个团队交流中最重视的部分,能够帮助我们深入了解用户和市场。这对软件的发展起着举足轻重的作用。非常感谢大家分享的深刻见解。

第二,我们格外想要推动Apple的最新技术。作为开发人员,我们奋力紧跟最新技术,让我们的设计软件能够达到最前沿的技术,做其他软件做不了的事(在这是我们的独特之处),从而与最新的应用程序和科技进行流畅的融合。

4.6版本:使用新的铅笔。我们再次加强了在数字设备上的自然绘图体验。

您可以在此观看4.6版本发布视频

概念画板5

5版本是我们精心准备的一个更新,将工具栏改版为圆形可旋转的菜单,工作流程也做了更大的改善。这次更新一方面是基于大家的反馈,另一方面是Ben渴望将软件带入现代化美学时代 —— 设计的未来应该就是这样的。

工具转轮 – 初稿到成品。

半数的用户都会爱上我们的圆形工具转轮。另一半用户则更喜欢老版竖着显示的工具栏,因为大家已经建立了肌肉记忆和双手画图习惯。我们后来将工具栏召回了,给大家拥有选择的权利。

我们所有的更新都遵循这个模式,我们也认为这就是最好的模式。我们渴望倾听用户的声音,了解大家的度量标准,从而掌握如何解决大家创作时遇到的问题,最后开发出大家需要的工具。然后,我们会和优秀的测试用户们一起测试功能,以便新版本能够做到尽可能的稳定,让大家拥有尽可能友好的用户体验,最终发布正式版本。

5.0版本:全新的圆形工具转轮。这就是我们之前使用的版本。

您可以在此观看5版本功能简介视频

在概念画板5中,我们一如既往地支持用户独立自定义自己的创作空间。除了可移动菜单外,我们还添加了笔刷市场,市场内陈列了各式纹理感丰富的工具,让绘图效果更上一层楼。我们还开发了一个通用的自定义笔刷编辑器,让大家可以制作并分享自制的笔刷(例如,室内设计师Jessika Wendel制作的室内设计瓷砖笔刷套装)。

5.1版本:软件内可用于画作的新纹理。概念画板是一个构思和设计软件,草图可以通过在设计过程中进一步升华,让演示环节更加专业,进而将自己的想法展现给客户。在这样一个拥有各式各样纹理笔刷的软件内画图,真的超级有趣。

您可以在此观看5.1版本发布视频

开发团队还实现了Ben的梦中情具!从版本1开始,Ben就一直期待着这个工具能够早日面世。它就是我们的微移工具。允许我们推、拉线条,就像摆弄一条绳子一样,非常有趣。是一个非常自然的矢量编辑工具。非常灵活,适用手绘作品。

微移操作逻辑的创意草图。已经深深种在Ben的脑海里多年了——一种理想的、有机的可互动型工具,让我们可以像拨动绳子一样调整线条。
5.2版本:正在微移填充笔画。微移对概念画板来说是一个特殊的工具。

请观看这条视频了解如何使用微移。

继微移之后,我们还开发了一系列非常实用的工具—— 支持分享作品给观众的演示模式;既是毁灭性擦除又具有矢量切除功能的切割工具;网格编辑器和可以改善画图体验的吸附功能;透视网格帮助用户们更轻松、自信地绘制设计草图。

如果您投资了数字设计领域,肯定能看出来这些发展都在意料之中。事实是,数字设计领域的发展离不开扎实的设计、建造和测试。不投入大量想法和时间进去,就无法实现。这个世界上每一次新技术的崛起,无论是我们自己的还是其他团队的,都值得我们庆贺和虚心学习。

Windows & 安卓版本概念画板

随着概念画板5带给我们的动力,我们收到了大量反馈,要求我们开发Windows和安卓版本。我们认真研究了当前的硬件条件和平台支持,自己出资为Windows 10、Chrome OS和安卓版本开发了1.0版本。

我们在2018年年底发布了这些版本。非常感谢广大用户的持续支持,短短三年,我们就在这些平台上实现了iOS版本3/4的功能。大家可以在此处查看我们未来的功能路线图,还有iOS版本Windows版本安卓的版本路线图

安卓和Chrome OS版本概念画板的发布:第一版核心绘图套装。我们的发展离不开大家的密切支持。谢谢大家的投票,我们因此获得了2019年三星最佳创作应用,和2021谷歌最佳应用。

概念画板安卓和Windows版本不是简单的“移植”项目。和Apple一样,Windows和安卓都有各自的智能生态系统,我们一直都想要专门为这些平台和用户研究和设计软件。就像我们为Apple系统设计的概念画板的一样,我们听取了大家的反馈,也为Windows和安卓版本分别添加了工作流,尽力让大家获得更好的使用体验。

概念画板Windows10版本发布,向大家展示了与Surface Dial独特的交互。

概念画板6和展望未来

随着iOS概念画板6版本的发布,以及本月即将发布的Windows和安卓版本的补充更新,我们祝概念画板10周年快乐!您可能已经看过我们的更新预告,我们很高兴能够向大家介绍我们的关键工作流程更新,一些有趣的惊喜和全新的logo。

我们很高兴未来能将三个平台整合为一个跨平台画图系统,该系统可以让您的创意、项目和工作流程等在同一个页面上。我们未来的6.x版本(也可以称为6.0 plus)会添加更多功能,包括大家呼声最大的功能添加要求、优化和工作流程改进。我们希望未来的10年将与过去10年一样充满智能设计解决方案,能照亮大家的设计之路。我们深信,您的每张设计图都能改变这个世界。

与此同时,Ben继续发挥着他对未来的预判能力,带领大家将概念画板设计的更智能更友好。他每天都在使用概念画板,主要用来绘制项目勾勒图,和他的业余爱好机器人系统。他说:“我脑海中想象的软件大概会在5年后实现。我真的希望自己能够拥有Tony Stark的超能力,可以分秒间开发出自己想要的功能。慢工出细活,我们一直在努力着。”

尊贵的用户们,非常感谢您在这十年里给予我们的所有支持。谢谢大家多年来的宝贵反馈,持续激励着我们努力开发出更多功能,让这款无限创作软件更加优秀!

祝您的创作项目一切顺利!

Ben、David和概念画板团队

文中所附照片、视频、画作以及文章内容版权归TopHatch的概念画板团队所有。感谢大家分享我们的故事。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,948评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,371评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,490评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,521评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,627评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,842评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,997评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,741评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,203评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,534评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,673评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,339评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,955评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,770评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,000评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,394评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,562评论 2 349

推荐阅读更多精彩内容