다른 서비스
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 서비스와 트렌드를 살펴보는 것이 좋아 '지금 써보러 갑니다'를 운영하고 있어요.

다양한 컬러 생성과 활용으로 색 조합을 도와주는 ‘Coolors’

디자인

배경, 효과 등을 마음대로 조합해 아이콘을 만드는 ‘Iconray’

디자인

디자인 아이디어를 구체화할 수 있는 캔버스 ‘Easel’

디자인

이미지를 중심으로 다양한 피드백을 주고받는 ‘Picflow’

디자인

스크린샷을 목업 이미지로 편집하는 서비스, ‘Pika’

디자인

2억 개 이상 조합이 가능한 3D 아바타 생성 서비스, ‘Peeps’

디자인

업무에 바쁜 당신을 위한 기본 아이콘 제공 서비스, ‘heroicons’

디자인

앱 설치율을 높이기 위한 스크린샷 제작 서비스, PWA Screenshots Generator

디자인

“특정 주제 이미지를 한 번에!”…스톡 이미지 제공 사이트 모음

디자인

선택이 어려운 당신을 위한 컬러 조합 서비스, Reverb

디자인

구글 폰트보다 더 빠르고 쾌적하게, Bunny Fonts

디자인

여섯 가지 디자인 패턴을 제작하는 웹 서비스, Heazy Studio

디자인

다섯 가지 프로필을 쉽게 생성하는 피그마 플러그인, Avatarg

디자인

정적인 SVG 파일에 생동감을 더해주는, Designstripe

디자인

당신의 ‘선’ 작업을 돕는 2가지 서비스

디자인

레퍼런스 수집 및 관리가 쉬워지는, Substratum

프로덕트

커버 이미지 제작이 쉬워지는 서비스, Coverview

디자인

애니메이션이 포함된 목업 제작 서비스, ‘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 이야기를 전달해드려요.

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