Lynn Fisher 是美國藝術家,以她的許多創意作品和年度作品更新而聞名。
本文是 Designcember 的一部分。由 web.dev 介紹的網頁設計。
Lynn Fisher 是美國藝術家,以在網路上創作的作品聞名。進入亞利桑那州藝術學校後,她開始擔任軟體諮詢的設計人員和 CSS 開發人員,她的職涯不僅致力跨領域求助,也將網路視為創意媒介來進行實驗,以及創作有趣的小眾網路專案。她目前與 Netlify 的創意人員合作。我和她談論了許多有趣的作品。
Rachel 貴公司推動網頁設計與開發的方向為何?
Lynn:我的好友在高中介紹我認識 GeoCities。我記得這件事:「我的雙眼終於打開了」還活著我能建立網站我的第一個網站是一位熱愛鳳凰城當地樂團的粉絲。未來幾年,我透過 LiveJournal 到 MySpace 管道瞭解 HTML 和 CSS,並且為當地樂團和藝術家建立許多網站。我學到了夠多,可以成為「HTML 製作助理」的第一份工作。在大學課後擔任網路代理商
之後,我透過設計和開發社群分享知識和資源,學會了這項工作。我在學校研究美術,有助於培養對創意發聲的信心,也讓我瞭解到評論,但這並不是正式的設計訓練。與同事和業界人士一起練習與學習後,我也得以持續精進。
Rachel:如何開始製作單一 div CSS 圖片?
Lynn:2013 年 CSSConf 大會上,我見過 Lea Verou 的《Humble Border-半徑》談話,這是另一個令人大開眼界的精彩時刻。因為我原先使用的是 CSS 資源,這樣的藝術潛力無窮,所以我很開心能探索並進行實驗。我到家後製作了 WhyAZ,也用 CSS 繪製了所有插圖。目前,每張插圖都是由兩個 HTML 元素組成 (接著會接著許多浮動的圖示系統標記)。它看起來會像這樣:
<div class="icon">
<span class="clock"></span>
</div>
再來,我想只用一個 HTML 元素繪製插圖,真的很複雜。結果似乎是個有趣且極限的挑戰,我可以在這裡或幾小時裡工作。我買了網域並開始將網域新增至網站,如今已近八年了!嘗試增加媒介以及同時學習插圖技巧,真的很有趣。
Rachel:您有許多很棒的專案!你總是想建構什麼嗎?
Lynn:謝謝!我記錄了一系列可能用來製作有趣專案的粗略構思,例如我感興趣的事物、開始注意到的模式、自己熱愛的節目和電影。有時候,某個構想需要花很長的時間才能發展成明確的專案。我之前有「真實電影的假電影」沒想到 Nestflix這是可執行檔的偽造影視串流服務,就在待處理工作中了好幾年。雖然我沒有固定行程,但在尋找新的工作方式時,我通常都能立即瞭解到情況。
Rachel:您每年的更新事件已成為活動的一部分。你是否感覺到有壓力,還是很有趣?
Lynn:評論仍然很有趣,而且是我很期待的專案。我知道這個專案會讓我感到奇怪。無論是實驗、嘗試新事物,還是學習時下一年大受好評的新技術,我們都把握這個絕佳機會。而且因為每年都會遭到取代,這確實讓我更有效應對變動。就算我對任何版本都有特定興趣,也不得不放棄。
但我確實有壓力!大家很容易認為每個版本都需要比先前的版本更有創意。壓力也會造成壓力!但確實會讓我變得有點勇敢,而我也衷心感謝。雖然有時間與精力,但我也很樂意繼續提高標準。
Rachel:您最近任職於 Netlify,他在處理產品方面有何不同?
Lynn:我任職於 Netlify 的行銷設計團隊,所以工作和代理商的工作都很類似。最大的差異在於能夠看到更宏觀的變化。有時以外部代理商的身分從事專案工作時,可能只能查看這些具體目標和時程。但那不是壞事。「專注」非常重要!產品公司內部可提供大量資訊,您便能瞭解業務各部門如何共同運作、競爭目標的優先順序,以及個別專案如何有效達成 (或無法) 達成長期收益與成長目標。
我想,也許我的經驗更像是從外部代理商轉變為內部團隊。我喜歡各式各樣的客戶工作內容,但如果能深入瞭解 Netlify 平台和 Jam 堆疊生態系統,我一定會覺得很有趣。
Rachel:您希望 CSS 新增什麼功能?
Lynn:我一直以來都想要積極處理很多事情,真的很酷。容器查詢和 :has()
虛擬類別會顯示在清單頂端。
內插時間軸非常有用。Scott Kellum 最近向我提到,他們能夠如何協助解決我在回應式實驗中的某些問題,而且這些問題真的很酷。
在未明確設定的情況下,我通常會要求 JS 提供元素的高度,如果 CSS 能自行設定,那算是比較好。但我肯定會很複雜!
Rachel:還有誰正在在網路上從事有趣的、有趣或創意工作?
Lynn:許多人都在做有趣的工作!我最近很愛的事:
- Neal Agarwal 的 neal.fun 是充滿樂趣的網路專案寶庫。
- 我喜歡 Cassie Evans 有趣又創意十足的 SVG 作品。
- Jhey Tompkins 確實提供了有趣的 CSS 示範內容。
- 我喜歡 Stephanie Eckles 的新一代 CSS Zen Garden 專案 Style Stage (新一代 CSS Zen Garden)。
- Ben Evans 和 Diana Smith 的精美 CSS 圖片。
- Charlie Gerard 推出超酷的免持操作示範和動作控制示範影片
- George Francis 正在製作精美的生成式圖片。
如要瞭解 Lynn 後續製作的內容,請造訪 lynnandtonic.com 的投資組合網站,或在 Twitter 上追蹤她。