린 피셔는 수많은 창의적인 프로젝트와 연간 포트폴리오 개편으로 유명한 미국 아티스트입니다.
이 게시물은 Designcember의 일부입니다. web.dev에서 선보이는 웹 디자인 기념 이벤트
린 피셔는 웹 작품으로 유명한 미국 예술가입니다. 애리조나의 미술 학교를 졸업한 후에는 소프트웨어 컨설팅 분야에서 디자이너 및 CSS 개발자로 일하기 시작했습니다. 다양한 분야를 넘나드는 시도를 하고, 창의적인 매체로 웹을 실험하고, 재미있는 틈새 웹 프로젝트를 만들어 왔습니다. 현재 Netlify의 창의적인 사람들과 함께 작업하고 있습니다. 할머니와 여러 재미있는 프로젝트에 관해 이야기를 나눠보았습니다.
Rachel은 어떤 과정을 거쳐 웹 디자인 및 개발 과정에 참여하게 되었나요?
Lynn: 고등학교 때 제 친구가 GeoCities를 소개받았습니다. 웹사이트를 만들 수 있다는 사실을 깨달은 순간이 기억납니다. 저의 첫 번째 사이트는 제가 좋아하는 피닉스의 현지 밴드에 대한 팬덤이 되었고, 그 후 몇 년 동안 LiveJournal에서 MySpace 파이프라인을 통해 HTML과 CSS를 배웠고, 현지 밴드와 아티스트를 위한 수많은 사이트를 만들었습니다. 대학을 졸업한 후 웹 대행사에서 'HTML 제작 어시스턴트'로 첫 직장을 얻을 만큼 배웠습니다.
그 후에는 디자인 및 개발 커뮤니티를 통해 지식과 리소스를 공유하면서 업무에 관한 배움을 얻었습니다. 학교에서 미술을 전공했는데 창의적인 목소리에 대한 자신감을 키우고 비평을 접하게 되었는데, 공식적인 디자인 교육은 아니었습니다. 업계 동료들과 함께 연습하고 배움으로써 시간이 지남에 따라 발전할 수 있었습니다.
Rachel: 어떻게 단일 div CSS 아트워크를 시작하게 되었나요?
Lynn: CSSConf 2013에서 Lea Verou의 Humble Border-radius 강연을 봤는데 또 다른 눈길을 끌었죠. 제가 이미 사용하고 있는 CSS 속성에는 예술적 잠재력이 있기 때문에 탐험하고 실험해 보고 싶었습니다. 집에 가서 WhyAZ를 만들고 CSS로 모든 삽화를 그렸습니다. 당시 각 삽화는 두 개의 HTML 요소로 이루어졌습니다. 이 요소는 떠다니는 수많은 아이콘 시스템 마크업을 따라가곤 했습니다. 그 결과는 다음과 같았습니다.
<div class="icon">
<span class="clock"></span>
</div>
그런 다음 HTML 요소 하나만으로도 일러스트레이션을 얼마나 복잡하게 만들 수 있는지 확인해 보고 싶었습니다. 정말 재미있고 제약이 많았기 때문에 여기저기에서 몇 시간만 투자하면 될 것 같았습니다. 그래서 도메인을 구입하여 사이트에 추가하기 시작했는데, 이제 8년 가까이 됐습니다. 미디어를 다듬고 일러스트레이션 기술을 익히는 것도 여전히 정말 재미있어요.
레이첼: 멋진 프로젝트가 정말 많아요. 항상 만들고 싶은 것이 있나요?
Lynn: 감사합니다. 흥미 있는 주제, 알아차리기 시작하는 패턴, 좋아하는 프로그램, 좋아하는 영화 등 재미있는 프로젝트를 만들 수 있는 대략적인 아이디어들이 쌓여있습니다. 아이디어가 명확한 프로젝트로 전환되기까지 시간이 많이 걸릴 때가 있습니다. Nestflix 가짜 스트리밍 서비스가 실행 가능한 프로젝트로 개발되기 전 몇 년 전부터 백로그에 '실제 영화 속 가짜 영화'가 있었어요. 나는 일정을 세우지 않지만, 보통은 작업할 새로운 것을 찾고 있을 때 마음의 준비가 된 듯한 아이디어가 떠오릅니다.
Rachel: 매년 업데이트되는 정기 결제도 특별한 이벤트가 되었습니다. 지금 이 작업을 수행해야 한다는 압박감을 느끼시나요? 아니면 아직도 즐거운가요?
Lynn: 그래도 정말 재미있고 정말 기대되는 프로젝트예요. 원하는 만큼 이상하게 만들 수 있는 프로젝트예요. 실험하고, 새로운 것을 시도하고, 올해 인기를 끌었던 새로운 기법을 배울 수 있는 좋은 기회입니다. 그리고 해마다 교체되기 때문에 변화에 대처하는 능력을 키우는 데 큰 도움이 되었습니다. 특정 버전을 좋아한다고 해도 계속 넘어갈 수밖에 없습니다.
그래도 압박감이 있어요! 각 버전이 이전 버전보다 더 창의적이고 혁신적이어야 한다는 생각이 들기 마련입니다. 스트레스를 받을 수 있습니다! 하지만 그것은 저의 야망을 자극하며 감사해요. 시간과 에너지가 있으면서 계속해서 기준을 높이려고 노력하고 있습니다.
Rachel: 최근에 Netlify에서 일하기 시작하셨습니다. 고객 업무에서 제품 개발로 어떻게 전환되었나요?
린: 저는 Netlify의 마케팅 디자인팀에서 일하고 있어요. 많은 면에서 제품팀을 위해 하는 대행사 업무와 비슷합니다. 가장 큰 차이점은 큰 그림을 훨씬 더 많이 볼 수 있다는 것입니다. 프로젝트 작업을 위해 외부 대행사로 고용된 경우, 관점이 특정한 목표와 일정에 국한되는 경우가 있습니다. 하지만 나쁜 일은 아닙니다. 집중력은 매우 중요합니다. 제품 회사 안에 들어가면 많은 정보를 얻을 수 있고, 비즈니스의 다양한 부서가 어떻게 협력하고, 경쟁 목표에 어떤 우선순위가 지정되고, 개별 프로젝트가 장기 수익 및 성장 목표에 얼마나 효과적으로 기여하고 있는지 (또는 없는지) 확인할 수 있게 됩니다.
제 경험은 외부 대행사에서 사내 팀으로 이동하는 것과 비슷했을 것 같습니다. 클라이언트가 제공하는 다양한 작업은 즐겁지만, 플랫폼으로서의 Netlify와 Jamstack 생태계를 깊이 있게 이해하는 과정은 재미있었습니다.
Rachel: CSS에 추가되었으면 하는 기능은 무엇인가요?
Lynn: 제가 항상 하고 싶었던 많은 것들이 활발히 연구되고 있죠. 정말 멋지죠. 컨테이너 쿼리와 :has() 유사 클래스는 목록 상단에 있습니다.
보간 타임라인은 매우 유용할 수 있을 것 같습니다. 최근 스콧 켈럼님이 반응형 실험에서 겪었던 몇 가지 문제를 해결하는 데 어떻게 도움이 될 수 있는지 이야기를 나눠주셨습니다. 정말 멋집니다.
저는 요소의 높이를 명시적으로 설정하기 위해 JS에 손을 뻗는 경우가 많으므로 CSS에서 자체적으로 이 작업을 할 수 있으면 좋을 것입니다. 하지만 복잡할 것 같네요.
Rachel: 지금 웹에서 정말 흥미롭거나 재미있거나 창의적인 작업을 하는 사람은 누구인가요?
Lynn: 수많은 사람들이 즐겁게 일을 하고 있어요. 최근 내가 좋아하는 항목:
- Neal Agarwal의 neal.fun은 흥미로운 웹 프로젝트를 볼 수 있는 보물창고입니다.
- 저는 캐시 에반스의 재미있고 창의적인 SVG 작품을 좋아합니다.
- Jhey Tompkins는 정말 재미있는 CSS 데모를 보여줍니다.
- 저는 스테파니 에클스의 스타일 스테이지 (차세대 CSS 젠 가든) 프로젝트가 마음에 듭니다.
- 벤 에반스와 다이아나 스미스의 깜짝 놀랄 만한 CSS 아트워크
- Charlie Gerard는 핸즈프리 및 모션 제어 방식의 데모를 매우 흥미롭게 만들고 있습니다.
- 조지 프란시스는 아름다운 생성형 예술작품을 만들고 있습니다.
포트폴리오 웹사이트(lynnandtonic.com) 또는 Twitter에서 린 린이 팔로우하여 다음에 제작할 콘텐츠를 확인할 수 있습니다.