디자이너가 아닌 모든 사람들이 알아야 할 17가지 그래픽 디자인 팁

고백할게 있는데...

나는 훈련된 그래픽 디자이너가 아닙니다. 하지만 이 글을 보고 계시다면 아마 당신도 아닐 것입니다. 그리고 나는 당신이 곧 예술 학교에 가지 않을 것이라고 생각합니다.

이제 여기 좋은 소식이 있습니다...

블로그 게시물, 소셜 미디어 또는 온라인 광고용 이미지를 디자인하는 경우 그래픽 디자인 학위가 필요하지 않습니다. 몇 가지 모범 사례를 중심으로 머리를 감싸기만 하면 됩니다. 그리고 그것이 내가 들어오는 곳입니다.

이 포스트에서는 디자이너가 아닌 모든 사람들이 알아야 할 17가지 그래픽 디자인 팁을 모았습니다. 그것들을 따른다면 모든 온라인 요구 사항에 맞는 멋진 그래픽을 제작할 수 있을 것입니다.

1. 훌륭한 색상 팔레트로 시작하십시오.

최고의 디자인에는 아름다운 색상이 있는 경향이 있다는 사실을 알아차린 적이 있습니까? 그건 사고가 아니야. 훌륭한 색상 팔레트를 선택하는 것은 훌륭한 디자인의 핵심 중 하나입니다.

이제 자신만의 색상을 선택해야 한다는 생각에 움츠러들기 전에 그럴 필요가 없습니다. ColorLovers와 같은 사이트를 사용하면 수백만 개의 아름다운 색상 팔레트에 액세스할 수 있습니다. 원하는 16진수 코드를 찾아 디자인에 사용하세요.

다음은 색상 팔레트를 찾는 데 유용한 몇 가지 리소스입니다.

• 셰이프팩토리에 의한 안료
• 쿨러
• 어도비 컬러

더 많은 색상 구성표 아이디어를 찾고 있다면 색상 팔레트 영감을 위한 자세한 리소스 목록을 확인하십시오!

2. 글꼴에 현혹되지 마십시오

이상적으로는 1개 또는 2개의 글꼴로 제한하는 것이 좋습니다. 이렇게 하면 수많은 글꼴 조합에 대해 걱정할 필요가 없습니다. 여러 글꼴을 사용하려는 경우 머리글에 하나를 사용하고 본문에 다른 글꼴을 사용합니다.

3. "스와이프 파일"이 있습니다.

이 용어는 카피 라이팅 세계에서 유래했지만 여기에서도 똑같이 적용됩니다. "스와이프 파일"은 카피라이터가 볼 수 있는 좋은 카피의 인스턴스를 나타냅니다. 우리의 경우 그것은 당신이 볼 수있는 좋은 디자인의 사례를 의미합니다.

이러한 예를 가져와서 어딘가(컴퓨터, 보관용 보관함 등)에 저장했다가 때가 되면 다시 가져오십시오. 남을 통째로 도용하지 않는다면, 약간의 뛰어난 디자인을 빌리는 것도 부끄러운 일이 아닙니다.

Facebook 광고용 이미지를 디자인하는 경우 AdEspresso Facebook 광고 갤러리를 확인하는 것이 좋습니다. Dribbble 및 Behance와 같은 디자인 사이트를 확인할 수도 있습니다.

4. 공백기를 두는 것을 두려워하지 마십시오.

아니요, 공백이 있다는 의미에서 공백이 아닙니다. 오히려 디자인에 공백을 남겨두는 것을 두려워하지 마십시오. 때로는 그들이 말하는 것처럼 실제로는 더 많습니다.

종종 디자인이 너무 어수선해져서 아무 것도 차지하지 않는 일부 공백이 실제로 디자인을 향상시킵니다. 이것은 당신에게 약간의 정신적 조정을 요구할 수 있습니다. 그러나 올바른 변경으로 이 간단한 개념을 사용하여 겉보기에 "전문가" 디자이너를 뛰어넘을 수 있습니다.

여백 활용법을 배우고 싶다면 Apple에서 만든 마케팅 이미지를 살펴보세요.

5. 개체 정렬

이렇게 하면 다양한 크기에 관계없이 디자인 요소를 표시 가능한 순서로 유지하는 데 도움이 됩니다. 적절한 정렬은 이미지에 세련되고 전문적인 느낌을 주는 쉬운 방법입니다.

Snappa에서 항목을 드래그하면 격자선이 자동으로 나타나서 개체를 정렬하기가 매우 쉽습니다.

6. 아이콘을 사용하여 메시지 지원

아이콘은 후추와 같습니다. 요리하고 있는 디자인 위에 뿌릴 수 있습니다. 그리고 아이콘은 디자인에 풍미를 더하여 "맛"이 좋습니다.

우리는 블로그 게시물의 내용을 강화하기 위해 아이콘을 매우 ​​광범위하게 사용합니다. 마스터로부터 배우고 싶다면 헬프데스크 블로그에서 더 많은 영감을 얻으십시오.

7. 자신의 디자인 규칙을 따르십시오.

규칙, 무슨 규칙? 당신이 스스로 설정한 것들.

이것은 아마도 특정한 규칙이 아닐 것입니다. 그러나 디자인 전체에서 특정 색상, 선, 질감 등을 사용하는 경우가 있습니다. 그 선택이 설정되어 있다면 돌아서서 그것에 반대되는 행동을 하지 마십시오. 전체 이미지의 일관성을 보장하기 위해 "디자인 규칙"을 일관되게 유지하십시오.

8. 헹구고 반복

광고 캠페인, 웹사이트 또는 기타 프로젝트에서 여러 디자인으로 작업하는 경우 헹구고 반복하는 것이 가장 쉬울 수 있습니다. 즉, 디자인을 복사한 다음 변경해야 할 요소만 교체하면 됩니다. 이렇게 하면 콘텐츠를 변경하더라도 형식이 동일하게 유지됩니다.

9. 글꼴 변형 사용

일관성을 유지하면서 다양한 다양성을 추가할 수 있습니다. 핵심은 단일 글꼴 "패밀리"의 텍스트를 사용하는 것입니다.

글꼴 "패밀리"의 예로는 Arial Black, Arial Narrow 및 Arial Rounded MT Bold와 같은 변형과 함께 기본 Arial 글꼴이 있는 Arial이 있습니다. 이 글꼴은 모두 다르게 보입니다. 그러나 그들 사이에는 디자인에 함께 사용할 때 일관성을 줄 수 있는 공통점이 충분히 있습니다.

10. 대비를 최대한 활용

대비를 사용하면 디자인에 "태도"를 추가하고 특정 요소를 눈에 띄게 만드는 데 도움이 됩니다. 대조를 생성하는 방법도 많이 있습니다. 대비되는 색상, 글꼴 또는 디자인 항목 사이의 대비 공간을 사용할 수 있습니다.

실제 상황에서도 생각해 보면 이것이 왜 의미가 있는지 알게 될 것입니다. 7피트의 키가 큰 사람(예: 레슬링 선수 Andre Giant 또는 농구 선수 Yao Ming)은 일반 인구와 대조되기 때문에 주목을 받습니다. 디자인의 대조 요소에 대해서도 마찬가지입니다.

대비되는 색상을 식별하려면 Adobe Color와 같은 색상환을 사용하십시오.

11. 한 줄(또는 두 줄)을 사용하여 질서를 만듭니다.

선은 이미지에 항목을 고정하는 데 도움이 되며 전체적인 순서가 있다는 느낌을 줍니다. 텍스트 블록 주위에 텍스트를 고정하여 이미지에 선을 사용합니다.

이미지의 다양한 요소 사이에 "구분 기호"로 선을 넣을 수도 있습니다. 후자의 경우 요소가 분리되어 있다는 느낌이 디자인에서 계획 및 조정의 느낌을 더욱 강화합니다.

12. 디자인 계획

우리는 이 팁을 대부분의 사람들의 그래픽 디자인 프로세스에서 일반적으로 계획이 어디에 속하는지 반영하기 위해 팁 목록의 중간에 넣습니다.

일반 비디자이너는 계획을 첫 번째 필수 단계로 사용하기 보다는 디자인 프로세스에 들어간 후에야 디자인 계획에 대해 진지하게 생각하기 시작합니다.

계획 단계는 길지 않아도 됩니다. 사실, 그것은 단지 1-2분일 수 있습니다. 그러나 디자인을 시작하기 전에 달성하고 싶은 것이 무엇인지 알고 있다면 훨씬 더 빨리 작업을 완료할 수 있습니다.

13. 밝기 수준을 조정하여 이미지 위에 텍스트 추가

디자인에 이미지 위에 텍스트가 포함되는 경우 배경 이미지의 밝기 수준을 조정하거나 색상 오버레이를 추가합니다. 이렇게 하면 배경 이미지가 텍스트 색상을 오프셋하여 텍스트를 읽을 수 있고 디자인이 여전히 깨끗하고 선명하게 보입니다.

무료 온라인 견적 작성기를 사용하여 견적을 그래픽으로 쉽게 바꿀 수 있습니다!

14. 본문 사본을 신중하게 구성하십시오.

텍스트 본문(즉, 단락)이 있을 때마다 각 줄은 약 30-40자 이내여야 합니다. 여기에는 공백도 포함되므로 신중하게 선택하십시오.

이 대략적인 길이를 초과하면 독자가 통과하기 어려운 문장이 될 위험이 있습니다. 그리고 더 짧으면 텍스트 줄이 테트리스 조각과 비슷해지기 시작하여 불규칙한 흐름에 부주의하게 떨어집니다.

15. 누구를 위해 디자인할지 생각해 보세요

이것이 순전히 개인적인 즐거움을 위한 것이 아니라면 아마도 특정 청중을 위해 디자인하고 있을 것입니다. 당신이 디자인하는 "누구"를 절대 잊지 마십시오. 이렇게 하면 디자인의 의도된 청중이 실제로 보고 싶어하고 호의적으로 반응할 무언가를 만들 수 있습니다.

여기서 컨텍스트가 중요합니다. 예를 들어 어둡고 칙칙하고 심지어 오싹해 보이는 디자인은 고급스럽고 값비싼 제품을 위해 웹사이트에서 원하는 그런 종류의 것이 아닙니다. 예를 들어, 성숙한 성인 청중이 보기에는 너무 "유치한" 느낌(밝은 색상, 구불구불한 선, 만화 등)으로 느껴지는 디자인의 경우에도 마찬가지입니다.

16. 형태가 기능을 따르게 하라

당신이 말한 만큼, 그것은 여전히 ​​부인할 수 없는 사실입니다. 형태는 기능을 따릅니다. 따라서 디자인의 기능을 알고 있는지 확인하십시오. 작동하는 양식에 더 쉽게 도달할 수 있다는 것을 알고 있습니다. 디자인에 속한 것과 그렇지 않은 것을 더 잘 알 수 있습니다.

예를 들어 출시를 앞두고 이메일만 수집하도록 설계된 스플래시 페이지에는 이미지가 있는 캐러셀이 필요하지 않을 수 있습니다. 초기 가입 기간이 있을 때는 초기 웹 사이트를 복잡하게 만드는 항목을 사용하지 않았습니다. 오히려 우리는 사람들의 이메일을 받는 기능에 맞게 사이트 형식을 조정했습니다. 이러한 훌륭한 디자인 사례에서도 이 규칙을 활용하여 전환율을 높이고 사용자 경험을 개선했습니다.

이 모든 것은 디자인의 "이유"를 아는 것으로 귀결됩니다. 그리고 신중하게 생각하기도 합니다.

17. 단순하게 유지

슈퍼 히어로 영화와 공상 과학 서사시가 생각나는 영화를 본 적이 있습니까? 너무 많은 특수 효과가 있습니다. 너무 많은 폭발, 과속 우주선, 거대 로봇 등. 결국 특수 효과는 함께 흐려지고 영화의 다른 곳에서 진행되는 대부분을 음소거합니다. (우리는 당신을보고 있습니다, 트랜스포머 .)

당신의 디자인도 마찬가지입니다. 그림자 및 색조 그라디언트와 같은 특수 효과를 너무 많이 사용하면 부풀려지고 미학적으로 음소거된 이미지로 빠르게 이동할 수 있습니다.

당신은 여전히 ​​일부 디자인 "특수 효과"를 사용할 수 있습니다. 그러나 샐러드에 약간의 발사믹 식초를 곁들인 것처럼 디자인에 한 줌씩 뿌립니다. 발사믹이 너무 많으면 샐러드가 거부됩니다. 그리고 너무 많은 특수 효과는 디자인의 나머지 부분을 무효화합니다.

결론

보시다시피 그래픽 디자인은 어렵지 않습니다. 이 17가지 팁을 따르면 온라인에서 멋진 이미지를 제작할 수 있습니다.