전체 글 썸네일형 리스트형 [디자이너 두명] Figma 피그마 소스를 PPT에서 편집할 수 있게 만들기(Figma to PPT) 업무를 하다보면 UI팀과 기획팀 그리고 PPT를 작업하는 디자인팀으로 나뉘어 질 때가 있다.PPT작업팀이 Figma를 하면 좋겠지만 대부분은 Figma를 설치하고 있지 않거나 내부에서 보안상 Figma를 공유하지 못하게 한다.이런 환경에서 종종 Figma로 그린 소스나 그림을 PPT제안서로 옮길때가 있다.그러면 PPT작업팀이 그림을 수정할때마다 UI팀이 수정을 해줘야하는 번거로움이 있는데, 이를 없앨 수 있는 방법을 공유하려고 한다. 1. PPT로 가져갈 소스 준비UI상에서 PPT로 옮길 소스만 따로 다른 대지에 옮긴다. 2. 소스 전처리(도형 병합)PPT상에서 강조 색깔이나 강조 선을 넣을 부분을 머지하는 작업이 필요하다.PPT디자이너를 위해 소스를 적절하게 병합한다. 병합할 레이어를 shift버튼을.. 더보기 [디자이너 두명] Figma 피그마로 프로토타입 애니메이션 활용하기 (화면 전환 효과, 로딩 화면) 피그마 프로토타입은 여러 가지 화면 모션을 지원한다. move in, move out, push, slide 등... 하지만 내가 원했던 것은 이러한 단순한 화면 이동 동작이 아닌 레이어마다의 객체 애니메이션이었다. 그동안은 개발자와 협업하면서 레이어의 애니메이션이 필요한 경우 1. 디자이너가 애니메이션을 adobe after effects로 제작 후 gif로 저장해서 공유하는 방법 2. css 애니메이션 기능을 이용하는 방법 3. js를 이용하는 방법 (기타. Lottie를 활용한 json..) 이 3~4가지 정도를 주로 쓸 수 있다. 특히 1번 GIF를 사용하는 경우에는 파일 용량의 압박, 모바일 데이터 소비 등의 이유로 사용을 꺼려하는 개발자와 유저들이 많기 때문에 2번 혹은 3번의 방법으로 애니메.. 더보기 [디자이너 두명] 웹디자인 기능사 실기 독학 가능할까? (+ 필수 준비물, 팁 공유) 저번 시간에는 웹디자인 기능사 필기시험에 대해 다룬 글이 있었는데 현재는 웹디자인 기능사 실기를 독학으로 준비하는 나의 과정을 서술해보려 한다. 웹디자인 기능사 실기는 어쩌면 디자인보다 코딩 위주의 시험이라고 봐야 한다. 디자인은 웹상에서 들어가는 로고, 메인 이미지를 포토샵으로 제작하는 정도이고 디자인의 미려함과는 상관없이 가이드 안에 들어가면 (예를 들어 로고를 텍스트 타입으로 만드세요 같은...) 되는 수준이다. 그렇다면 코딩 전혀 모르던 디자이너가 웹디자인 기능사 실기를 독학으로 가능할까? 평소 코드 구조를 어느 정도 볼 줄 아는 상태라면 충분히 가능하다고 생각한다. 우선 나는 책도 없이 독학하는 중인데, 디자인할 때 쓰는 Sketch프로그램의 연동 프로그램인 Zeplin 할 때만 간간히 코드를 .. 더보기 [디자이너 두명] 초짜 디자이너의 맥북 사용기 (절망편) 디자이너의 맥북 사용기 (절망편) 나는 이 회사에 들어와서 맥북이란 컴퓨터를 처음 써봤다. 예전에 처음 포토샵을 배웠을때 아이맥을 잠깐 써보긴 했지만, 그 때도 IBM(윈도우설치 컴퓨터)과 병행하며 사용했기 때문에 사실 맥 컴퓨터에 익숙하지 않았었다. 그러다 디자이너로서 출근 첫 날, 약 6년만에 맥 컴퓨터를 다시 마주친 것이다. 누구한테 물어보기도 부끄러운 질문들이었지만 나는 정말 몰랐다. 처음 본 옆자리 동료에게 컴퓨터 어떻게 켜요? 한다면.. 얼마나 내가 블랙홀 같아 보이겠어... 혹여나 맥을 처음 사용하게 된 디자이너가 있다면… 부디 조금이라도 도움이 되길 바라며 이 글을 쓴다. 1. 전원이 왜 없지… 누가 컴퓨터좀 켜주세요. => 아이맥의 경우 본체이자 모니터의 뒷쪽에 버튼이 있고(처음엔 고개를.. 더보기 [디자이너 두명] 초짜 디자이너의 골 때리는 썰 (feat.순수미술 출신) * 디자인학과 전공자들은 읽다보면 어이없을 수 있음 주의 나는 서양화과 출신의 디자이너다. 학교 다닐 때만 해도, ‘디자인 = 졸업하고 작가 못 되면 가지게 될 직업?’ 정도로 생각했다. (^^..무식하면 용감하다더니…네 그게 바로 저였습니다..) 맨날 손으로 그리던 것을 마우스로 하면 되지 않을까? 단순하게 생각했다. 그래서 포토샵, 일러스트레이터 같은 디자인 툴도 열심히 배웠다. '좋았어! 손그림만 그릴 줄 아는 다른 애들과는 다르게 나는 경쟁력을 갖췄다구!(해맑해맑)’ 그러나 나는 몰랐다. 디자인과 순수미술은 와아아안전히 다른 분야였다는 것을…. 대학 4년간 깊게 형성된 나의 작가st 작업방식과 가치관은 디자이너가 된 나를 매우…괴롭혔다. 상황 1) A : 왜... 이렇게 디자인을 했죠? 나 : 이.. 더보기 [디자이너 두명] 2019 웹디자인 기능사 필기 합격 후기 7월 20일, 웹디자인 기능사 필기시험을 보고 온 후기! 장소는 성남테크노과학고에서 봄. 본인 거주지는 평촌인데 시험 신청할 때 보니 안양 지역은 시험장이 아예 없는 듯. 산업기사 시험 볼 때는 안양 시험장이 많았는데... 흑 그래서 안양 거주자는 가까운 수원과 용인, 그리고 성남으로 선택해야 하는데 안양에서 수원은 경수대로를 타고 가야 하기 때문에 워낙 차 밀리는 도로라 주말 이동시간을 예측하기 힘들어 수원은 포기. 용인은 버스가 없어서 결국 성남으로 선택했다. 성남도 분당이면 가까웠을텐데 안타깝게도 성남 위쪽이라 버스를 2번 갈아타고 힘들게 갔다. 도착한 성남 테크노 과학고는 CBT시험실 컴퓨터 사인펜을 준비할 필요가 없다. 필요하다면 나는 가서 사야 하나 생각했는데 필요 없어서 다행이다 싶었다. C.. 더보기 [디자이너 두명] 2019 웹디자인 기능사 필기 준비하기 시각 디자인과를 졸업하고 IT회사에서 디자이너로 일한 지 3년 차. 얼마 전 홈페이지 개설을 위해 기획부터 디자인, 개발까지 짧은 기간 안에 완성해야 하는 프로젝트가 있었는데 그때 Zeplin에 연동되지 않은 효과로 너무 고생하는 개발자를 보고 "디자이너가 마크업 정도만이라도 만들 수 있다면 개발자가 수월하지 않을까?"라는 생각으로 시작하게 된 웹디자인 기능사 자격증 하지만 나중에 이 이유를 해당 개발자에게 말해주니 우리는 리액트 쓴다고 차라리 혼자 하는 게 더 빠르고 수월하다.... 는 답변이 돌아왔다. 하 늉뮬.. 그래 이렇게 된 거 웹도 공부하고 리액트도 해보자 웹디자인 기능사 자격증의 필기 범위는 크게 1과목. 디자인 개론 2과목. 인터넷 일반 3과목. 웹 그래픽 디자인 으로 나누어져 있다. 미대.. 더보기 이전 1 다음
