NEW 기획 디자인 개발 프로덕트 아웃소싱 프리랜싱

디자인

바우하우스 스타일의 패턴 디자인 생성: Bauhaus Art Generator

바우하우스란?

바우하우스를 한 번쯤 들어보셨을 것 같아요. 네이버 지식백과 내용을 바탕으로 간략하게 정리해보면,

 

  • 독일어로 바우는 건축을, 하우스는 집을 의미함
  • 베를린 출신 건축가 그로피우스가 1919년 설립, 1933년 나치에 의해 강제 폐교
  • 예술과 기술의 새로운 통합이라는 슬로건을 지님
  • 오늘날 대부분 미술 대학의 커리큘럼이 90년 전 바우하우스 프로그램에서 발전
  • 바우하우스에서 생산한 전등, 벽지, 가구와 같은 산업 제품과 타이포 등은 디자인의 고전이자 모던 디자인의 출발점

 

이처럼 알게 모르게 우리 생활에 많은 영향을 준 바우하우스에 대해 먼저 이야기하는 건, 오늘 소개할 디자인 툴이 바우하우스와 연관되어 있기 때문입니다. 

 

Tool Graphics: 바우하우스, 몬드리안 등 다양한 스타일의 패턴 제작이 가능한 곳

 

Tool Graphics

Tool Graphics은 다양한 스타일의 디자인 패턴을 쉽게 제작할 수 있도록 돕는 여러 프로젝트를 진행하고 있어요. 그중 'Bauhaus'는 바우하우스 스타일의 디자인 패턴을 컬러 조합, 크기, 배경 컬러, 텍스트 등을 원하는 조건에 따라 제작할 수 있는 서비스입니다. 

 

Tool Graphics 서비스

편집 도구 구성은 크게 다섯 가지로 나뉩니다.

 

  • 스타일 선택
  • 컬러 구성 선택
  • 사이즈 선택
  • 배경 컬러 선택
  • 텍스트 수정 및 위치 선택

 

하나씩 자세히 살펴보면, 스타일은 여러 모양을 활용하거나 한 가지 모양을 중심으로 구성하는 등 두 가지 중 하나를 선택할 수 있어요. 랜덤으로 생성하는 옵션도 제공됩니다. 컬러 구성은 3가지를 한 세트로 총 16개가 있으며 원하는 조합을 선택해 패턴을 만들 수 있어요. 배경 컬러를 직접 선택하는 것도 가능합니다. 검정과 흰색, 랜덤이 기본 제공되며, 컬러 값을 직접 입력할 수 있어요. 또 1:1, 9:16, 4:5, 16:9 등 비율을 선택할 수 있어 저장하기 전 원하는 형태를 세세하게 조절할 수 있습니다. 마지막으로 'Bauhaus' 기본 텍스트를 원하는 내용으로 변경할 수 있어요. 위치도 상/하/좌/우 네 가지 중 하나를 선택해 삽입할 수 있습니다.

 

Tool Graphics

9:16 비율이 기본 적용되어 있어, 저는 먼저 컬러 조합을 변경해 패턴(스타일)을 생성해봤는데요. 직접 만들기 위해서는 꽤 많은 고민과 시간을 투자해야 하는데 이렇게 간단한 조건을 추가, 선택해 다채로운 스타일을 확인할 수 있습니다. 매력적인 스타일이 정말 많아요.

 

Tool Graphics

16개 컬러 조합이 제공되니, 컬러만 바꿔도 전혀 다른 스타일을 확인할 수 있어요. 서비스에 적용할 내용을 찾고 있다면, 우리 서비스와 어울리는 컬러 조합만 선택해도 금방 적용할 수 있는 결과를 찾아낼 수 있습니다.

 

Tool Graphics

1:1 비율로 변경, 생성한 모습이에요. 저는 개인적으로 4가지 비율을 제공해준다는 점이 가장 마음에 들었는데요. 정방형은 소셜 콘텐츠로 활용하기 좋은 비율이며, 16:9는 웹사이트나 커버 이미지로 활용하기 좋은 사이즈라 좋아하는 스타일을 찾았다면 별도 편집 과정 없이 비율에 따라 다운로드하여 활용할 수 있습니다.

 

Tool Graphics

원하는 스타일은 쉽게 다운로드할 수 있어요. 기본 300 DPI, 16:9 비율 기준 5870x3000 해상도를 JPEG, SVG 포맷으로 내려받을 수 있습니다. 회원가입이나 뉴스레터 가입 등의 과정이 필요 없답니다.

 

Tool Graphics

생성 버튼을 클릭하면 계속 다른 스타일을 확인할 수 있는데요. 여러 번 클릭해도 중복되는 스타일이 없는 걸 보니, 꽤 다양한 결과를 갖고 있다는 생각이 들었습니다. 게다가 앞서 확인해본 것처럼 마음에 드는 조건을 하나씩 선택할 수 있으며 그에 따라 더 다채로운 결과를 확인할 수 있다는 점이 좋았습니다.

 

Tool Graphics

Tool Graphics에서는 몬드리안 등 추가 스타일에 대한 확인 및 생성도 가능합니다. 게다가 'MIT 라이선스'로 제공되어 상업적 사용이 가능하다는 장점이 있습니다.

 

이렇듯 우리에게 잘 알려진 구성 방법을 바탕으로 여러 스타일의 패턴 디자인을 제작할 수 있는 곳이자, 원하는 조건에 따라 만들어진 패턴을 자유롭게 활용할 수 있는 곳! 자세한 내용은 아래 링크를 참고해주세요.


<참고 자료>

  1. 테마로 보는 미술, 바우하우스:
    https://terms.naver.com/entry.naver?docId=3572674&cid=58862&categoryId=58879
  2. Tool Graphics : https://tool.graphics/bauhaus
댓글 0

지금 써보러 갑니다

작지만 가치 있는 변화를 이끌어내는 서비스를 만들기 위해 노력하고 있습니다. 국내외 다채로운 IT 서비스와 트렌드를 살펴보는 것이 좋아 '지금 써보러 갑니다'를 운영하고 있어요.

애니메이션이 포함된 목업 제작 서비스, ‘Animockup’

디자인

다양한 종류의 화살표 제작을 돕는, 'Fffuel'

디자인

프로필 제작을 위한 매력적인 툴 ‘Boringavatars’와 ‘Avvvatars’

디자인

핸드 스케치를 위한 만능 툴, ‘Printables’와 ‘Sneakpeekit’

디자인

디자이너가 원하는 컬러를 손쉽게, 'Atmos'

디자인

웹 페이지 구성 도우미 ‘Shuffle’

디자인

디자인 시스템에 필요한 UI 컴포넌트 모음

디자인

다양한 UI 설정을 실시간으로 적용하는 서비스 ‘셰이퍼’

디자인

보다 쉬운 웹 접근성을 위한 도우미 : The A11Y Project

디자인

취향에 맞게 아이콘과 일러스트 편집이 가능한: Shape

디자인

원하는 폰트 조합을 쉽게 찾을 수 있는: Archetype

디자인

디자인 패턴 제작 시 유용한 서비스들

디자인

디자인 작업 시 유용한 아이콘 제공 서비스들

디자인

다양한 그래픽 콘텐츠를 제작할 수 있는: Mega Creator

디자인

박스 디자인을 쉽게 생성할 수 있는: Box Shadow Art

프로덕트

웹에서 이미지 및 영상 편집을 쉽게 하고 싶다면?

디자인

피그마 작업 시 유용한 플러그인 Top3

디자인

빠른 목업 제작을 위해 알아두면 좋은 서비스들

디자인

웹사이트와 문서에 대한 피드백을 손쉽게! : Punchlist

프로덕트

디자인 작업 효율을 높여주는 크롬 확장 프로그램 5

디자인

원하는 스타일에 따른 컬러 조합 확인이 가능한: Huemint

디자인

특정 웹페이지의 벡터 콘텐츠를 확인하는: SVG Gobbler

디자인

컬러와 물결 패턴으로 배경을 만드는: Wicked Backgrounds

디자인

다섯 가지 컬러 조합으로 웹디자인 구성을 돕는: Happyhues

디자인

글래스모피즘 디자인 구현을 위한 CSS 생성 서비스: Glass UI

디자인

같은 분야를 다룬 글들을 권해드려요.

요즘 인기있는 이야기들을 권해드려요.

일주일에 한 번!
전문가들의 IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.

일주일에 한 번! 전문가들의 요즘IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.