谦逊:设计师的核心价值与Web技术演进

本文通过设计师的成长历程,探讨了谦逊在职业发展中的重要性,同时回顾了Web设计从表格布局到Web标准的演进过程,涉及HTML、CSS、前端开发和技术协作等实质性技术内容。

谦逊:一项基本价值

编者注:我们很高兴分享Justin Dauer《In Fulfillment: The Designer’s Journey》第三章的节选内容。

贾斯汀的荒谬之旅

当我刚离开艺术学院时,作为一个长发、留着山羊胡的新手,印刷设计是我熟悉的领域;而网页设计则充满了需要探索和发现的复杂性——这是一个待解决的问题。尽管我接受过平面设计、排版和布局的正规训练,但最吸引我的是如何将这些传统技能应用于新兴的数字领域。这个主题最终塑造了我的整个职业生涯。

因此,我没有像许多朋友那样毕业后从事印刷行业,而是在大四那年通宵阅读HTML和JavaScript书籍,自学编程。我想要——不,需要——更好地理解我的设计决策在浏览器中呈现时的底层含义。

90年代末和2000年代初是网页设计的所谓“狂野西部”时期。当时的设计师都在探索如何将设计和视觉传达应用于数字领域。规则是什么?我们如何打破这些规则,同时仍能吸引用户、传递信息?在更宏观的层面上,我的价值观(包括谦逊、尊重和连接)如何与之契合?我渴望找到答案。

虽然我谈论的是不同的时代,但这些是非职业互动和设计世界之间永恒的考量。你的核心热情或价值观是什么,能够超越媒介?这本质上与我们之前讨论的概念相同:无论是在实体还是数字领域,满足你的核心主题都是相同的。

首先是在表格、动画GIF、Flash中,然后是Web标准、div和CSS,有个性、原始无拘的创造力和独特的呈现方式,常常违背任何可见网格的相似性。启动画面和“浏览器要求”页面比比皆是。可用性和可访问性通常是这种创造的牺牲品,但任何数字设计的这些至关重要方面在很大程度上(并且,事后看来,不公平地)被忽视,以牺牲实验为代价。

例如,那个时代我的个人作品集网站“the pseudoroom”的迭代在视觉传达活速写本概念方面是实验性的,即使有点过于沉重。非常拟物化。我与设计师兼好友Marc Clancy(现为创意项目组织应用Milanote的联合创始人)合作,我们先草图,然后来回传递Photoshop文件,进行调试并尝试不同的用户交互。然后,我会将其分解并编码成数字布局。

图1:“the pseudoroom”网站,强烈体现速写本的隐喻。

除了设计作品集,该网站还提供Mac OS自定义免费下载:桌面壁纸(实际上是设计实验)、自定义设计的字体和桌面图标。

大约在同一时间,GUI Galaxy是一个设计、像素艺术和以Mac为中心的新闻门户,由我和一些平面设计师朋友构思、设计、开发和部署。

图2:GUI Galaxy,符合Web标准的设计新闻门户

设计新闻门户在这一时期非常流行,提供(现在被认为是)推特大小的、小格式的相关新闻片段,来自我之前提到的类别。如果你把推特策划到几个类别,并将其包装在自定义品牌的体验中,你就会得到90年代末/2000年代初的设计新闻门户。

我们作为设计师已经进化并创建了一个对带宽敏感、符合Web标准、获奖且更注重可访问性的网站。仍然充满实验性,但更注重公平参与。你可以在这里看到几个内容面板,注明一般新闻(技术、设计)和以Mac为中心的新闻。我们还提供了许多我之前提到的自定义下载,但以GUI Galaxy的品牌和主题呈现。

网站的核心是一个自建的CMS,呈现层包括全局设计+插图+新闻作者协作。而这里的协作努力,除了对“品牌”和内容交付的实验之外,触动了我的核心。我们正在设计比我们任何一个人都更大的东西,并与全球观众连接。

协作和连接在影响上超越媒介,极大地满足了我作为设计师。

像素问题

这一时期的网站通常是在Mac上设计和构建的,其操作系统和桌面看起来像这样。这是Mac OS 7.5,但8和9没有太大不同。

图3:以Mac OS 7.5为中心的桌面。

桌面图标吸引了我:任何一个图标在任意时刻如何突出以吸引我的注意力?在这个例子中,用户的桌面很整洁,但想象一个更现实的图标混乱的例子。或者,假设一个图标是一个更大系统分组(字体、扩展、控制面板)的一部分——它如何在一组中保持凝聚力?

这些是32 x 32像素的创作,使用256色调色板,像素级设计成迷你马赛克。对我来说,这是在如此荒谬的约束下数字视觉传达的体现。而且,荒谬的限制往往可以产生概念和主题的净化。

所以我开始研究和做功课。我是这种新媒介的学生,渴望剖析、处理、发现并使其成为我自己的。

在探索的概念上扩展,我想看看如何用256色调色板推动32×32像素网格的极限。那些荒谬的约束迫使概念和呈现的清晰,我发现这非常吸引人。数字挑战已经被抛出,这个挑战激励了我。于是,在我的宿舍里直到凌晨,我辛勤工作,将概念草图变成迷你马赛克的成果。

这些是我的一些创作,使用当时唯一可用的工具ResEdit创建图标。ResEdit是一个笨重的、内置的Mac OS实用程序,并不是真正为我们使用它的目的而设计的。所有这些工作的核心是:研究、挑战、解决问题。再次强调,这些基于连接的核心价值观是无关媒介的。

图4:我的像素艺术设计选择,32×32像素画布,8位调色板

还有一个设计门户我想谈谈,这也是我讲这个故事的第二原因。

这是K10k,Kaliber 1000的缩写。K10k由Michael Schmidt和Toke Nygaard于1998年创立,是这一时期网络上的设计新闻门户。凭借其像素艺术驱动的呈现、对每个方面和细节的极度关注,以及许多当时更有影响力的设计师被邀请成为网站的新闻作者,嗯……这是必去之地,朋友。尊重应得尊重的,GUI Galaxy的概念受到这些人所做工作的启发。

图5:K10k网站

就我而言,我的网页设计和像素艺术探索的结合开始使我在设计界获得一些名声。最终,K10k注意到并添加我为他们的非常精选的新闻作者之一,为网站贡献内容。

在我的个人工作和副项目之中——以及现在的加入——在设计社区中,这使我崭露头角。我的设计工作也开始在各种印刷收藏中发表,在国内和海外的杂志上,并在其他设计新闻门户上特色报道。在二十出头就取得这种程度的成功时,另一件事发生了:

我进化了——实际上是退化了——成了一个巨大的混蛋(而且就在离开艺术学院大约一年后)。媒体和赞扬成了满足我的东西,它们直接冲昏了我的头脑。它们膨胀了我的自我。我实际上觉得比我 fellow designers 优越。

代价是什么?我的设计停滞了。它的进化——我的进化——停滞了。

我对自己的能力如此极度自信,以至于我 effectively 停止了研究和发现。当之前草图概念或迭代想法是我的自动第一步时,我反而直接跳进Photoshop。我从最小的来源汲取灵感(并且戴着遮眼罩)。任何来自同行的对我的工作的批评常常被激烈驳回。最悲惨的损失:我失去了与我的价值观的联系。

我的自我几乎让我失去一些友谊和萌芽的职业关系。我在谈论设计和协作时是有毒的。但幸运的是,那些同样的朋友给了我一份无价的礼物:坦率。他们指出了我不健康的行为。

诚然,这是一份我最初没有接受的礼物,但最终能够深刻反思。我很快能够接受、处理和纠正方向。这个认识让我低落,但重新觉醒是必要的。我放弃了赞美的“奖励”,并重新集中到在艺术学院点燃我火焰的东西上。最重要的是:我回到了我的核心价值观。

永远的学生

在那次短期退步之后,我能够在个人设计和职业中向前推进。并且随着年龄增长,我能够自我反思,以促进进一步成长和必要时纠正方向。

例如,让我们谈谈大型强子对撞机(LHC)。LHC被设计用于“帮助回答物理学中一些基本的开放问题,这些问题涉及基本对象之间相互作用和力的基本定律、时空的深层结构,特别是量子力学和广义相对论之间的相互关系。”谢谢,维基百科。

大约十五年前,在我早期的一个职业角色中,我设计了生成LHC粒子碰撞图的应用界面。这些图是对撞机内任何给定粒子碰撞事件中实际发生情况的渲染,通常本身被视为艺术品。

设计这个应用的界面对我来说是一个迷人的过程,因为我和费米实验室的物理学家合作,理解应用试图实现什么,以及物理学家自己将如何使用它。为此,在这个角色中,

我在可用性测试上初试牛刀,与费米实验室团队合作迭代和改进界面。他们说话的方式和内容对我来说像外星语言。通过让自己谦逊,并以我只是一个学生的心态工作,我让自己能够成为他们世界的一部分,以产生至关重要的连接。

我也有了我的第一次人种学观察体验:去费米实验室地点,观察物理学家在他们实际环境、实际终端上如何使用工具。例如,一个收获是,由于设施内环境光驱动的对比度水平,数据列最终使用深灰色背景上的白色文本,而不是白底黑字。这使他们能够在白天仔细阅读大量数据,并缓解眼疲劳。而且费米实验室和CERN是政府实体,有严格的可访问性标准,所以我在那个领域的知识也增长了。无障碍设计是另一种重要的连接形式。

所以,对我视觉问题解决灵魂和最终满足的核心驱动力:发现、接触新媒介、观察、人类连接和进化。为这些价值观打开大门的是我在走进之前检查我的自我。

永远愿意倾听、学习、理解、成长、进化和连接,产生我们最好的工作。特别是,我想聚焦于声明中的“成长”和“进化”这两个词。如果我们始终是我们手艺的学生,我们也在不断使自己可用于进化。是的,我们有多年的适用设计研究 under our belt。或者UX训练营的集中实验室课程。或者我们工作的 monogrammed 作品集。或者,最终,几十年职业生涯 behind us。

但尽管如此:经验不等于“专家”。

一旦我们通过内心独白“知道一切”或在社交媒体上标榜自己为“#思想领袖”而封闭思想,我们作为设计师的形态就是最终形态。我们可能成为的设计师将永远不会存在。

comments powered by Disqus
使用 Hugo 构建
主题 StackJimmy 设计