社区亮点:Lynn Fisher

Lynn Fisher 是一位美国艺术家,以众多创意项目和每年更新作品集而闻名。

此帖子来自 Designcember。这是一场 Web 设计的盛典,由 web.dev 为你奉上。

林恩·费舍尔 (Lynn Fisher)

Lynn Fisher 是一位美国艺术家,以在网上创作的作品而闻名。从亚利桑那州的艺术学校毕业后,她开始担任软件咨询领域的设计师和 CSS 开发者。她的职业生涯中一直致力于进行跨学科的努力,尝试将网络作为创意媒介,以及创建趣味十足的小众网络项目。她目前与 Netlify 的创意人员合作。我和她谈到了很多有趣的项目。

Rachel:您是如何从事网页设计和开发的?

Lynn:我高中时,我的一个朋友向我介绍了 GeoCities。我记得这样“我的眼睛终于睁开”了我才意识到我可以制作网站我的第一个网站是菲尼克斯当地一家乐队的粉丝,我对它非常着迷。在接下来的几年里,我通过 LiveJournal to MySpace 管道学习了 HTML 和 CSS,并为当地的乐队和音乐人制作了大量的网站。我学到的知识刚好足以成为第一份工作的“HTML 制作助理”大学毕业后就职于网络代理机构

之后,我在工作中学到了很多,并通过设计和开发者社区分享知识和资源。我在学校学习美术,这确实帮助我对自己的创作风格树立了信心,并让我开始进行评判,但这并不是正式的设计培训。久而久之,我通过与业内同事和同事的练习和学习获得了进步。

Rachel:您是如何开始制作单个 div CSS 图片的?

Lynn:在 2013 年 CSSConf 大会上,我看到 Lea Verou 发表了有关《Humble Border-radius》的演讲,这也是一个令人大开眼界的时刻。我在使用的 CSS 属性充满了艺术潜力,我很高兴能去探索和尝试。于是,我回家制作了 WhyAZ,并使用 CSS 绘制了所有插图。当时,每张插图都由两个 HTML 元素组成(其后面有很多浮动的图标系统标记)。结果大致如下:

<div class="icon">
  <span class="clock"></span>
</div>

然后,我想看看仅使用一个 HTML 元素制作插图有多复杂。事实证明,这是个非常有趣且超约束的挑战,我在这里或者那里花几个小时都可以完成。于是,我购买了一个域名,并开始将其添加到网站中,现在已经快八年了!尝试拉伸媒介和同时努力提高我的插图技能仍是非常有趣的。

Rachel:你有这么多很酷的项目!你是否时刻都有想要打造的东西?

Lynn:谢谢!我积压着一些粗略的想法,这些想法可能会制作出有趣的项目:我感兴趣的事物、我开始注意到的模式、我痴迷的影视节目。有时,一个想法需要很长时间才能转化为一个清晰的项目。我看到过“真实电影中的虚假电影”在 Nestflix 虚构在线媒体服务开发为可执行项目之前,我积压的进度已久。我不会制定时间表,但一旦开始寻找新的工作,我通常会有一个想法。

Rachel:你的年度更新已成为一种活动。你是觉得现在有压力,还是觉得锻炼仍然很有趣?

<ph type="x-smartling-placeholder">
</ph> 该投资组合存档在 lynnandtonic.com 上。
您可以查看所有设计的归档

Lynn:这仍然很有趣,我非常期待这个项目。我知道这个项目可以让我发挥自己的奇思妙想。尝试、尝试新事物以及学习当年获得关注的新技术始终都是一个大好机会。它每年都会更换,所以它确实帮助我增强了应对变化的能力。这迫使我继续前进,即使我对其中任何一个版本特别感兴趣。

不过我确实有压力!您很容易会觉得,与之前的版本相比,每个版本都需要更具创造性,更具创新性。这可能会让人感到有压力!不过,这确实促使我雄心勃勃,我非常感激。虽然我有时间和精力,但也很乐意努力提高标准。

Rachel:您最近开始在 Netlify 工作,您对从客户工作到开发产品这一转变有何看法?

Lynn:我在 Netlify 的营销设计团队工作,在很多方面,我们的工作都非常类似于代理机构负责产品团队的工作。最大的区别在于,您可以更全面地了解全局。有时,当您被聘请作为外部代理机构参与项目时,您的视角可能会局限于这些特定目标和时间表。不过,这并不是件坏事。专注力是非常宝贵的!进入产品公司后,你可以了解企业的不同部门如何协同工作、如何确定相互竞争的目标的优先顺序,以及各个项目在实现长期收入和增长目标方面如何有效做出贡献(或不能有效贡献)。

我想我的经历也许更像是从外部代理机构转到内部团队。我确实很喜欢客户工作的多样性,不过,深入了解 Netlify 这个平台和 Jamstack 生态系统也让我也感到非常有趣。

Rachel:您希望向 CSS 中添加哪些特性或功能?

Lynn:我一直想做的很多事情都能够得到积极的处理,这真是太棒了。容器查询和 :has() 伪类位于列表顶部。

插值时间轴似乎非常有用。Scott Kellum 最近向我介绍了他们如何能够帮助解决我在自适应实验中遇到的一些问题,真是太棒了。

我经常需要 JS,在未明确设置元素时向我提供元素的高度,因此如果 CSS 可以自行这样做,可能很酷。我确信这很复杂!

Rachel:目前还有哪些人在网上做非常有趣、好玩或有创意的工作?

Lynn:很多人在工作时非常有趣!我最近喜欢的一些:

您可以访问 lynnandtonic.com 浏览她的作品集网站,或在 Twitter 上关注她,了解 Lynn 接下来会创作什么内容。