
디자이너의 스킬업을 위한 Lottie 완벽 이해하기
디자인베이스
더 이상 Gif, Video에 의존하지 않아도 됩니다. 에프터이펙트에서 제작한 애니메이션을 코드로 출력해서 자바스크립트를 통해 다양한 인터렉션을 구현하는 방법을 배워볼게요. 여러분도 매력적인 웹사이트를 만들 수 있습니다.
Cơ bản
Lottie, 웹 디자인, JavaScript
デベロッパーとコミュニケーションをとる時、まだ「シュート~タック」こんな感じにしてください。 "簡単なのに自由度が高く、たくさんのものを表現したい方のためのHi-Fiプロトタイピングツールプリンサプル(Principle)講座です。
動くUIプロトタイプを製作できます。
コーディングなしで開発者と通信するインタラクションデザインを作成できます。
目立つ自分だけのポートフォリオ製作ができますよ。
開発者とコミュニケーションをとる時、まだ「シュン~タクこんな感じにしてください」このように通信しますか?
Behance、Dribbbleを見れば、他の人はプロトタイピング私だけができないようで不安ですか?
コードまで学んだあまり嫌で..簡単に学ぶが、素敵に、多様に表現できる「栄養価の高い」プロトタイピングツールをお探しですか?
ではよく訪ねてきました。はい、ここがデザイングルメです。
基本的にUIデザイナーは、企画者と開発者の間に位置している直軍です。
企画者が意図した企画と一致するか、ユーザーフローに異常がないかを確認するために、主にLo-Fiプロトタイピングツールを使用します。一方、開発者とコミュニケーションをとる際、デザイナーの意図を開発者に説得(コミュニケーション)するための用途として、Hi-Fiプロトタイピングツールを使用します。
その中で私がプリンサプルを選んだ理由はコードを知る必要がなく、習得しやすいのに様々な表現ができる最適なツールだからです:)
私が用意したプリンサプルのサンプルファイルをダウンロードし、私の講座を見ながら従って学習してください。非常に基本的なインターフェースから、アニメーション、インタラクションの仕組みを素早く習得し、さまざまな実践例で習ってみます。実務と同じ方法でスケッチで作業したUIを呼び出してプロトタイピングを作成し、録画および出力する方法で仕上げます。
本当の勉強の始まりは講座の終わりであることを知っていますか?該当講座が終わったら、ぜひ本人のUIデザインで復習してみて、ここあちこちに自慢してください。それが皆さんの「本物」の実力になります。
このコースでは、プリンサプル(Principle)とスケッチ(Sketch)を使用します。スケッチコースではなく、よりクオリティの高いUIを読み込むための手段として使用します。事前にスケッチ講座をご覧になっている方はYouTubeで見ることができます。 (無・料・なのは秘密ですよ・・)
Macにフリンサプルが敷かれていない場合は、該当のリンクに入ってダウンロードしてください。なるべくご購入いただき、費用が負担される方は無料で14日間トライアルをダウンロードしてください。 (代わりにトライアルが終わる前にコースをすばやく完了する必要があります😊😊)
プリンサープルhttps://principleformac.com/
そして、この講義を聞くのに準備しなければならない必要な最小仕様(OSなど)をぜひご理解ください!
絶対重要!!もしMac OSユーザーではない方は絶対に見ないでください。 Mac OS用のツールでコースを進めます。でも…UIデザイナーなら私ならスーパー強力おすすめです。なぜですか?世界中のUIツール1位のスケッチとプロトタイピング1位プリンサプルですから。
Q. UIデザインを勉強したばかりの入門者を見てもいいですか?
A. はい、この講座もHi-Fiプロトタイピングツール初級講座です。学んでおけば皆さんはレベルアップ!
Q. プリンサープルを学ぶと何がいいですか?
A. もはや開発者と「シュン~スルリック~帯用~」 こんな疑声語で会話する必要はありません。横で他のデザイナーがそうしているのを見ると少し上がります。
Q.就職にも役立つでしょうか?
A. ジョブコリア、人のようなリクルーティングサービスを入ってUIデザイナー優待事項を見ると「プロトタイピングツール能力保有」が入っています。企業がますます多くの能力を求めている状況です。プリンサープル講座を聞いたと就職勝敗が分かれませんが、他人との差別性を持つポートフォリオを作るのに役立ちます。
Q. プリンサプルを実際にたくさん使っていますか?
A. はい、前述したように、Hi-Fiプロトタイピングツール 世界1位を占めたツールです。そして、無数のグローバル企業でUIデザイナーが使用しています。
(参照。https: //uxtools.co/survey-2019/ )
その講座を作ることになったきっかけは、デザイン入門者や非専攻者ではなく、UIデザインを専門的にしている実務デザイナー(予備デザイナー)の方々に私の知識を共有するために作成しました。プリンサプルを使って素敵なポートフォリオを作るだけでなく、実際のUIデザイナーとして働いてみると、大小の使いやすさを悩んで表現するのに視覚的に表現するのにすばらしいことが便利です。
学習対象は
誰でしょう?
開発者と擬声語(スルリック~シュン~)でコミュニケーションをとる方
他の人と違う動きのUIポートフォリオを作りたい人
真のフルステックでさらに一歩行きたい欲張りデザイナー
前提知識、
必要でしょうか?
スケッチツール(推奨)
UX/UI
35,217
受講生
387
受講レビュー
32
回答
4.8
講座評価
5
講座
디자인베이스는 누구나 쉽게 디자인을 배울 수 있도록 디자인 강좌를 만들고 있습니다.
저는 현업에서 UXUI 디자이너로 활동 중이며 입문자의 입장을 잘 알기 때문에 꼭 필요한 내용만 담아 강의를 제작합니다. 포토샵, 일러스트레이터뿐만 아니라 프로덕트 디자이너로서 알아야 할 다양한 툴과 코딩 지식을 갖추고 있습니다. 😊
- 인프런 수강생 3.1만 명 / 수강평 4.8점
- 실무 경력 8년차 디자이너 (스타트업 창업, 에이전시, 인하우스)
- 유튜브 구독자 8.1만 명
실무에서 바로 사용하실 수 있도록 정확한 내용과 양질의 강의를 제공하겠습니다. 📖
全体
12件 ∙ (1時間 46分)
講座資料(こうぎしりょう):
6. 例 - ハンバーガーメニュー
06:45
7. 例 - モーダルポップアップ
05:58
8. 例 - タブバー
05:09
9. 例 - 蒸しインタラクション
06:02
12. 結果の記録と出力
04:44
全体
17件
4.9
17件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
5
유튜브에서 디베님 강의 듣다가 프로토타입 뿌시러 넘어온 직딩입니다! 확실히 예제로 직접 따라하며 학습하니 이해도 너무 잘 되요!! 회사작업이나 개인포폴 작업때도 유용하게 쓰는것 같아서 이번 강좌 너무 만족해요!!! 디자인베이스님 유트브때부터 믿고 보는 강좌인데! 너무너무 감사합니다!!!
우와우 감사합니다!! 도움되셨다니 뿌듯하네요! 더 좋은 강좌 준비중입니다👍
受講レビュー 1
∙
平均評価 5.0
¥9,215
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!