网页设计中的谦逊价值与技术演进

本文通过设计师的成长历程,回顾了网页设计从"狂野西部"时代到现代的技术演进,涵盖HTML、CSS、Web标准、像素艺术设计、用户体验测试等内容,探讨了技术在创意表达与用户体验平衡中的重要作用。

谦逊:一项基本价值

设计记忆之旅

当我刚从艺术学院毕业时,作为一个长发、留着山羊胡的新手,印刷设计对我来说是熟悉的领域;而网页设计则充满了需要探索和发现的复杂性,是一个待解决的问题。尽管我接受过平面设计、排版和布局的正式培训,但最让我着迷的是如何将这些传统技能应用于新兴的数字领域。

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

网页设计的"狂野西部"时代

1990年代末和2000年代初是网页设计的所谓"狂野西部"时期。当时的设计师都在探索如何将设计和视觉传达应用于数字领域。规则是什么?我们如何打破规则同时仍能吸引用户、娱乐观众并传达信息?

最初是在表格、动画GIF、Flash中,然后是Web标准、div和CSS,存在着个性、原始无拘的创造力和独特的呈现方式,常常违背任何可见网格的相似性。启动画面和"浏览器要求"页面比比皆是。可用性和可访问性通常是这种创作的牺牲品,但这些数字设计的至关重要的方面在很大程度上被忽视了,以换取实验的机会。

技术实践与创新

个人作品集网站

那个时代我的个人作品集网站"the pseudoroom"在视觉传达活素描本概念方面进行了实验,即使有些过于直白。非常拟物化。我与设计师兼好友Marc Clancy合作,我们先素描,然后在Photoshop文件中来回传递,尝试不同的用户交互效果。然后,我会将其分解并编码成数字布局。

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

GUI Galaxy设计门户

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

我们作为设计师已经进化,创建了一个对带宽敏感、符合网页标准、获奖且更加注重可访问性的网站。仍然充满实验性,但更加注重公平参与。

网站的骨干是一个自建的CMS,表示层包括全局设计+插图+新闻作者协作。这里的协作努力,除了在"品牌"和内容交付方面的实验外,还触及了我的核心。我们正在设计比任何单一个人都更宏大的东西,并与全球观众建立联系。

像素艺术与技术创新

Mac OS与像素约束

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

桌面图标让我着迷:在任何给定时刻,任何一个图标如何脱颖而出吸引我的注意力?这些是32×32像素的创作,使用256色调色板,像微型马赛克一样逐像素设计。对我来说,这是在如此荒谬的约束下数字视觉传达的体现。

技术工具与创作过程

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

扩展探索的概念,我想看看如何在使用256色调色板的情况下突破32×32像素网格的限制。那些荒谬的约束迫使概念和呈现变得清晰,我觉得这非常有吸引力。

在我的宿舍里,直到深夜,我辛勤工作,将概念草图变成微型马赛克的成果。这些是我的一些创作,使用了当时唯一可用的创建图标的工具ResEdit。ResEdit是一个笨重的、内置的Mac OS实用程序,并不是真正为我们使用它的目的而设计的。

专业成长与技术演进

大型强子对撞机项目

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

设计这个应用程序的界面对我来说是一个迷人的过程,我与费米实验室的物理学家合作,了解应用程序试图实现的目标,以及物理学家自己将如何使用它。为此,在这个角色中,我在可用性测试方面积累了经验,与费米实验室团队合作迭代和改进界面。

我还有了我的第一次人种学观察体验:去费米实验室地点,观察物理学家在他们实际环境中的实际终端上如何使用该工具。例如,一个收获是由于设施内环境光驱动的对比度水平,数据列最终在深灰色背景上使用白色文本,而不是白底黑字。这使他们在白天能够仔细阅读大量数据并缓解眼疲劳。

技术反思与专业发展

当我们通过内心独白"全知道"或在社交媒体上自封为"#思想领袖"而封闭思想时,我们现在的设计师就是我们的最终形态。我们可能成为的设计师将永远不会存在。

始终保持倾听、学习、理解、成长、进化和联系的意愿会产生我们最好的作品。特别是,我想聚焦于该陈述中的"成长"和"进化"这两个词。如果我们始终是自己手艺的学生,我们也在持续使自己能够进化。

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