펜과 종이 스케치의 힘

무언가를 디자인해야 합니까? 컴퓨터 기반 도구(예: Balsamiq와 같은 와이어프레임 소프트웨어 또는 Photoshop 또는 Figma와 같은 디자인 도구)로 시작하고 싶을 수 있습니다. 이것들도 제 자리를 차지하지만 한 발 물러서서 겸손한 펜과 종이로 시작하는 것이 좋습니다.

손으로 스케치하는 것은 예술적 감각이 없는 사람들에게는 낯설고 불편하게 느껴질 수 있지만, 손으로 스케치하는 유연성과 상상력이 결합된다는 것은 시작했을 때보다 더 빨리 더 많은 아이디어를 내고 더 나은 디자인 방향 을 제시할 수 있다는 것을 의미합니다. 보다 구체적인 컴퓨터 기반 솔루션으로

물론 나는 때때로 그것과 씨름한다. 평생 스케치북을 손에 쥔 채 어린 시절을 보내고 대학을 미술과로 졸업했지만, 웹디자인 일을 시작하면서 종이 스케치북은 잠시 잊혀졌습니다. 빠른 물리적 스케치를 통한 아이디어 생성이 얼마나 강력한지 깨닫기 전까지 영감을 주지 않는 개념과 내가 한계를 뛰어 넘지 않은 것처럼 느끼는 데 몇 년이 걸렸습니다.

이 프로세스는 우리가 큰 무언가를 디자인하지 않거나 디자이너의 역량으로 디자인하지 않더라도 권장됩니다. 모든 사람은 때때로 "디자이너"가 되어야 합니다. 빠른 개인 홈페이지 만들기, 새로운 오픈 소스 프로젝트를 위한 랜딩 페이지, 다음 프레젠테이션을 위한 멋진 슬라이드 만들기 등이 있습니다.

종이와 펜을 들고 시작합시다!

종이로 시작해야 하는 이유

우리는 항상 컴퓨터를 사용하기 때문에(요즘에는 대부분이 그렇습니다) 때로는 한발짝 물러서서 화면 밖의 것을 디자인하려는 생각조차 하지 않습니다.

종이 스케치는 시각 예술이나 그래픽 디자인(예: 전설적인 로고 디자이너 Saul Bass는 그림을 옹호하는 것으로 잘 알려져 있음)과 관련된 것처럼 느껴질 수 있지만 컴퓨터 인터페이스에 대한 초기 아이디어도 종이에서 시작되었습니다. 매킨토시 그래픽 사용자 인터페이스의 아이콘 디자이너인 Susan Kare는 모눈종이를 사용하여 상징적인 초기 픽셀 아트에 대한 초기 아이디어를 디자인했습니다.

종이 스케치의 힘은 스케치의 덧없음과 우리가 컴퓨터에서 빠르게 만드는 것보다 덜 "현실적"으로 느끼는 것입니다. 컴퓨터 화면에서 단어와 버튼을 움직이기 시작하면 특정 방향으로 빠지고 다른 경로를 탐색하지 않을 수 있습니다. 종이 스케치는 우리의 상상력이 빈틈을 채우도록 강요합니다 . 이러한 세부 사항을 컴퓨터 모형에 추가하는 것보다 훨씬 더 빨리 말이죠.

우리는 새로운 디자인을 작업할 때 다양한 아이디어를 시도하고 싶습니다. 처음 몇 가지 아이디어는 충분히 기분이 좋을 수 있지만 다섯 번째, 일곱 번째 또는 열 번째 아이디어는 훨씬 더 나을 수 있습니다 . 빠르고 느슨하게 작업하면 많은 아이디어를 신속하게 처리하는 데 도움이 됩니다. 아이디어는 더 빨리 흐르고 제한 없이 작업할 때 페이지에 표시되는 내용에 놀랄 수 있습니다.

Photoshop, Sketch 또는 Figma와 같은 디자인 도구에 아직 익숙하지 않은 경우 도구를 시작하고 학습하는 것만으로도 압도적일 수 있습니다. 많은 아이디어를 살펴보는 대신 어떤 버튼이 어떤 역할을 하는지 알아내는 데 시간을 할애하게 됩니다.

그리고 Balsamiq와 같은 와이어프레임 도구? 그들은 스케치처럼 보이는 아이디어(구불구불한 선, 불완전한 상자)를 생성하지만 여러 아이디어를 먼저 시도하기보다 하나의 아이디어로 작업하고 완벽해질 때까지 엉망으로 만드는 방향으로 우리를 가리킵니다. 펜과 종이로 시작하는 것이 더 빠릅니다 . 와이어프레임 도구는 프로세스의 다음 단계가 될 수 있습니다(첫 번째 단계가 아닌).

"스케치" 모형은 또한 리뷰어에게 발표할 때 원하는 피드백을 더 잘 표현합니다. 픽셀이 너무 완벽한 모형은 종종 관련 없는 세부 사항에 대해 엉뚱한 부분을 선택하도록 유도하지만 대략적인 스케치는 레이아웃에 대한 높은 수준의 대화로 이어집니다.

스스로에게 반복하십시오: 느슨하고 빠르며 완벽할 필요는 없습니다.

우리는 모두 화려하고 디테일해 보이는 "디자이너" 스케치를 본 적이 있습니다. 그것들은 자신을 측정하는 기준이 아닙니다. 그들을 무시하라. 우리의 스케치는 많은 세부 사항 없이 신속해야 합니다.

오히려, 우리는 스케치를 작고 빠르게 유지하면서 정말 빠른 선과 상자를 사용할 것입니다.

다음과 같은 작은 스케치를 사용하여 여러 버전의 홈페이지 레이아웃을 시험해 볼 수 있습니다.

스케치는 뉴스레터, 로고, 프리젠테이션, 위젯과 같은 거의 모든 종류의 디자인 작업에 유용합니다. 예를 들어, 전자책 표지에 대한 몇 가지 아이디어를 살펴보는 것은 어떻습니까?

이런 종류의 스케치 기법을 연습하기 시작하는 좋은 방법은 기존 웹사이트를 가져와 스케치를 리버스 엔지니어링하는 것입니다. 이렇게 하면 그림을 그리는 작업에 익숙해질 뿐만 아니라 다양한 디자인 패턴에 대한 감각을 갖게 됩니다.

어떤 접근 방식을 취하든 페이지를 아이디어로 채우십시오! 당신이 앞으로 나아가고 싶은 정말로 당신을 흥분시키는 아이디어에 부딪쳤더라도 멈추지 마십시오. 페이지를 채우면 다음으로 넘어갑니다. 더 좋아하는 것을 찾을 경우를 대비하여 다른 아이디어를 탐색 하십시오.

선택지가 많으면 잠시 휴식을 취한 다음 마음에 드는 부분에 동그라미를 치고 다듬고 모형 만들기로 넘어갈 수도 있습니다. 당신은 당신이 다른 많은 아이디어를 시도하고 버렸다는 것을 알기 때문에 당신이 선택한 방향에 대해 더 자신감을 가질 것입니다.

영감을 사용하여 스케치 및 아이디어 생성을 돕습니다.

스케치는 영감과 함께 진행되어야 하므로 컴퓨터를 다시 꺼내세요! 다른 디자인을 조사하고 스스로 효과가 있다고 생각되는 세부 사항을 찾아 자신의 디자인 프로세스에 활력을 불어넣습니다.

어디서부터 시작해야 할지 모르겠다면 현재 작업 중인 것과 관련된 분야에서 영감을 찾으 세요. 개인 홈페이지의 경우 동종 업계의 홈페이지부터 살펴보는 것이 좋습니다. 막혔거나 더 일반적인 영감을 원하면 다음 리소스를 확인하세요.

• Dribbble은 로그인 양식과 같은 요소에 대한 디자인 아이디어를 연구하는 데 특히 좋습니다.
• SiteInspire, 현대 디자인의 현재 트렌드가 무엇인지 확인하십시오.
• 랜딩 페이지 디자인 영감을 위한 Land-book.
• 전자상거래 웹사이트 디자인 영감을 위한 커머스 크림.
• 모바일 앱 디자인 영감을 위한 Pttrns.

조사하면서 자신의 디자인에 어떤 요소를 추가하고 싶은지 기록해 두십시오(정확하게 복사하지 않도록 기억하세요!). 예를 들어, 멋진 레이아웃, 영감이 콘텐츠와 이미지를 결합하는 특별한 방식, 특히 사용하기 쉬운 문의 양식이 있습니다. 종이 스케치에서 다양한 탐색 아이디어를 시도하는 것이 전체 모형을 만들거나 전체를 코딩하는 것보다 훨씬 빠릅니다.

기억하고 싶은 요소와 아이디어를 찾으면 스케치하세요 ! 계속해서 스케치 시트에 아이디어를 추가하고 모든 잠재적인 아이디어로 페이지를 채우십시오. 시작하기 위해 다양한 옵션과 아이디어를 작업하고 나중에 좋아하는 아이디어의 범위를 좁힙니다.

연습을 기억하십시오!

어떤 새로운 기술이든 처음 몇 번은 어색하게 느껴질 것입니다. 정상입니다. 낙심하지 마십시오. 스케치를 더 많이 연습하고 디자인할 때 이 기술을 활용하면 할수록 더 자연스럽게 느껴질 것입니다.

다음 디자인 프로젝트를 위해 키보드를 치워두고 펜과 종이 스케치로 시작하여 상상력과 창의력을 마음껏 발휘하십시오.

다룬 내용을 검토해 보겠습니다.

• 종이 스케치는 디자인 옵션을 탐색하는 가장 빠른 방법입니다.
  마우스에서 멀어지면 더 짧은 시간에 훨씬 더 많은 일을 할 수 있습니다.
• 아이디어 생성을 촉진하기 위해 스케치할 때 영감을 활용하십시오.
  빈 페이지로 시작하지 마십시오. 에뮬레이션하고 싶은 디자인 작업을 보고 아이디어를 얻으십시오.
• 당신이 생각하는 것보다 더 많은 스케치를 만들고 더 많은 아이디어를 시도하십시오.
  때로는 다섯 번째 아이디어가 좋은 방향으로 느껴질 수도 있지만 나중에 생각하면 훨씬 더 나은 아이디어가 될 것입니다.
• 연습이 완벽을 만듭니다.
  스케치를 많이 할수록 더 빨리 진행되고 더 쉽게 느껴지고 더 좋은 결과를 얻을 수 있습니다.

다른 영감을 주는 리소스가 있습니까? 당신의 스케치는 어떤 모습인가요? 의견을 듣고 싶습니다!

스매싱 매거진에 대한 추가 정보

• "하루 종일 그림 그리기", Alma Hoffmann
• "손 스케치: 당신이 몰랐던 당신의 낙서가 성취할 수 있는 것들", Laura Busche
• "스케치로 포르쉐 911을 만드는 방법" Nikola Lazarevic
• "포토샵과 일러스트레이터에서 스케치로 이동: UI 디자이너를 위한 몇 가지 팁", Lachezar Petkov
• "브러시 레터링: 연습 후에야 더 좋아집니다", Alma Hoffmann
• "Mid-Century Modern Illustration: 일러스트레이터와 InDesign으로 표지 책 만들기", Manuela Langella
• "클라이언트와 함께 사이트맵을 만들기 위한 사이트 방문자 여정을 라이브 스케치", Matt Orley
• "스케치에서 Figma로 이동: 디자인 시스템 마이그레이션 사례 연구", Buzz Usborne
• "스케치에서 상징의 잠재력을 최대한 발휘", Javier Cuello