谦逊:设计师不可或缺的核心价值与网页设计技术演进

本文探讨谦逊作为设计师核心价值的重要性,同时详细回顾了90年代末至2000年代初网页设计技术发展历程,包括HTML、CSS、Web标准、像素艺术和早期CMS系统的实践应用与设计理念演变。

谦逊:一项不可或缺的价值

设计师的基本价值

谦逊,作为设计师的基本价值——这听起来很悦耳。那么谦逊作为办公室经理、牙医或图书管理员的基本价值呢?这些听起来都很棒。当谦逊成为我们的指引之光时,通往实现、进化、联系和参与的道路总是敞开的。在本章中,我们将探讨原因。

贾斯汀荒谬头脑的故事

当我从艺术学院毕业时,作为一个长发、留着山羊胡的新手,印刷对我来说是一个已知的领域;然而,网页设计充满了需要导航和发现的复杂性,是一个需要解决的问题。尽管我接受过平面设计、排版和布局的正式培训,但让我着迷的是这些传统技能如何应用于初生的数字领域。这个主题最终塑造了我的整个职业生涯。

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

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

虽然我谈论的是不同的时代,但这些是非职业互动和设计世界之间永恒的考虑因素。你的核心激情或价值观是什么,它们超越了媒介?这本质上与我们之前讨论的概念相同,即在不考虑有形或数字领域的情况下,什么能让你感到满足;核心主题都是一样的。

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

例如,那个时代我的个人作品集网站(“the pseudoroom”)的这个版本在视觉传达活速写本概念方面是实验性的,即使有点过于沉重。非常拟物化。我与设计师兼亲爱的朋友马克·克兰西(现为创意项目组织应用Milanote的联合创始人)合作了这个项目,我们首先素描,然后来回传递Photoshop文件,以修饰并尝试不同的用户交互。然后,我会将其分解并编码成数字布局。

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

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

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

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

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

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

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

协作和联系在影响上超越了媒介,极大地满足了我作为设计师的需求。

现在,我为什么要带你回顾这段设计记忆之旅?有两个原因。

首先,对那个设计时代(我称之为“狂野西部”时代)的怀旧是有原因的:固有的探索、个性和创造力充斥了许多设计门户和个人作品集网站。极其精细的像素艺术UI、自定义插图、定制矢量图形,所有这些都由强大的设计社区支撑。

今天的网页设计一直处于停滞期。我怀疑你很可能会看到一个结构如下的网站:一个英雄图像/横幅,上面覆盖着文字,可能有一个可爱的旋转图片轮播(这里讽刺得很重),一个行动号召,以及正下方的三列子内容。也许使用了一个图标库,其选择与各自的内容 vaguely 相关。

设计,当应用于数字领域时,迫切需要深思熟虑的布局、排版和视觉参与,这些与我们如今知道至关重要的所有现代考虑因素齐头并进:可用性。可访问性。加载时间和带宽敏感的内容交付。响应式呈现,无论人类从何处参与。我们必须注意并尊重这些 concerns——但不能以牺牲视觉传达的创造力或复制千篇一律的布局为代价。

像素问题

这一时期的网站通常是在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注意到并将我添加为他们非常精选的新闻作者小组之一,为网站贡献内容。

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

我进化了——实际上是退化了——成了一个巨大的混蛋(而且就在艺术学院毕业大约一年后)。新闻和赞美成为了让我满足的东西,它们直接冲昏了我的头脑。它们膨胀了我的自我。我实际上觉得我比其他设计师 somewhat 优越。

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

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

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

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

永远是学生

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

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

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

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

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

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

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

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

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

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

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