피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z대시보드

에릭

2024-08-27363269

안녕하세요. 문의 감사합니다. 내후년에 들으셔도 지장 없을 것 같습니다. 참고로 강의 수강 기한은 12개월입니다. 이 점 참고하셔서 강의 수강 신청을 하시면 될 것 같아요. 무료버전을 회사에서 사용할 수 있는지에 대해서는 디자이너가 1명이라는 전제하에 가능하다라고 말씀드릴 수 있을 것 같습니다. 디자이너가 2명 이상이 되면 협업이 필요할텐데 무료 버전은 협업에 있어서 제한이 많습니다. 감사합니다.

에릭

2024-01-15310954

안녕하세요. 문의 감사합니다. 해당 강의에서 폰트의 네이밍과 컴포넌트의 네이밍에 대해서 간단히 다루는 부분이 있습니다. 폰트 및 컴포넌트의 네이밍을 설정을 잘해야 실질적으로 디자인 작업시 효율적으로 진행을 할 수 있기 때문에 이 부분을 다루었습니다. 그리고 피그마의 파일명에 대한 네이밍을 어떻게 할지에 대한 부분에 대해서는 별도로 다루지는 않았는데 작업자의 스타일에 따라 본인에 맞추어 이름을 정하시면 될 것 같습니다.

에릭

2023-10-12289550

안녕하세요. 문의 감사드립니다. 다음 답변 확인부탁드리며 수강 여부를 결정하시는데 참고가 되면 좋을 것 같습니다. 피그마는 인터넷 기반의 소프트웨어라 업데이트가 신규 기능 추가 등 계속해서 일어납니다. (가끔은 1달, 1주 단위로도 업데이트가 일어납니다.) 그렇다 보니 강의에서 보여지는 피그마의 화면과 현재 최신 UI에는 다른 부분은 있을 수 있습니다. 다만, 강의에서 가르치는 내용과 관련된 UI의 변화는 minor하게 일어난 부분으로 강의를 들으시는데에 지장은 없을 것 같습니다. 그리고 강의에서 UI변화로 수강생분들이 꼭 체크를 해야 한다고 판단한 부분은 업데이트를 하거나 업데이트가 안되었더라도 영상 하단의 노트에 어떤 점이 다른지, 어떻게 활용해야 하는지 등 안내를 했습니다. 참고 부탁드리며 결정하시는데 참고하시기 바랍니다. 또한 이 강의의 최근 수강평도 함께 확인하시기를 추천드립니다. 최근 수강하신 분들의 경험담이 적혀 있기 때문에 결정을 하시는데 참고가 될 것 같습니다. 그러면 좋은 하루 되세요.

에릭

2023-09-20286034

안녕하세요. 문의 감사합니다. 이 강의는 UI디자인을 다루는 강의로 모바일 스크린 등의 전환을 위한 프로토타이핑을 알려드리고 있습니다만 말씀하신 구름의 움직임 등의 애니메이션을 다루지는 않습니다. 감사합니다.

에릭

2023-02-05239896

안녕하세요. 문의 감사합니다. 아래 답변 확인부탁드리며 수강 여부를 결정하시는데 참고가 되기를 바랍니다. 결론부터 말씀드리자면, 수강하시는데 크게 걱정은 하지 않으셔도 될 것 같습니다. 피그마는 인터넷 기반의 소프트웨어라 업데이트가 신규 기능 추가 등 계속해서 일어납니다. 그렇다 보니 강의에서 보여지는 피그마의 화면과 현재 최신 UI에는 다른 부분은 있습니다. 다만, 강의에서 가르치는 내용과 관련된 UI의 변화는 minor하게 일어난 부분으로 강의를 들으시는데에 지장은 없을 것 같습니다. 그리고 강의에서 UI변화로 수강생분들이 꼭 체크를 해야 한다고 판단한 부분은 관련 영상에서 어떤 점이 다른지, 어떻게 활용해야 하는지 등을 안내를 했습니다. 참고 부탁드리며 결정하시는데 참고하시기 바랍니다. 그러면 좋은 하루 되세요.

에릭

2023-01-20236504

안녕하세요. 질문 감사합니다. 해당 강의 (피그마를 활용한 UI디자인 입문부터 실전까지)는 사용자 조사 및 분석에 대해서는 따로 다루지는 않습니다. UI 디자인 능력을 키우는데 중점을 둔 강의입니다. 별도로 사용자 조사 (인터뷰, 사용성 테스트 등)를 다룬 강의를 제가 얼마전에 개설하였는데 관심이 있으시다면 들어보기를 추천드립니다. - 강의명: "UX/UI 입문자를 위한 유저 리서치 실전 & 취업 포트폴리오 전략" - 링크: https://inf.run/VPYR 감사합니다.

에릭

2022-12-25230129

안녕하세요. 좋은 질문 감사합니다. 네, 해당 강의는 수강생분들이 무료버전으로 실습/수강을 할 수 있도록 만들어진 강의입니다. 수강생분들이 프로페셔널을 선뜻 넘어가기 어려운 부분도 있지만, 실제로 피그마의 가장 코어에 해당하는 기능들은 무료버전으로 거의 모두 사용해볼 수 있기 때문에 강의를 무료버전으로도 들을 수 있도록 하였습니다. 유료버전의 기능 중에서는 라이브러리와 팀 라이브러리 기능에 대해서 아는 것이 필요하다고 판단하여 해당 내용을 다룬 컨텐츠를 두었습니다. * 관련 링크 (강의 구매를 하시면 볼 수 있습니다.): https://www.inflearn.com/course/%ED%94%BC%EA%B7%B8%EB%A7%88-ui%EB%94%94%EC%9E%90%EC%9D%B8/unit/57865 참고가 되셨기를 바라며 좋은 하루 되세요!

에릭

2022-11-29225765

박상진님 안녕하세요. 질문 감사합니다. 조작가능한 컴포넌트와 관련해서 예를 들어 어떤 컴포넌트를 만들고자 하시는지 알 수 있을까요? 이 수업에서 다루는 컴포넌트 예시 중에는 반응형으로 조작 가능한 컴포넌트도 있고 그렇지 않은 것도 있습니다. 컴포넌트의 정의가 워낙 광범위하기 때문에 기대하시는 컴포넌트를 이 수업에서 다루고 있는지를 알기 위해서는 박상진님께서 이 수업을 통해서 달성하고자 하는 목표에 대해, 즉 만들고 싶으신 컴포넌트 예시를 들어주시면 더 답변을 잘 드릴 수 있을 것 같습니다. 감사합니다.

에릭

2022-09-07211093

안녕하세요 오다예님, 문의 감사합니다. 해외에서 툴을 사용할 수 있는지 문의를 주신 부분에 대해서 제가 질문에 대해 잘 이해를 했는지 몰라서 다음에 대해서 확인해주시면 좋을 것 같습니다. - 피그마 툴에 나오는 용어들 (예를 들어 Crop (자르기), Pen (펜 툴))을 해외에서도 쓸 수 있는지 물어보시는 거라면, 답변은 "예"입니다. 피그마 툴 자체가 영어를 기본으로 하는 소프트웨어이고, 제가 강의에서 가르치는 피그마 소프트웨어는 모두 영어로 이루어져 있습니다. 그렇기 때문에 해당 용어들은 해외에서도, 적어도 일하시고자 하는 국가가 영어권이라면 동일하게 사용되기 때문에 답변은 "예"입니다. - 이 수업에서 가르치는 주요 이론 및 용어들이 해외에서도 동일하게 사용될까? 여기에 대해서는 "예"이기도 하고 "아니오"이기도 합니다. 이 강의는 UI디자인 및 피그마 사용법에 대해 알려드리고 있습니다. 피그마 사용법 측면에서는 위에서 말씀드린대로 영어 기반 소프트웨어이기 때문에 문제가 없습니다. UI디자인 이론에 대한 부분은 한국 뿐 아니라 영어권에서도 활용되는 원리들이기 때문에 배우신 지식들은 영어권에서도 활용하실 수 있습니다. 참고로 제가 실제로 현재 미국에서 활용하는 지식들입니다. 다만, 해당 이론은 한글로 가르치기 때문에 그대로 영어권에서 적용할 수 없고, 몇몇 용어들은 영어권에서 어떻게 사용하는지 따로 알아보셔야 될 수도 있기 때문에 "아니오"라고도 말씀드린 것입니다. 예를 들어서 강의에 "시각 계층의 원리"에 대해서 다룹니다. 이것은 영어로는 Visual Hierarchy입니다. 이런 것은 제가 영어 용어로 가르치기보다는 한글 용어로 가르치기에, 이런 점들을 강의 수강 여부에 대해서 결정하실 때 참고하시기 바랍니다. 피그마 버전과 관련해서는 최근 버전의 피그마로 수강하셔도 문제 없을 겁니다. 제가 이 강의를 만든 이후로 제가 영상에서 다루는 내용에 대해서 피그마에서 크게 업데이트된 부분이 없고, 변동된 부분은 관련 영상에서 안내를 하고 있습니다. 또 궁금하신 부분이 있다면 말씀주세요. 감사합니다.

에릭

2022-05-23189941

안녕하세요. 문의주셔서 감사합니다. 제가 질문을 정확하게 이해한 것인지 잘 모르겠습니다만, 예제에서 확인하신 스타일 대로 동일하게 만들 수 있는지, 이것을 토대로 새로운 오브젝트를 만들어 지정된 스타일을 적용하는지를 물어보시는 거라면 그렇다고 답변 드릴 수 있습니다. 수강을 하시는 분들께는 제가 강의에서 보여드리는 예제에 대한 링크를 제공하고 있으며 문의주신 스타일 가이드 역시 예제 링크를 제공하고 있어 이 파일을 본인의 피그마에서 열어보시고 복사하시어 바로 적용해보실 수 있습니다. 참고가 되셨기를 바라며 좋은 하루 되세요. 감사합니다.

에릭

2022-05-02186214

안녕하세요. 문의 감사합니다. 이 강의는 실습 위주의 강의입니다. 그래서 따라해보는 실전 예제가 담겨있습니다. 제출해야 하는 형식의 과제는 따로 없고 예제 따라해보기를 하면서 UI디자인 실력을 만들고 향상될 수 있도록 만든 강의입니다.

에릭

2022-04-07181610

안녕하세요. 질문 감사합니다. 결론부터 말씀드리자면, 이 강의는 포트폴리오를 제작하기 위한 강의는 아니기 때문에 포트폴리오가 나올 수 있다고 말씀드리기는 어려울 것 같습니다. 다만, 포트폴리오를 만들어가는 과정에 있어서 간접적으로 도움은 될 수 있습니다. 이에 대해서는 조금 더 배경 설명이 필요할 것 같아 아래 쓴 내용 참고 바랍니다. UX/UI디자이너를 목표로 하셨을 때에 포트폴리오를 만들기 위해 어떤 단계를 밟아야 하는지 아시면 좋을 것 같아요. 첫번째는 UX 및 UI디자인에 대한 기초 지식, 개념 및 원리에 대한 이해가 필요합니다. 그 다음 두번째로는 아이디어를 시각화할 수 있는 능력이 필요합니다. 와이어프레임, 하이파이 프로토타입(UI디자인 산출물)을 만들 수 있는 능력이 필요하다는 것을 말씀드리는 것인데요. 이를 위해서는 필수적으로 툴을 다룰 수 있는 능력이 필요합니다. 이 강의는 바로 이 단계를 도와드리기 위한 강의로 UI디자인 프로세스를 밟을 수 있는 능력과 각 프로세스별로 산출물을 (피그마를 통해서) 만들 수 있는 능력을 가르쳐드립니다. 세번째로는 프로젝트를 진행하셔야 합니다. 개인 프로젝트가 될 수도 있고, 동아리 등을 통한 협업 프로젝트가 될 수도 있겠습니다. 타겟 사용자를 정하고 사용자가 겪는 문제를 발견하고, 이를 UX/UI디자인을 통해 해결해나가는 과정을 밟는 것입니다. 네번째는 포트폴리오 제작입니다. 앞선 1, 2, 3단계를 마쳤다면 포트폴리오는 3단계에서 진행한 프로젝트를 면접관이 잘 이해할 수 있게 내용을 정리하고 문서화하는 작업이라고 볼 수 있습니다. 즉, 프로젝트를 진행한게 없다면 포트폴리오도 없다는 이야기입니다. 정리하자면, 이 '피그마를 활용한 UI디자인' 강의는 위에서 2번째 단계에 해당하는 부분을 도와드리고자 만든 강의이며, 이 강의를 들으셨다면 그 다음 단계를 따로 밟으셔야 합니다. 3/4단계와 관련해서는 제가 1:1 멘토링을 통해서 강의를 진행하고 있는게 있으니 더 궁금한 부분이 있다면 이메일로 문의주시기 바랍니다. (ericworld121@gmail.com) 참고로, 1단계에 대해서는 제가 인프런에 개설한 'UX 디자인 개론' 강의가 있는데요. 이 강의를 통해 기초 지식과 원리에 대한 이해를 하실 수 있습니다. (강의 링크: https://www.inflearn.com/course/ux디자인-입문?inst=5b7d9f28) 참고가 되셨기를 바라고 더 궁금한 점이 있다면 문의주세요. 감사합니다.

에릭

2022-03-25178441

안녕하세요. 인프런 팀에 문의를 했고 응대 가능하다고 합니다. 다만 인프런 팀을 통해서 진행하셔야 해서 우측 하단에 보이는 '문의하기'를 통해 문의하시기 바랍니다. 감사합니다.

에릭

2022-01-14161126

안녕하세요. 문의 감사드립니다. 아이패드로 수업을 '들으시는 것', 즉 영상을 시청하시는 것은 문제 없으리라 생각됩니다. 다만, 해당 수업에서는 많은 챕터들에서 보면서 따라하는 실습하는 부분이 들어가 있어요. 실습을 하는 측면에서는 아이패드로 실습을 하는데에는 한계가 있기 때문에 아이패드보다는 노트북 또는 컴퓨터로 들으시는 것을 추천드립니다. 피그마는 마우스와 키보드를 함께 사용하면서 작업을 하기 때문에 아무래도 노트북/컴퓨터로 작업을 해야 합니다. 강의는 9시간여 정도로 되어 있는데 집중해서 들으신다면 16일 안에 완강이 충분히 가능하리라고 생각됩니다. 수강생 분들 중에는 집중해서 들으셔서 2-3일 안에 완강하셨다는 분들도 있었습니다. 그리고 해당 강의는 이지은님처럼 초보자, 비전공자, 입문자를 위해 만든 강의에요. 디자인 전공지식이나 배경 지식이 없어도 들으실 수 있도록 강의를 만들었습니다. 또 궁금한 점이 있으면 언제든지 문의주세요^^

에릭

2021-12-08152520

안녕하세요. 문의 감사드립니다. 해당 강의에서는 모바일 예제가 조금 더 많은 편이긴 합니다만, 해당 강의에서 제공하는 피그마와 UI디자인의 개념들은 웹에서도 대체로 적용 가능한 것들입니다. 예를 들어서 아이콘 디자인, 디자인 프로세스에 따른 툴 사용법 등이 그렇습니다. 그리고 그리드에 대해서 다루는 챕터같은 경우에는 모바일에서의 그리드 세팅과 더불어서 다양한 해상도에 따라서 그리드를 적용하는 방법을 알려드리고 있고 웹에 해당하는 해상도에 대해 그리드를 활용한 예제를 제공하고 있습니다. 참고가 되셨기를 바라고 좋은 하루 되세요!

에릭

2021-07-09121456

수료증에 대해서는 100% 완강하신 후 강의 완료 버튼을 누르시면 자동으로 발급된다고 합니다. 수료증은 개개인의 지식공유자가 아닌 인프런 측에서 공식적으로 발급하는 것이라 아래 링크를 통해 해당 사항을 확인하시기 바랍니다. https://www.inflearn.com/faq 질문 "수료증은 어떻게 발급받나요?"를 확인해주세요^^

에릭

2021-07-08121242

안녕하세요. 교재는 따로 없습니다. 강의 내용을 잘 들으시면 되고, 강의에 나온 예제 역시 강의를 보시면서 따라하시면 됩니다. 그리고 강의 예제를 따라하기 위한 참고용으로 완성된 예제 파일을 공유드립니다.

에릭

2021-07-08121202

안녕하세요. 해당 강의 수강을 하시면 질문하기 기능을 통해서 질문을 주실 수 있고, 답변을 받으실 수 있습니다. 다만, 질문은 강의 내용 및 강의 예제에 관한 질문에 한해 받고 있습니다. 강의 외적인 부분, 예를 들면 개인프로젝트에 대한 문의나, 개인 커리어 상담은 해당 강의를 통해 질문/답변을 받지 않습니다. 이런 부분은 인프런의 멘토링을 통해서 문의를 받고 있습니다. 멘토링 신청은 제 프로필에 가시면 하실 수 있습니다. https://www.inflearn.com/users/@uxeric 감사합니다.

에릭

2021-06-05114015

안녕하세요. 좋은 질문 감사합니다. 저도 이 부분은 처음 받아본 질문이라 리서치를 조금 해봤습니다. 피그마에서 import기능이 있기는 한데 PSD파일을 import해보려고 하니, 피그마에서는 PSD파일을 지원하지 않는다고 하네요. 다만, PSD를 스케치 파일로 전환하고 이를 다시 피그마로 가져오는 방식에 대해 소개한 글이 있어 공유합니다. https://medium.com/figma-africa/importing-photoshop-psd-file-in-figma-the-easy-way-f6c104c8e386 글을 보니 fx에 대한 지원은 매우 제한적인 것 같습니다. 참고가 되셨길 바랍니다^^ 감사합니다.

에릭

2021-05-30113027

유진이님 안녕하세요. 문의주셔서 감사합니다. UX, UI에 처음 입문하시려는 거라면 UX디자인 개론 강의를 먼저 들으시기를 추천드립니다. UX란 무엇인지, UI란 무엇인지, 이 분야를 입문하기 위해 알아야 할 것들은 무엇인지 알고 나면 앞으로 어떻게 커리어 계획을 세워나가야 할지 감이 잡히실 겁니다. * 뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론: https://www.inflearn.com/course/ux디자인-입문?inst=5b7d9f28 해당 피그마 UI디자인 수업은 (개론 수업을 들으셨거나) 어느 정도 UX/UI에 대한 기초를 쌓은 분들이 디자인 실무능력을 키울 수 있도록 설계한 수업입니다. 더 궁금한 점이 있으시다면 아래 카톡 1:1 오픈챗으로 언제든지 연락부탁드립니다. Start an Open Chat on KakaoTalk! Tap the link to get started. https://open.kakao.com/o/sSCcLHqc