리그오브레전드리그오브레전드

온라인 1,668

[소프트콘] 디자인 시리즈. 1화

조회수 4,023댓글 4추천 32

타이틀.png

이 시리즈는, 아주 오래전 THIS WEEK로 1위를 차지하여 50만원을 탔을때로 거슬러 올라갑니다. 언젠가 디자인과 관련된 이야기를 하고 싶었던 찰나 잠시 시간이 나는 관계로 디자인 시리즈를 연재하고자 합니다.

롤과는 전혀 관계없는, 하지만 디자인이 필요한 당신을 위한 특집! 디자인 시리즈 1화! 지금 시작합니다~

두둥







디자인이란 무엇일까? ...

그런건 나중에 배우셔도 됩니다.

이번 시리즈로 알려드릴 디자인 스킬들은 백종원의 집밥 백선생처럼 간편하고 중요한 요소로 꽉꽉 채울 예정입니다.

준비가 되셨다면, 지금 당장 포토샵을 켜보시기 바랍니다!

" 시작이 반이다 " - 누가 그랬음

1. 시작이 반이다.

시작이 반이다.

똑같은 말을 3번 썼을 정도로 매우 중요합니다. 포토샵을 켠 후 문서를 새로 만드신다면 어떤 화면이 보이시나요?

1.png

가장 먼저 하시게 되는 일은 해상도를 조정하는 것. 이게 정말 중요합니다.

여러분이 올라갈 어떤곳. 그것이 커뮤니티이든, PPT이든, 이력서이든 맞는 사이즈가 있을 것입니다.

가령, OP.GG는 이번 개편으로 가로가 700px로 고정되었죠. 그렇다면 작업물은 최소 700px은 넘어야 한다는 것입니다.

컴퓨터가 좋다면 이것의 정확히 두배인 1400px으로 그렇지 않다면 700px로 작업하세요. 이는 해상도가 높은 컴퓨터의 Hidpi 설정을 위해 지켜지면 좋습니다.

OP.GG에 올릴것이니 1400px로 작업을 해보도록 하죠.


2. 색은 정말 아름다워요.

아무것도 없는 빈 화면이 나왔을 것입니다. 먼저 여러분이 가장 익숙한 디자인으로 무언가를 만들어 봅시다.

디자인1.png

어떠신가요? 아무런 반응이 없는 분도, 아니면 치를 떠시는 분도 있겠습니다.

그렇지만 공통 분모로 촌스럽다는 느낌이 들것입니다. 과연 세련된 느낌을 받기 위해서는 어떻게 해야할까요?

1. 배경색

먼저, 배경색을 설정하세요. 여기서 매우 중요한 포인트로, 배경색은 어떠한 경우에서도 "검정(000)과 흰색(FFF)" 을 찍으시면 안됩니다. 2.png

밝은 배경이 필요하시다면 FFFFFF에서 조금 떨어진 EEEEEE나 DDDDDD 사이를, 어두운 배경이 필요하시다면 000000에서 조금 떨어진 111111이나 222222 사이를 선택하세요.

일단 이렇게 배경을 설정하고 나면 벌써부터 깔끔하고 세련된 느낌이 나기 시작합니다.

2. 그리고 흰색

이제 여기 위에 흰색을 올리세요. 주변에 선이나, 그림자를 조금더 준다면 좋겠네요. 3.png

이미 여러분의 디자인은 심플, 세련이라는 2가지 요소를 가져왔습니다. 단, 검정색에 사용할 경우에는 티가 잘 나지 않습니다. 이점을 유의해서 사용하시면 좋겠습니다.

3. 글을 이쁘게

혹시 여러분이 설치한 폰트가 없으시다면 무료폰트를 기본으로 설치하세요. 개인적으로는 본고딕(noto sans), 나눔글꼴, 배달의민족 폰트 3가지는 무조건 설치하시기 바랍니다.

4.png

폰트의 차이가 느껴지시나요? 각 폰트의 사용 방법, 그리고 배치에 따라서 시각적인 느낌이 아주 크게 바뀝니다.

4.png

위는 210 옴니고딕, 아래는 주아체를 사용했습니다. 차이점이 느껴지시나요?

위는 세련된 느낌이라면, 아래는 포근한 느낌이 살아있습니다. 폰트의 느낌과 여러분의 글을 매칭시키는 것이 가장 중요합니다.

개인적으로, 포트폴리오와 인포그래픽은 "고딕" 시리즈, 그중에서도 본고딕, 산돌고딕등의 기본 고딕류를 추천드립니다.

그외 PPT를 사용하신다면 개성넘치는 폰트들, 배달의 민족 시리즈나 나눔 스퀘어 같은 변형 고딕이나, 나눔명조같은 명조체도 추천드립니다.

4. 배치를 시작합니다.

3장의 사진을 보여드립니다. 이 말이 꼬릿말이라면, 어느배치가 정답일까요?

7.png5.png6.png

어느쪽 배치가 맘에 드시나요? 모두 괜찮아 보이실수 있겠지만, 객관적인 정답은 아래쪽이 맞습니다.

먼저, 문구를 살펴볼까요 "롤챔스, 이제 디스위크와 함께"는 이 글을 마무리 짓기 위한 꼬릿말입니다. 그렇다면 이 문서를 끝내는듯한 느낌을 만들어 주어야 합니다.

당연히 배치도 아래쪽에 있어야 심리적으로 글이 끝난듯한 느낌이 들 것입니다.

흔하게 하는 실수중 하나는 여러분이 배치해야 하는 위치에 대한 이유를 까먹는 다는 것입니다. 이유에 맞추어 배치하는것이 매우 중요합니다.


이번 편은 여기까지 입니다. 다음편은, 이것들을 조합하여 어떻게 사용하면 좋을지 알려드립니다.

감사합니다!

댓글