
디자이너의 스킬업을 위한 Lottie 완벽 이해하기
디자인베이스
더 이상 Gif, Video에 의존하지 않아도 됩니다. 에프터이펙트에서 제작한 애니메이션을 코드로 출력해서 자바스크립트를 통해 다양한 인터렉션을 구현하는 방법을 배워볼게요. 여러분도 매력적인 웹사이트를 만들 수 있습니다.
Basic
Lottie, 웹 디자인, JavaScript
When communicating with developers, do you still communicate like this, "Please do it like this, swoosh~ tak." Of course, I'm also working as a UI designer, but... I'm frustrated because I feel like I'm the only one who can't do prototyping like everyone else... I really hate learning and doing code... This is a course on the Hi-Fi prototyping tool Principle for those who want to express a lot with a simple but high degree of freedom.

You can create moving UI prototypes.
You can create interaction designs that communicate with developers without coding.
You can create your own portfolio that stands out.
When communicating with developers, do you still say, "Please do it like this, swoosh~ tak"?
Are you anxious because you look at Behance and Dribbble and think you're the only one who can't do prototyping like everyone else?
Don't want to learn code? Are you looking for a 'nutritious' prototyping tool that's easy to learn but allows you to express yourself in a variety of cool ways?
Well, you've come to the right place. Yes, this is the design hotspot.

Basically, UI designers are a job positioned between planners and developers.
Lo-Fi prototyping tools are primarily used to ensure that the design matches the designer's intended design and ensures proper user flow. Conversely, high-fidelity prototyping tools are used to communicate the designer's intentions to developers.
The reason I chose Principle is because it is the best tool for expressing various things without needing to know code and is easy to learn. :)
Download the Principle example files I've prepared and follow along with my lectures to learn. You'll quickly master the basics of interfaces, animation, and interaction techniques, and then practice with a variety of practical examples. Using the same methods used in real-world applications, you'll import the UI you created in Sketch, create a prototype, and then finish by recording and outputting it.

You know the real learning begins after the course ends, right? Once you've finished the course, be sure to review it with your own UI design and show it off to everyone. That's where your "real" skills will be.
This course uses Principle and Sketch. It's not a Sketch course, but rather a means of creating a higher-quality UI. If you'd like to watch the Sketch course in advance, you can watch it on YouTube. (It's free, it's a secret.)
If you don't have Principle installed on your Mac, please visit the link below to download it. If possible, purchase it. If the cost is too high, download the free 14-day trial. (However, you should complete the course quickly before the trial ends.)
Principle Formac https://principleformac.com/
Also, please make sure to familiarize yourself with the minimum requirements (OS, etc.) required to take this course!
Absolutely important! If you're not a Mac OS user, please do not watch this video. The course will be taught using tools specifically for Mac OS. However... if you're a UI designer, I highly recommend it. Why? Because it features Sketch, the world's #1 UI tool, and Principle, the #1 prototyping tool.
Q. Can a beginner who has only recently studied UI design watch this?
A. Yes, this course is also a beginner's course on Hi-Fi prototyping tools. Learn it and you'll level up!
Q. What are the benefits of learning Principle?
A. You no longer have to use onomatopoeia like "whoosh~ slurp~ ttiyong~" with developers. It's kind of funny to see other designers doing that right next to you.
Q. Will it help me get a job?
A. If you go to recruiting services like Job Korea or Saramin and look at the preferred qualifications for UI designers, you'll see "prototyping tool skills." Companies are increasingly demanding this skill. While taking the Principle course won't determine your success or failure in landing a job, it will help you create a portfolio that stands out from the crowd.
Q. Do you actually use Principle a lot?
A. Yes, as I mentioned earlier, it's the world's leading Hi-Fi prototyping tool. And it's used by UI designers at countless global companies.
(Reference: https://uxtools.co/survey-2019/ )
The reason I created this course was to share my knowledge with practicing designers (or aspiring designers) who specialize in UI design, not with beginners or non-specialists. Using Principle not only creates a compelling portfolio, but also provides a valuable visual aid for considering and expressing usability issues both large and small, especially when working as a UI designer. Now, you can become a designer who shows, not just explains. :)
Who is this course right for?
People who communicate with developers using onomatopoeia (slurp~ swoosh~)
Anyone who wants to create a UI portfolio that moves differently from others
An ambitious designer who wants to go one step further to become a true full-stack designer.
Need to know before starting?
Sketch tool (recommended)
UX/UI
35,305
Learners
395
Reviews
32
Answers
4.8
Rating
5
Courses
디자인베이스는 누구나 쉽게 디자인을 배울 수 있도록 디자인 강좌를 만들고 있습니다.
저는 현업에서 UXUI 디자이너로 활동 중이며 입문자의 입장을 잘 알기 때문에 꼭 필요한 내용만 담아 강의를 제작합니다. 포토샵, 일러스트레이터뿐만 아니라 프로덕트 디자이너로서 알아야 할 다양한 툴과 코딩 지식을 갖추고 있습니다. 😊
- 인프런 수강생 3.1만 명 / 수강평 4.8점
- 실무 경력 8년차 디자이너 (스타트업 창업, 에이전시, 인하우스)
- 유튜브 구독자 8.1만 명
실무에서 바로 사용하실 수 있도록 정확한 내용과 양질의 강의를 제공하겠습니다. 📖
All
12 lectures ∙ (1hr 46min)
Course Materials:
All
17 reviews
4.9
17 reviews
Reviews 1
∙
Average Rating 5.0
5
유튜브에서 디베님 강의 듣다가 프로토타입 뿌시러 넘어온 직딩입니다! 확실히 예제로 직접 따라하며 학습하니 이해도 너무 잘 되요!! 회사작업이나 개인포폴 작업때도 유용하게 쓰는것 같아서 이번 강좌 너무 만족해요!!! 디자인베이스님 유트브때부터 믿고 보는 강좌인데! 너무너무 감사합니다!!!
우와우 감사합니다!! 도움되셨다니 뿌듯하네요! 더 좋은 강좌 준비중입니다👍
Reviews 1
∙
Average Rating 5.0
$59.40
Check out other courses by the instructor!
Explore other courses in the same field!