웹에 대한 간단한 삽화 만들기

Sep 13, 2025

어떻게

나는 앉아서 음악을 연주하고 조명을 흐리게하고 노트북을 열었습니다. 나는 할 일이 많았습니다. 영감을 소환하려는 노력에서 나는 도면을 시작했습니다. 낙서 예술 화면의 한 구석에서 다른 모서리가 혜성 양식을 보았을 때의 선. "흠,"내 뇌가 천천히 시작되었다 "라고 말하면서, 내가 그들을 연결하고 행성을 추가하면 어떨까요?"

몇 시간 후 가장 인기있는 Dribbble 그림을 가지고있었습니다. 나는 아직도 그것이 어떻게 일어 났는지를 기억하지 못합니다. 그러나 내 뇌를 파는 후에 나는이 내부 알고리즘을 발견했습니다.이 일을 만들지는 않았지만 다른 어떤 다른 것들은 끝났습니다. 재미 있고, 나는 더 복잡 할 것으로 예상됩니다. 오, 잘 ...

그림 스타일

일러스트레이션 작업을 시작하기 전에, 나는 그것의 목적과 라이브가있는 맥락을 이해하고 있는지 확인합니다. in-app, 또는 웹 사이트 또는 벽지입니까? 그 위에 텍스트가있을 것입니까, 바쁜 환경에있을 것입니까? 행동을 상징하는 것이 아니며, 특정 분위기를 포기하기 위해 거기에 있습니다.

그림이 명확한 아이디어를 릴레이하거나 특정 객체 또는 동작을 상징하는 것으로 가정되면 모든주의가 중요한 부분에 초점을 맞추는 간단한 실행을 선택할 것입니다. 그러나 나는 특별히 '침묵'배경 일러스트레이션을 할 것입니다. 패턴과 같은 접근 방식을 선택하거나, 사람들의 가능성을 최소화하기 위해 패턴과 같은 접근 방식을 선택하거나 명백한주의를 끄는 요소가 없는지 확인합니다. ...에 인앱 일러스트레이션의 경우, 저는 기능에서 주목을 끄지 않도록 Tame Tame을 유지하려고 노력합니다.

미적 규칙

내 두뇌는 이러한 모든 이상한 규칙을 만드는 것을 좋아합니다. 그들은 내가 지나갈 수없는 어리석은 어려움과 같습니다 : 서클을 사용하는 사람만을 그리는 것이 어떨까요? 한 색상 만 사용하는 일몰을 설명하면 어떻게됩니까?

기하학적 규칙, 논리적 진행, 대칭. 엄격한 수학적 규칙이 예술에 적용되는 데 매우 매력적인 것이 있습니다. 그것은 역방향 공학 마법과 같습니다. 그것은 미술에서 신비로운 요소를 멀리 멀어 졌으므로 그 뒤에있는 과학을 드러내는 것과 거의 같습니다.

복잡한 그림; 간단한 색상 팔레트

A city illustration with a complex level of detail, which has been combined with a simple, analogous colour palette — 간단한, 유사한 색상 팔레트와 결합 된 복잡한 세부 수준의 도시 그림 (이미지 크레디트 : Nina Geometrieva)

그것이 밝혀 졌을 때, 내 두뇌는 색상을 선택할 때 상당히 게으른 일이므로 복잡한 일러스트레이션을위한 하나의 일반적인 유형의 색상 팔레트가 있습니다. 간단한 것들을위한 또 다른.

복잡한 일러스트레이션에는 많은 모양 / 객체와 많은 세부 사항이있는 고분형 수준이 높습니다. 이들은 일반적으로 본질적으로 패턴과 유사하며 명확한 초점이 없습니다. 내 두뇌는 이러한 유형의 일련의 삽화가 단색 또는 유사한 색 팔레트로 잘 작동한다고 결정했습니다. 또는 더 넓은 용어로 색상이 적고 색상이 적습니다.

이 모든 것은 시각적으로 균형을 이루게됩니다. 모양이 미친 경우 색상이 부드러워 져야합니다. 하나의 예외는 내가 눈에 띄지 않는 특정 물체에 강조하고 싶은 경우에 있습니다. 이것은 매우 대조되는 색상을 사용하여 달성 할 수 있으며 다른 모든 것들은 단색과 길들이기를 유지합니다. 완벽한 시각적 인 균형은 과장 (시끄러운 색상, 복잡한 모양, 당신의 얼굴에 비명을 지르며, 최소한, 지루한 것의 나쁜 유형, 그리고 흥미로운 일이나 흥미로운 일) 사이의 어딘가에 있습니다.

단색 팔레트

Analogous or monochrome palettes work effectively when there is a visual progression or repetition of elements — 유사하거나 흑백 팔레트는 시각적 인 진행이나 요소 반복이있을 때 효과적으로 작동합니다. (이미지 크레디트 : Nina Geometrieva)

단색 컬러 팔레트는 색조 또는 색조의 색조로 구성됩니다. 색조가 흰색으로 점진적으로 혼합되면 색조가 발생합니다. 그늘은 검은 색으로 점진적으로 혼합 될 때 발생합니다. 내가 항상 단색 팔레트를 가지고있는 한 가지 문제는 색조와 그늘이 흰색이나 검은 색으로 색상을 혼합하는 성격으로 인해, 그 둘 모두가 0 %의 채도를 갖는 것입니다.

이 점진적인 둔화를 피하기 위해 나는 단순한 속임수를 사용하고 흰색이나 검은 색을 추가하면서, 나는 점진적으로 색조를 조금 옮깁니다. 이것은 본질적으로 단색 팔레트 대신 미묘한 유사한 팔레트입니다. 예를 들어, 빨간색 단색 색조를 만들고 싶으면 색조를 오렌지로 이동합니다. 빨간색 단색 음영을 만들고 싶다면 마젠타 색을 향해 색조를 어둡게 만듭니다. 푸른 색조의 색조를 얻고 싶다면, 나는 시안으로 이동한다. 파란색의 어두운 음영을 위해, 나는 다른 방향으로 보라색으로 이동합니다.

이로 인해 아직도 다소 단색을 느끼는 팔레트가 생길 수 있지만 훨씬 더 살아 있고 확실히 킥이 쉽습니다. 내가 이것을 발견 한 이후로 나는 진정한 단색 팔레트를 다시 만들지 않았다.

간단한 그림; 복잡한 색상 팔레트

복잡성이 낮은 일러스트레이션은 일반적으로 명확한 초점 및 객체 계층 구조가 있습니다. 모양은 더 간단 해지는 경향이 있으므로 색상 선택은 Wilder 일 수 있습니다. 나는 눈길을 끄는 한, 팔레트를 자극하는 한 모든 종류의 다른 종류의 색상의 색상을 생각하고 있습니다.

복잡하고 간단한 일러스트레이션으로 묘사 한 것 사이에는 전체 우주가 있습니다. 그러나 내 뇌는 그 모든 스펙트럼에 지나치게 걱정되지 않습니다. 어떤 그림을 복잡하거나 단순한 것으로 표시하는 것이 좋습니다.

고 대비 색상 팔레트는 컬러 휠의 반대 색상을 선택하는 것만 큼 간단하지 않습니다. 컬러 휠은 훌륭한 출발점이지만 프로세스의 끝을 의미하지는 않습니다. 예를 들어, 좋은 오렌지색과 파란색 조합을 선택할 때 몇 가지 사항에주의를 기울이며, 지각 된 휘도 및 악센트 색상이 기본 색상으로 작동하는 방법.

감지 된 휘도

두 가지 색상이 모두 동일한인지 된 휘도가있는 경우 두뇌는 그들 사이의 경계를 구별하기가 어려워 지므로 이미지를 보면서 이미지를 보면서 불편 함을 느낍니다. 색상이 결코 서로 만지지 않아도 아니라면 휘도가 동일하지 않은지 확인할 가치가 있습니다.

오, 내가 왜 '인지 된 단어를 사용하는지 궁금한 경우, 헬름 홀트 츠크 콜라 푸치 효과를 조회하여 동일한 휘도가 다른 색상이 다른 값을 갖는 것으로 인식 될 수 있음을 보여줍니다. 오렌지색은 파란색보다 더 높은 휘도가 높아지기 때문에 라이터 오렌지색과 어두운 파란색을 사용하여 두 가지 색상 사이의 불일치를 쉽게 증가시킬 수 있습니다.

악센트 대 기본 색상

An illustration for the Zopim homepage. Blue shades are dominant, with orange providing the accents — zopim 홈페이지에 대한 그림. 파란색 그늘은 악센트를 제공하는 오렌지색으로 지배적입니다. (이미지 크레디트 : Nina Geometrieva)

각 색상의 사용량이 크게 다르면 색상 값을 그에 따라 조정합니다. 악센트 색상으로 용감하고 기본 색상으로 안전하게 안전합니다.

위의 주황색 예제에서는 더 큰 영역, 배경 및 큰 요소, 버튼, 아이콘 및 기타 작은 요소에 대한 야생 오렌지를 채우는 데 파란색을 사용합니다. 일러스트레이션의 맥락에서 나는 푸른 색조를 기초로, 흥미로운 세부 사항을 강조하거나 중요한 요소를 강조하는 방법으로 악센트로서의 푸른 색조를 가질 것입니다.

시각 잔액 수표

위의 가이드를 따라 가면 끝나는 일러스트레이션을 사용하면 단계를 다시 가져 와서 모든 것이 서로 감각이 있는지 확인하십시오. 일러스트레이션에 대한 규칙에는 많은 예외가 있으며, 놀라운 일러스트를 출산하는 모든 조합을 나열하는 것이 불가능합니다. 흥미로운 것처럼 보이는 일을 항상 시도해보십시오. 무언가가 당신을 놀라게하면 당신이 그것을 이해하는지 확인하십시오. 그래서 당신이 당신의 직감을 향상시킬 수 있습니다.

이 기사는 원래 나타났습니다 그물 잡지 문제 286; 여기 그것을 구입하십시오 ...에!

관련 기사

7 웹 디자인 DOS 및하지 않습니다
2016 년 최고의 프리랜서 포트폴리오 중 6 개
웹 디자이너를위한 6 개의 최고의 포토샵 도구

웹에 대한 간단한 삽화 만들기

그림 스타일

미적 규칙

복잡한 그림; 간단한 색상 팔레트

단색 팔레트

간단한 그림; 복잡한 색상 팔레트

감지 된 휘도

악센트 대 기본 색상

시각 잔액 수표

어떻게 - 가장 인기있는 기사

친 화성 디자이너 : 효과 및 스타일을 사용하는 방법

물질 디자이너에서 타일 물질 만들기

아이소 메트릭 타이포그래피를 설계하는 방법

3D 세계의 파일 다운로드 232

즐거운 소형화를 칠하는 방법

원래 타로 카드 페인트

사용자 정의 Maya 인터페이스 만들기

C4D에서 낮은 폴리 벽지 만들기

카테고리