[63강사전]完全攻略63講:Googleのデザイナーから学ぶUI/UXデザイン_한승헌 Details
トレーラー
UI/UXデザイナー, Gilbert Han
*このトレーラーは日本語吹き替えになっています。講座動画には吹き替えが適用されていないので、予めご了承ください。
60の実習例題を通して、デザインテクニックの基礎と応用、3つの分野の主要産業における実践プロジェクトの実習、生成型AIを活用した業務の効率化まで、UI/UXデザインのプロセスを体験してみましょう!
受講生全員に提供
Gilbert Hanの講座だけの特典
-
デザインテクニックをマスターするための60のFigma&ProtoPieの実習例題 -
IT、金融、Eコマースを含む3つのドメインの実践プロジェクトの原本ファイル -
ポートフォリオにそのまま使えるGoogleスライド、PPT、keynoteテンプレートを提供
-
Googleのデザイナーが日々利用する協業/管理用のNotionテンプレート -
直接使いながら学べるリファレンスサイト&Figmaのショートカットキーのリストを提供 -
業務効率化のためのAIプロンプト(Midjourney, ChatGPT and FigJam AI)
UI/UXデザイナー Gilbert Hanのポートフォリオ
-
YouTube Live Shopping -
Google News Widget
-
Google News -
Google Cricket World Cup
-
Disney World Digital Key -
2023 Coachella Youtube Shopping
シリコンバレー企業の実務デザインスキルで構成されたUXデザインの実習
LGエレクトロニクス、Microsoft、Disneyを経てGoogleまで!Gilbert Hanの圧倒的なキャリアから築かれたデザインプロセスとスキルをすべて盛り込みました。
グローバル企業の実務パイプラインに沿って学ぶシリコンバレー式デザインプロセスは、唯一Colosoで確認することができます。
講座の例題
Figmaから実践プロジェクトまで、UI/UXデザインの主要スキル
Step 01. Figma&ProtoPieマスター
-
Figmaのレイヤー -
Figmaのフレーム -
Figmaの構成
-
デザインシステム -
オートレイアウト -
コンストレインツ -
デザインコンポーネント -
Figmaのスペック抽出
-
スクロールトランジション -
タップ時のインタラクション -
スクロール&トランジション -
Jitterの使用 -
条件付きインタラクション
Step 02. ロビンフッドAppのクローンデザイン
-
ディスカバーカード -
マイクロインタラクションのプロトタイプ -
カラー&テキストのスタイル -
アプリグリッド&ナビゲーションバー
Step 03. App/Webの実践プロジェクト
-
メディアAppのメインページ -
メディアAppのShortsプレーヤー -
メディアAppのコンテンツ
-
金融Appのランディングページ -
金融Appの消費タブ -
金融Appのおすすめタブ
-
EコマースWebの詳細ページ -
EコマースWebのプロトタイプ -
EコマースWebのヒーローセクション
Step 04. 生成型AIの活用
-
FigJam AIによるブレーンストーミング -
Midjourneyの活用 -
Midjourney&Figma
この講座のポイント
60の例題で学ぶ密度の高いUI/UXデザインのビジュアルテクニック
デザイナーは、デザインが上手であることが第一です。実務の必須ツールFigmaやProtoPieを自由自在に、効率的に使用し、クオリティの高いビジュアルに仕上げる方法を学びます。これに加えて、ChatGPT、Midjourneyを活用してAIによる作業の効率性&クオリティアップを行う方法までお教えします。
3つのプロジェクトで学ぶプロダクトデザイン実務のA-Z
ビジュアルスキルに基づいて、実践プロジェクトの全体的なプロセスを体験します。メディア、Eコマース、金融App/Webを実際に制作することで、UI/UXの設計と構成、デザインシステムの構築方法までドメインプロジェクトの全過程を学びます。
現職Googleのデザイナーからの説得力のあるポートフォリオ作成のノウハウ
自分のデザインを説得することはすべてのデザイナーにとって必須スキルです。クライアントだけでなく、PM、開発者にデザインを説明するためのスライド制作のノウハウを学び、これを基に独自のポートフォリオまで完成してみます。
ロードマップ
高いUI/UXデザインスキルを身に付ける
UI/UXデザイナー
Gilbert Han
こんにちは。現在、Google本社のYoutubeチームでUXデザイナーとして働いているGilbert Hanです。
この10年間、LGエレクトロニクス、Microsoft、Disneyを経て、現在のGoogleに至るまで、数々の大企業で実務経験を重ね、モバイル/Webなど多岐にわたるプラットフォームで多数のデザインプロジェクトをリードしてきました。
今回の講座は、デザイン実力の向上はもちろん、主要な大企業、グローバル企業における実務プロセスを体験できるよう、充実したカリキュラムを用意しました。
丁寧に細かく私のノウハウをお伝えします!皆さんが「優秀なデザイナー」として実力と自分の価値を両方上げるためのお役に立てれば幸いです。

Gilbert Han
現) 米Google本社のYoutube Team / UI/UXデザイナー
[経歴]
2022 YouTubeショッピングチーム UXデザイナー
2019 Googleアシスタントチーム UXデザイナー
2018 Googleニュースチーム UXデザイナー
2017 Disney Park&Resort事業部 UXデザイナー
2014 Microsoft Officeチーム UXデザイナー
2014 Carnegie Mellonインタラクションデザイン学科修士課程修了
2009 LGエレクトロニクスモバイル事業部 UXデザイナー
[コンファレンスと教育]
2023 著書出版 - 『夕方8時に未来は決まる』
2020 Colosoオンラインカンファレンス
2020 コリアヘラルド「ピープル」インタビュー
2019 インタビュー with キム作家のYouTubeチャンネル(1.9Mの登録者数)
2017 Awarded by Awwwards for gilberthan.com portfolio website
2017 シアトルの在米韓国人テクノロジーグループの創発、デザイングループのリーダー
2017 韓国デザイン振興院のデザインカンファレンスで発表 & メントとして参加
2017 ファーストキャンパス Future conference
2017 インタビュー with EO YouTubeチャンネル(562kの登録者数)
2016 韓国コンテンツ振興院における講座
講座内容
下記のような内容を学べます。
-
UI/UXデザインの必須ツール、Figmaを完全マスターFigmaをBasicからAdvancedまでじっくりマスターしましょう。様々な機能やデザインテクニックを学んで、Figmaを活用したプロトタイピングまで完成させましょう。 -
ProtoPieでスマートにプロトタイピング先に学んだFigmaに加えて、ProtoPieを活用して動的デザインを作ります。UI/UXデザインの核心であるプロトタイピングを有機的なカリキュラムで詳しく学びます。 -
クローンデザインでデザインのテクニックを完璧に習得Apple Design Awardの受賞作「ロビンフッドApp」の模作、カラーやテキストスタイルの設定からマイクロインタラクションまで実現する過程について学びます。デザインテクニックを完璧にマスターし、実力のあるデザイナーとしての力量を固めてください。
-
3つの実践プロジェクトで、ドメイン別のプロダクトデザインスキルを引き上げるメディアApp、金融App、EコマースWebを制作する実践プロジェクトを通して、デザインツールの活用を越え、プロダクトデザインの実務者としてのスキルを磨きます。実際のデザインプロセスを通して、デザインに関する意思決定を下す過程を学び、UXデザインのプロセスを最初から最後まで進めてみましょう。 -
「スマートな助力者」の生成型AIを活用して、業務の能率とデザインのクオリティを高める現在のデザインシーンにおいて、新たな必須プログラムとして注目を集めているChatGPTやMidjourneyを活用して「より迅速に、より優れた」作業を行う方法について学びます。AI産業をリードするGoogleの現役作業者だけが教える一歩先を行く作業のノウハウを身に付けてください。 -
Notionを使ったUXプロジェクトの協業&管理ノウハウ効率的なプロジェクトマネージメントスキルは、デザイナーにとって必ず必要になります。Googleのデザイナーが日常的に使用しているNotionのテンプレートを通して、UXプロジェクトの進行&プロセス管理の方法について学びます。
- 無期限視聴
- 最安値
一回の購入で、期限の制限なく視聴することができます。
05/25 (月) 販売価格が上がります。
もうすぐ販売価格が上がる予定です。
今すぐご購入ください!
カリキュラム
カリキュラム内容のご紹介
Part 1. Intro - Product Designを始める
Part 2. Figma & ProtoPieマスター
Part 3. Product Designプロジェクトの実践
Part 4. Product Designerのための実務ノウハウ
Part 5. Outro & Bonus Track
*33講以降は2024年6月14日公開を予定しており、講座動画の公開時期や、
カリキュラムのイメージ・内容などは予告なく変更になる場合がございます。予めご了承ください。
インタビュー
UI/UXデザイナー Gilbert Hanがお話ししたいこと
使用プログラムについてご案内します。
当講座は、以下のツールを使用します。
[メインツール]
- Figma (Web app, http://figma.com)
- ProtoPie Version 7.9.2 or higher
- Midjourney (Web app, http://midjourney.com)
- ChatGPT (Web app, http://chat.openai.com)
※円滑な受講のため、講座で使われるプログラムのバージョンを参考にしてください。
おすすめの講座
この講座を見た方は
