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

本文通过设计师Justin Dauer的职业历程,深入探讨网页设计从"蛮荒时代"到现代标准的演变过程,涵盖HTML/JavaScript自学、表格布局到Web标准的转型、像素艺术创作、CMS系统构建等关键技术实践,同时反思谦逊价值观对技术成长的重要性。

谦逊:不可或缺的价值

作者:Justin Dauer,2023年6月22日发布,归类于设计

编者注:我们很高兴分享Justin Dauer著作《实现:设计师之旅》第3章的节选内容。

谦逊,设计师不可或缺的价值——听起来很悦耳。那么谦逊作为办公室经理、牙医或图书管理员的核心价值呢?这些同样令人称道。当谦逊成为我们的指引明灯时,实现、进化、连接和参与的道路将始终畅通。本章将探讨其中缘由。

贾斯汀的荒谬发型故事

从艺术学院毕业时,我是个长发山羊胡的新手。印刷设计对我而言是已知领域,但网页设计却充满待探索的复杂性,是需要解决的难题。尽管受过平面设计、排版和布局的正规训练,但最吸引我的是如何将这些传统技能应用于新兴的数字领域。这个主题最终塑造了我的整个职业生涯。

与选择印刷行业的同学不同,我在大四期间彻夜研读HTML和JavaScript书籍,自学编程。我渴望——不,是需要——更深入理解设计决策在浏览器中渲染时的底层影响。

90年代末至21世纪初是网页设计的"蛮荒西部"时期。当时的设计师都在探索如何将设计和视觉传达应用于数字领域。规则是什么?我们如何打破规则同时保持信息传递的吸引力?更宏观层面,我的价值观(包括谦逊、尊重和连接)如何与之契合?我渴望找到答案。

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

从表格布局、动态GIF、Flash,到Web标准、div和CSS,这个时代充满个性、无拘无束的创意和独特的呈现方式,常常打破可见网格的束缚。启动页面和"浏览器要求"页面层出不穷。可用性和可访问性通常是这种创作模式的牺牲品,但这些数字设计的关键要素在当时大多(回首看来不公平地)为实验性探索而被忽视。

例如,我当时个人作品集网站"the pseudoroom"的版本,在视觉传达活页素描本概念方面极具实验性(即使有些过度)。我与设计师好友Marc Clancy合作,先素描然后来回传递Photoshop文件进行创意实验和用户交互探索,最后由我分解并编码成数字布局。

图1: “the pseudoroom"网站,强烈体现素描本隐喻

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

同期推出的GUI Galaxy是我与平面设计师朋友构想、设计、开发和部署的以设计、像素艺术和Mac为中心的新闻门户。

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

设计新闻门户在此时期极受欢迎,呈现(按现在标准相当于推文大小的)相关新闻摘要。如果将Twitter按几个类别策展并包装成定制品牌体验,就是90年代末/21世纪初的设计新闻门户。

我们作为设计师已经进化,创建了带宽敏感、符合Web标准且更注重可访问性的获奖网站。虽然仍充满实验性,但更关注公平参与。这里可以看到几个内容面板,显示常规新闻(科技、设计)和Mac新闻。我们还提供之前提到的定制下载内容,但以GUI Galaxy品牌重新设计。

网站核心是自主开发的CMS,呈现层包含全球设计+插画+新闻作者协作。这种协作努力,加上对"品牌"和内容传递的实验,直击我的核心。我们正在设计超越个人的更大事物,并与全球观众建立连接。

像素难题

此时期的网站通常在Mac电脑上设计构建,其操作系统桌面类似这样。这是Mac OS 7.5,但8和9版本差异不大。

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

桌面图标令我着迷:单个图标如何在任何时候突出吸引注意力?在这个整洁桌面示例中,想象更现实的图标混乱场景。或者图标属于更大系统分组(字体、扩展、控制面板)时,如何保持组内协调性?

这些是32x32像素创作,使用256色调色板,像微型马赛克般逐像素设计。对我而言,这是在荒谬限制下数字视觉传达的体现。而荒谬的限制往往能带来概念和主题的纯化。

于是我开始研究学习。作为新媒体学生,我渴望剖析、处理、发现并将其转化为自己的知识。

基于探索概念,我想了解如何在32x32像素网格和256色调色板限制下突破极限。这些荒谬约束迫使概念和呈现清晰化,让我深感吸引。数字挑战已抛出,这个挑战激励着我。于是在宿舍熬夜奋斗,将概念草图转化为微型马赛克成果。

这些是我的部分创作,使用当时唯一可用的图标制作工具ResEdit。ResEdit是笨重的Mac OS内置工具,并非专为我们这种用途设计。所有这些工作的核心是:研究、挑战、问题解决。再次强调,这些基于连接的核心价值观是跨媒介的。

图4: 我的像素艺术作品选辑,32x32像素画布,8位调色板

永恒的学生

经过短期倒退后,我在个人设计和职业生涯中得以继续前进。随着年龄增长,我能够自我反思以促进进一步成长和必要调整。

以大型强子对撞机为例。LHC旨在"帮助回答物理学中一些基本未解问题,涉及基本物体间相互作用和力的基本规律,时空深层结构,特别是量子力学与广义相对论的相互关系”。感谢维基百科。

约十五年前,在我早期职业生涯中,设计了生成LHC粒子碰撞图表的应用程序界面。这些图表呈现对撞机内粒子碰撞事件的实际情况,常被视为艺术创作。

为此应用程序设计界面是迷人过程,我与费米实验室物理学家合作理解应用程序目标及其使用方式。在此角色中,我通过可用性测试积累经验,与费米实验室团队合作迭代改进界面。他们的言谈内容对我如同外星语言。通过保持谦逊和学生心态,我得以融入他们的世界建立重要连接。

我还首次经历人种学观察:前往费米实验室实地观察物理学家在真实环境中使用工具的情况。例如,由于设施内环境光线对比度,数据列最终使用深灰背景白文字而非白底黑字。这使他们白天浏览大量数据时减轻眼疲劳。费米实验室和CERN作为政府实体具有严格可访问性标准,我在该领域知识也得以增长。无障碍设计是另一种重要连接形式。

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

持续保持倾听、学习、理解、成长、进化和连接的意愿,能产生我们最好的作品。我特别想强调"成长"和"进化"这两个词。如果我们永远是手艺的学生,也就持续为进化做好准备。是的,我们拥有多年适用设计研究经验,或UX训练营的重点实验课程,或铭刻作品的组合,或最终数十年的职业生涯。

但即便如此:经验不等于"专家"。

一旦我们通过内心独白自认"无所不知"或在社交媒体自封"#思想领袖"而封闭思想,当下的设计师就是我们最终形态。我们可能成为的设计师将永不存

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