SK채용 공식블로그

역량에 파워업, IT 직무 맞춤 디자인 프로그램 모음!


신입생 때 IT계열 디자인을 전공하며 대체 무슨 프로그램을 공부해야할지 막막했던 순간들이 있었다. 학교생활과 인턴생활을 거치고 어느덧 고학년, IT산업을 꿈꾸는 학생들 혹은 디자인에 관심을 가지고 있는 저학년 학생들로부터 종종 ‘어떤 툴을 배워두면 좋을까요?’라는 질문을 받곤 한다. 이에, 오늘은 IT관련직무에 관심이 있다면 100%! 유용할 디자인 프로그램들을 3가지 테마로 나누어 소개하고자 한다.

 SK Careers Editor 김나혜 



Adobe(이하 어도비) 사이트의 서비스 소개에 따르면 Photoshop(이하 포토샵)은 이미지 편집 및 합성에, Illustrator(이하 일러스트레이터)는 벡터 그래픽 및 일러스트레이션 제작에 유용한 도구라고 한다. 즉 정교한 사진 보정, 합성에는 포토샵을, 캐릭터나 로고같은 일러스트를 편집 및 창작할 때는 일러스트레이터를 쓰면 된다는 것이다. 가령, 행사 포스터를 만든다고 가정해보자. 포스터가 사진이 중심이라면 포토샵을, 창작 일러스트나 도형, 타이포그래피 중심이면 일러스트레이터를 사용하는 것이 나을 것이다.


한편, Indesign(이하 인디자인)은 주로 인쇄물이나 온라인 출판물을 디자인할 때 쓰는 도구이다. 편집디자인에 관심이 있다면 필수 중의 필수라고 할 수 있겠다. 종이 사이즈부터 여백, 행간 및 자간, 페이지 넘버, 텍스트와 이미지까지 일관성있는 레이아웃을 유지하기 위해서는 여타 프로그램보다는 인디자인을 사용하는 것이 훨씬 편리하기 때문이다. 파워포인트에서 ‘마스터’ 기능을 사용함으로써 레이아웃을 일괄적으로 유지할 수 있는 것처럼 말이다.


어도비 프로그램은 대학생들에게는 더욱 저렴한 가격으로 서비스를 제공하고 있다. 또한, 학교생활, 대외활동 등 일상에서도 자주 쓰이는 프로그램인만큼 유튜브나 어도비 사이트에서 이미 다양한 강좌를 제공하고 있으니 참고해보자. 



IT산업에서 ‘핫’한 UX / UI 디자인이나 서비스기획 직무를 희망한다면 Sketch(이하 스케치), Azure(이하 액슈어), Zeplin(이하 제플린)을 추천한다.


왜 포토샵이나 일러스트레이터를 사용하면 안 되냐고? 기존에 사용하고 있는 모바일 어플리케이션이나 웹사이트들을 생각해 보자. 가령, PC환경의 SK Careers Journal 웹사이트의 경우, ‘Trend’ 탭에 커서를 올렸을 때 크게 ‘채용 트렌드’, ‘캠퍼스 트렌드’, ‘스마트 트렌드’가 화면에 나타나야 한다. 이 중에서 ‘채용 트렌드’를 클릭하면 이 카테고리에 해당되는 기사들만이 화면에 나타나야 되어야 한다. 한편, ‘SK 채용 공식블로그’, ‘SK Careers Journal’, 그리고 검색창으로 이루어진 상단 부분은 특별한 변화가 없는 것을 확인할 수 있다.


즉, SK Careers Journal 웹사이트는 사용자의 동선에 따라 끊임없이 변화하는 동시에 일관성 있는 화면 및 디자인을 유지하고 있는 것이다. 다른 온라인 서비스들도 모두 그렇다. ‘채용 트렌드’의 글을 읽기 위해 해당 버튼을 클릭했는데 갑자기 검색창이 이동하면 당황스러울 것 아닌가? 즉, 사용자 경험(User Experience, UX)을 고려한다면 소위 ‘서비스 설계’ 직무에 있어서 포토샵이나 일러스트레이터는 최적화된 프로그램은 아닐 것이다. 서비스를 기획하고 디자인하는 작업에는 시각 디자인 작업 외에도 사용자의 움직임을 반영한 ‘인터랙션’을 설계하는 것이 중요하기 때문이다.


각설하고 프로그램들을 간단히 소개해 보자면, 제플린은 개발자와 디자이너가 협업하기에 좋은 GUI 프로그램으로 많이 알려져 있다. 스케치 및 포토샵 등 다양한 프로그램들과 연동이 가능하고 윈도우와 맥 환경 모두를 지원한다는 점에서 범용성 역시 뛰어나다. 스케치는 UX/UI 디자인에 있어서 효과적이고 빠른 프로토타이핑에 유용하나, 맥에서만 사용할 수 있는 프로그램이라는 점에서 장벽이 있다. 반면 액슈어는 윈도우, 맥 환경 모두에서 사용 가능한 프로그램이다. 다양한 아이콘을 프로그램 내에서 제공하고 인터랙션을 직관적으로 설계할 수 있다는 점에서 비전공자도 쉽게 사용할 수 있다. 무엇보다도 학생들에게는 서비스를 무료로 제공한다!


이 외에도 제약이 약간 존재하지만 어도비 XD가 무료 서비스를 제공하고 있다. 사용법도 어렵지 않고, 어도비 타 프로그램들과 연동이 쉽기 때문에 어도비에 익숙한 편이라면 좋은 선택이 될 것이다. 만약 디자인 툴 자체에 익숙하지 않다면 Invision(인비전)을 추천한다. 인터랙션 설계가 간편하고, 프로그램 1개까지는 무료로 이용이 가능하기 때문이다.



영상을 만든 경험이 있다면 한번쯤 들어봤을 프로그램들이다. 어도비 프리미어는 컷편집, 자막 삽입 및 간단한 톤 보정에, 애프터 이펙트는 모션 및 그래픽 편집에 유용하다. 다양한 컷들을 이어붙이거나 영상에 간단한 자막을 입히고 싶다면 프리미어를, 다양한 시각 효과를 넣고 싶다면 애프터 이펙트를 사용할 것이다. 더불어, 다른 프로그램들과는 달리 프리미어와 애프터 이펙트는 서로 연동이 된다는 점에서 강력하다. 


어도비 프로그램답게 유튜브나 어도비 사이트에 이미 튜토리얼들이 준비되어 있으니 참고하자. 단, 다른 프로그램들보다 무거운 편이니 용량이나 그래픽 카드 확인과 습관적인 저장은 필수! 


크게 세 가지 테마로 다양한 디자인 프로그램들을 살펴보았다. 당연하지만 모든 프로그램을 다뤄야 할 필요는 없다. 꿈꾸는 직무나 성향에 맞게 선택하여 차근차근 손에 익히다 보면, 어느덧 원하던 직무 경쟁력도 갖추게 될 것이다. IT직무를 꿈꾸고 있다면, 이번 학기 어떤 것을 다뤄보면 좋을지 고민해보자!



Posted by SK Careers Journal skcareers

댓글을 달아 주세요

  1. 변종원 2020.03.12 13:41 Address Modify/Delete Reply

    프로그램 얼마?

  2. 변종원 2020.03.12 13:42 Address Modify/Delete Reply

    문의 하고 싶어요

보기 좋은 떡이 읽기도 좋다! PPT 꿀팁 사이트/방법 소개!

 

<사진출처 : www.google.com/이미지>

 

많이들 보았던 사진. 위 자료는 일명 ‘보는 이를 아프게 하는 PPT 짤’로 피피티의 잘못된 디자인 예시로 알려진 사진이다. PPT, 발표를 위한 기본 요소이지만 처음 파워포인트를 켜면 멍해지는 기분을 많이 느꼈을 것이다. 컬러는 어떻게 해야 하지… 폰트는 화려한 게 좋을까, 기본이 좋을까… 기본 굴림체, 턱없이 비어 보이는, 혹은 너무나도 꽉 차 복잡하기만 한 배경.. 마치 세월을 거스르는 듯한 오래된 디자인에서 탈출하지 못하고 있는 당신! 정보를 찾아보고 싶어도, 검색어, 핵심 키워드를 잡지 못해 갈피를 잡지 못하고 헤매는 당신! 그대들을 구제해 줄 PPT 꿀팁 사이트 및 작은 방법으로도 깔끔한 PPT를 만들 수 있는 작성법에 대해 공유를 하고자 한다.

 

SK Careers Editor 채소희

 

1. PPT의 구성 방식 – 두괄실/미괄식/양괄식

 


간단한 레이아웃 정리만으로도 깔끔한 PPT로 재탄생 될 수 있는 글 구성 방식을 소개한다. 두괄식, 미괄식, 양괄식 크게 세 가지의 구성에 대하여 차례대로 알아보자.

 

두괄식 – 머리두의 한자 뜻과 같이, 요지를 글의 앞 부분에 배치
 

 

두괄식은 머리두의 한자의 뜻을 따서, 자신이 말하고자 하는 요지를 글의 맨 처음 앞단에 배치하여 빠른 시간 내에 자신이 전달하고자 하는 핵심 의견을 내놓는 방법이다. 두괄식을 PPT 형식에 녹아내는 방법은 페이지의 맨 처음 상단에 현재 페이지에서 자신이 말하고자 하는 핵심 한 줄을 적고 시작하게 되면 두괄식 PPT 형식이 된다. 두괄식은 깔끔하게 먼저 자신의 생각을 한 줄로 정리하여 뒷부분에 이어지는 정보를 보여주게 됨으로 자연스럽게 내 의견을 깔끔하게 전달할 수 있으며, 뒤이어 나오는 자료들에 대한 매끄러운 맥락 이어짐이 가능하다는 것이 장점이다.

 

미괄식 – 꼬리미 한자 뜻과 같이, 요지를 글의 뒷부분에 배치
 

 

미괄식은 꼬리미의 의미로 자신이 말하고자 하는 요지를 두괄식과 반대로 글의 뒷부분에 배치하는 것을 뜻한다. 상대방에 대한 다소 부정적인 평가를 내릴 때에 사용하면 좋은 방법으로, 문제점을 제기하거나 앞단의 자료 내용이 방대할 때, 미괄식의 방식으로 마지막 정리 문구를 글 뒷부분에 한 줄로 요약하게 되면 깔끔하게 한마디로 정리를 해 줄 수 있고, 문제점을 정확히 한 단어로 집어줄 수 있는 것이 장점이다.

 

양괄식 – 앞, 뒤 둘 다 놓칠 수 없다! 글의 앞 뒤로 주된 내용을 배치
 

 

양괄식은 두괄식, 미괄식이 합쳐진 개념으로 글의 앞뒤로 모두 주된 내용을 한 줄씩 배치하는 방법으로 논설문에서 가장 많이 쓰이는 방법 중 하나이다. 보편적으로 양괄식 PPT 방식을 주로 많이들 이용하며, 양괄식으로 PPT 페이지를 구성할 때, 앞단엔 물음을 던지고, 마지막에 한 문장으로 정리를 해주는 식의 설명 페이지에 대한 물음을 던지고 자료에 대한 마지막 정리를 하는 형태로 많이들 이용하고 있는 방식이다.
 
위 자료처럼, 설명 방식에 대한 기준만 세워주게 되더라도 설명 방식에 대한 깔끔한 하나의 레이아웃 기준에 생성되어, 보다 읽기 편한 PPT로 발전할 수 있다.

 

2. PPT 자료 꿀팁 사이트소개

설명 레이아웃 기준을 정했다면, 레이아웃 다음으로 읽기 좋은 PPT 퀄리티의 가장 중요한 요소는 무엇일까? 그것은 바로 하이퀄리티의 자료(사진, 영상, 인포그래픽, 도표, 통계자료 등) 이다. 이 글을 보고 있는 독자 중, 평상시 네이버나 구글링을 통해 글로 이루어진 기사와 통계자료는 많이 찾을 수 있었지만, 그것을 표현하기 위한 아이콘이나 고퀄리티의 사진을 찾기가 힘들었던 경험이 있었을 것이다. 그런 친구들을 위한 PPT 디자인 자료 꿀팁 사이트를 소개한다.

 

▶ 고퀄리티 이미지/영상을 위한 사이트



 

 

저작권 프리의 무료 이미지, 영상 검색을 위해 용이한 사이트로 Picjumbo는 이미지 위주의 사이트, 그리고 Pixabay는 이미지/영상 둘 다 찾을 수 있는 사이트이다. 검색어를 통해 원하는 사진, 영상의 이미지를 찾을 수도 있고, 카테고리별로 볼 수도 있기에 원하는 이미지를 찾기에 좋은 사이트이다. Picjumbo의 사이트엔 뒤 배경으로 깔 수 있는 고퀄리티의 사진들도 많으니 유용하게 무료로 즐겨보자!
사이트 : www.picjumbo.com, http://pixabay.com


▶ 인포그래픽/깔끔한 아이콘이 넘치는 사이트



 

 

위의 두 사이트는 아이콘, 인포그래픽에 활용하기 좋은 자료들이 넘쳐나는 사이트이다. 저작권 무료이며, 직접 만들고 그리지 않더라도 고퀄리티의 아이콘으로 깔끔하게 표현할 수 있어 톤앤 매너에 맞춰서 잘 배치를 한다면 쉬운 방법으로 PPT 전문가의 느낌이 물씬 느껴지는 디자인을 간편하게 만들 수 있는 것이 장점이다. 방대한 양의 아이콘 저장소와 같은 이곳을 즐겨찾기 추가해두고 적절히 잘 이용해보자!
사이트 : http://thenounproject.com/, http://flaticon.com/

 

▶ 컬러조합 추천 사이트



 

형태도, 레이아웃도 모두 정했는데, 항상 마지막에 이것저것 바꿔보며 망설여질 때가 있다. 다들 공감할PPT 색상에 대한 고민. 어떤 색상으로 환상의 컬러 조합을 만들어볼까?라는 고민은 PPT 첫 장부터 마지막 장까지 끊임없이 고민되는 항목 중 하나이다. PPT의 컬러 같은 경우에는 브랜드 PT를 준비하거나 제품에 대한 프로모션 PT를 준비할 때 말하고자 하는 대표 메인 브랜드/제품과 컬러가 잘 어우러지면, 보는 사람의 호감도를 더 높게 얻을 수 있다.

 

귀 얇은 컬러 선택 망설임자를 위한 컬러 조합 추천사이트를 소개한다. Adobe에서 공식적으로 운영하고 있는 컬러 사이트이며, 단색, 보색, 유사색, 추천 색 등 여러 컬러 조합을 볼 수 있는 사이트이다. 그래픽 프로그램계의 강자 Adobe에서 운영하는 사이트인 만큼 업로드도 빠르고 다양한 유저들의 수많은 선택한 컬러 조합도 볼 수 있다. 색상 결정에 고민이 될 때, 유용하게 이용해보자!
사이트 : https://color.adobe.com/

 

3. PPT 정보 꿀팁 블로그 소개

 

 

다양한 자료의 사이트들이 있었다면, 한글로 된 무료 템플릿과 PPT강좌를 쉽게 글과 영상으로 볼 수 있는 꿀팁 블로그도 존재한다는 사실! PT까지 시간이 얼마 남지 않았을 때, 다양한 디자인에 도전해보고 싶을 때, 고수들의 팁을 엿듣고 싶을 때 PPT 전문 블로그를 수시로 방문하여 꿀팁을 얻어보자!

 

4. 꿩 대신 닭! 일러스트레이터로 PPT 만드는 방법

PPT는 항상 파워포인트로만 만들어야 하는 것일까? NO! 그렇지 않다. 파워포인트 이외에 쉽게 여러 장의 파일을 간편하게 볼 수 있는 PDF형식으로 그림을 그리는 툴인 일러스트레이터로도 PPT를 만들 수 있다. 일러스트레이터로 만드는 PPT의 장점은 내가 그리고 싶은 모든 것을 PPT를 만드는 과정 속에서 동시에 표현이 가능하다는 것이다. 단점으로는 트렌지션 애니메이션은 적용할 수 없으니 유의하자!


1) 먼저, 일러스트레이터를 켜고 작업창을 설정해준다



 

일러스트레이터는 그릴 수 있는 도화지 같은 개념의 도큐먼트를 초반에 설정을 해주어야 작업을 시작할 수 있다. Ctrl+N를 눌러 New Document를 만들 수 있는 창을 띄워, 세 번째 탭에서 보이는 Number of Art Boards 수를 자신이 만들고자 하는 페이지의 장 수를 입력해준다. 이후 바로 우측 정렬 모양을 네 번째 활성 탭인 직선으로 설정한다. 입력이 완료된 후, Advanced 탭에서 화면 컬러 모드인 RGB를 선택하여 주고 OK를 누른다.

 

2) PPT 디자인 작업을 마친 후, PDF파일로 저장해준다



 

설명대로 입력을 하고 오케이를 누르면, 위 사진자료처럼 일자로 나열되어있는 작업 창이 뜨게 된다. 각각 페이지에 PT 순서에 따른 자료를 만들고, 디자인/정보입력 작업이 끝난 다음, 상단 메뉴 탭의 Save As, 다른 이름으로 저장, 파일 형식은 Adobe PDF, 그리고 좌측의 Use Artboards를 함께 눌러준다. 이렇게 저장을 하게 되면, 자신이 작업한 순서대로 페이지 변환 없이 그대로 PDF 파일로 볼 수 있도록 간편하게 저장된다.

 

3) PDF로 만들어진 PPT 확인하기!



 

저장 위치를 오픈하여 PDF 형식으로 저장된 PPT가 문제가 없는지 확인해본다.  이렇게 파워포인트가 아닌 일러스트레이터로 PPT를 만들게 되면 애니메이션은 적용할 수 없지만, 내가 원하는 대로 자유롭게 그리고, 쓸 수 있는 장점이 있어 나만의 스타일이 담긴 PPT를 만들 수 있기때문에, 디자인과 친구들이 주로 PPT를 만들 때 손쉽게 이용하는 방식 중 하나이다.

 

다양하게 PPT를 좀 더 잘 보이게 하는 비주얼적 방식에 대하여 알아보았다. 항상 어려웠던 PPT, 고치고 또 고쳤던 PPT. 여러 꿀팁 사이트, 블로그들과 설명 레이아웃 방식의 기준을 통해 보기 좋은 떡이 먹기도 좋다는 옛말처럼, 보다 손쉽게 PPT를 보기 좋은 떡으로, 그리고 읽기 쉬운 PPT로 한층 업그레이드해보자!

 

 


 

 

Posted by SK Careers Journal skcareers

댓글을 달아 주세요

언제까지 구경만 할래? 디자인 초보를 위한 일러스트 특강

'그저~ 바라만 보고 있지~'그대, 디자인 잘하는 친구를 부러운 눈으로 쳐다본 적 있는가? 조별과제 발표날 학생들의 눈을 사로잡는 근사한 디자인을 보며, 나도 만들고 싶다 하고 생각했던 적이 있는가? 그렇다면 오늘 이 포스팅이 그대의 꿈을 이루게 하는 첫걸음이 될 것이다. 핵심만 콕콕 담은 일러스트 특강을 보고 우리 모두 어엿한 디자이너로 거듭나 보자!

 

SK Careers Editor 이천

 

 

 

일러스트레이터(Illustrator)를 배워야 하는 이유 3가지
첫째, 확대해도 괜찮아!
일러스트레이터는 ‘벡터’ 방식을 사용한다. 벡터는 시작점과 끝점이 만나서 이루는 선분과 면에 색상의 값을 정하여 이미지를 만들어나가는 방식인데, 쉽게 말하자면 벡터 이미지는 확대해도 이미지의 깨짐 현상이 없다.


이와 반대로 개념으로는 비트맵 방식이 있다. 비트맵은 픽셀이라는 작은 정사각형이 모여서 이미지를 구축하는 방식이라 확대를 했을 때 이미지를 구성하는 사각형이 보이는 흔히 말하는 ‘깨짐 현상’이 생긴다.

 

째, 활용도가 높아!
일러스트레이터는 벡터 방식을 사용하기 때문에, 작게 만들어서 크게 출력이 가능하다. 예를 들자면 대형 현수막을 제작해야 할 때, 포토샵을 이용한다면 실제 크기로 만들지 않는다면 비트맵의 깨짐 현상이 발생하지만, 일러스트는 작게 제작한 이미지를 크게 출력해도 깨짐 현상이 발생하지 않는다. 이러한 장점 때문에 많은 포스터들이 일러스트로 제작 된다.
 
째, 도형 제작이 편해!
일러스트레이터 illustrator 단어 그대로 ‘삽화가’이다. 어떤 의미나 내용을 시각적으로 전달하기 위해 사용되는 사진, 도안 등을 만들 수 있게 돕는 프로그램이다! 포토샵 등 다른 프로그램 보다 도형 제작이 수월해, 다양한 픽토그램을 제작할 수 있다.

 

펜 툴을 이용해 외곽선을 따 보자!

 

일러를 사용하며 가장 많이 쓰이고 기본이 되는 도구인 펜 도구는 자유롭게 도형을 만들거나, 이미지의 외곽선을 따라 그리는데 사용된다. 펜 도구는 직선과 곡선을 자유롭게 그릴 수 있다.

Tip. Shift 키를 이용하면 0’, 45’, 90’ 각진 직선을 그릴 수 있다!

 

 

다양한 도형을 만들어 보자!

 

도형 툴 안에는 사각형 도구, 둥근 사각형 도구, 원형 도구, 다각형 도구, 별모양 도구, 플레어 도구가 있다. 도형 툴을 활용해, 사각형 도구에서 정사각형, 직사각형을 만들 수 있고, 다각형 도구에서 삼각형에서부터 N각형을 만들 수 있으니 기억하자!

 

도형 툴은 일러스트에서 펜 툴과 함께 자주 쓰이는 도구다. 앞으로 도형+도형, 도형-도형으로 새로운 도형들을 만들어 내고, 이러한 작업의 반복으로 근사한 이미지를 만들 수 있다.

Tip. Shift 키를 이용하면 반듯한 도형을 만들 수 있다!

 

도형의 활용! 패스파인더

 

패스파인더는 앞서 언급한 도형+도형, 도형-도형으로 새로운 도형을 만들게 해줄 도구다! 모양모드에는 합치기, 앞면 제외, 교차 영역, 교차 영역 제외가 있는데 이를 활용해 다양한 도구를 만들 수 있다. 마지막으로 '패스파인더:나누기'는 겹쳐있는 도형을 조각조각 잘라 주니 사용해 보자!

Tip 패스파인더 창이 보이지 않는다면 메뉴바에서 찾아보자! [윈도우]-[패스파인더]
 
색을 입혀보자!

 

앞서 배운 도구를 이용해 만든 도형에 색을 입혀 보자, 색칠에는 칠과 선으로 나뉘며, 도형의 내부 색상과 외곽선의 색을 따로 채울 수 있고, 제일 하단의 빨간색 사선은 색을 채우지 않는 것이니 참고하자!

Tip [스포이드] 도구를 활용하면 빠르게 도형들을 같은 색으로 칠할 수 있다.

 

* 실습 : 푸터를 제작해 보자
오늘 배운 것들을 활용해 SK Careers Journal 에디터의 푸터를 제작해 보자, 우선 삽화를 제작하기 앞서 일러스트 작업을 4단계로 나눈다면 1단계: 단순화 하기, 2단계: 필요한 도형 정리, 3단계: 도형 제작, 4단계: 도형 배치로 나눌 수 있다. 단계별로 천천히 따라하면 어느새 이쁜 푸터가 만들어져 있을 것이다.

 
Ai 어디서 다운 받아?
오늘 배운 일러스트를 하기 위해서는 Adobe사의 illustrator라는 프로그램이 필요하다! Adobe사의 홈페이지(http://www.adobe.com/kr/downloads.html)에서 시험버전을 다운로드할 수 있고, 무려 30일이나 체험할 수 있으니 다운받아 오늘 배운 내용을 복습해 보자!

 

 

>>>>>>>  자세한 것은 동영상으로! >>>>>>>

 

 

 

 

 

Posted by SK Careers Journal skcareers

댓글을 달아 주세요