
プログラミングの始め方:Python入門(Inflearnオリジナル)
inflearn
すでに2万人以上が学習し、満足した最高のプログラミング入門講座。 Inflearnが非専門家の立場から直接企画、準備したプログラミング入門講座で、プログラミングをまったく触ったことがない人から実際に活用可能なプログラミング能力まで向上できる講座です。
입문
Python
広く使用されている UX/UI デザイン ツールである Sketch の機能を学び、アプリケーション インターフェイス デザイン全般について学習します。
Sketch入門
Sketch の基本的な使い方
初めて出会うUX/UIデザインツール、
簡単で楽しく学ぶスケッチ(Sketch)📌
UX/UIデザインとは何ですか?
UXとは、User Experience、つまりユーザーエクスペリエンスを意味する言葉です。ユーザーの経験をデザインすることでウェブやモバイル画面を改善し、行動を誘導するデザインする作業をUXデザインと言います。サービスを利用する際に何を必要とするのか、その過程でどんなことを経験するのか、不快感を感じないのか、ユーザーの観点からサービス体験を構想する作業です。この過程でユーザーが接するような画面、つまりユーザーインターフェース(User Interface)を設計して構成するまでのすべての過程をまとめてUX/UIデザインと呼びます。
一般的にデザインといえば創造的または芸術的な分野だと思うかもしれません。しかし、UX/UI分野は創造性だけでなく、ユーザーの立場での経験と利便性を考慮した「論理」を必要とする分野です。デジタル機器とユーザー間のインタラクションを引き出す必要があるからです。産業トレンドを追うために着実な練習と努力が必要な理由です。
このレッスンでは、UX/UI デザインスキルを備えたい方に必要な UX/UI デザインツール、 Sketch(スケッチ)を利用して Web/モバイルアプリインターフェースをデザインする方法を学びます。
Sketchはどのようなツールですか?
Sketchは、UIデザインのためのシステム設計も役割を果たすワイヤフレーム(Wireframe)を作成し、プロトタイプを作成できるデザインプログラムです。ベクトル方式のデザインツールなので、解像度を変更しても画像の損傷がないというメリットがあります。おかげでデスクトップ、モバイルなど様々な機器解像度に対応が可能です。過去のビットマップ方式のPhotoshopでUIを設計する場合、より効率的に迅速に作業を処理できます。
このレッスンでは、旅行を支援するアプリケーションを直接設計してみます。
サービスコンセプト企画からワイヤーフレーム作成、レイアウトデザインはもちろん、アイコンやシンボル追加などの細部までも一緒に進むことができます。
そのほか、コラボレーションのためのツールであるゼプリン(Zeplin)連動だけでなく、バージョン管理を助けるアブストラク(Abstract)、プロトタイピングを助けるプロトファイ(ProtoPie)まで、さまざまなツールとの連動方法も一緒に学びます。
このレッスンでは、UX / UIデザインの基本的な知識を習得することから始め、Sketchの使い方を例にしたがって、デザイナーとして能力を育てるためのデザイン学習のヒントまで取り上げる予定です。単純な理論やツールの使用だけでなく、実践で応用する方法、デザインを学ぶのに必要な方向を設定する方法まで、皆さんに一つ一つお知らせします!
UX/UI?
実際のUX/UIデザイン
プロセスが気になる人
スケッチ?
UX/UIツールの使い方
学びたい人
私の夢はデザイナーです
UX/UIデザイナー
なりたい方
チームワーク
デザイナーとコラボレーション
PM、PO
受講前にご確認ください!
学習対象は
誰でしょう?
Sketch を初めて使用する人
デザイナーとの協力が必要な PM
プロトタイピング ツールの使い方を学びたい方
前提知識、
必要でしょうか?
UX/UI デザインに関する背景知識があれば尚可
713,547
受講生
7,025
受講レビュー
118
回答
4.8
講座評価
144
講座
배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.
全体
28件 ∙ (5時間 3分)
1. 講義紹介
02:15
2. UX/UIデザインの流れ
04:35
3. ITワーキングトレンド
04:40
4. Sketchインターフェース(1)
24:33
5. Sketchインターフェース(2)
25:38
6. コンポーネントを理解する
13:32
7. Android vs IOS
04:01
8. モバイル解像度
10:11
9. サービスコンセプト企画
04:32
10. ワイヤフレームの描画
19:03
11. レイアウトとマージン
14:23
12. テキストとタイプシステム
18:08
13. カラーを適用する
12:26
14. カラーシステム
06:43
15. アイコンを描く(1)
04:43
16. アイコンを描く(2)
13:18
17. 線アイコンを描く
10:40
18. 画像を入れる
07:53
19. シンボルの作成
13:27
20. デザインを完成させる(1)
19:34
21. デザインを完成させる(2)
19:05
22. シンボル、コンポーネント管理
06:16
23. ライブラリとのコラボレーション
05:26
全体
23件
4.6
23件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
5
役に立った :)
こんにちは。 ahrumist、講義を聞いてくれてありがとう。不足していますが、私の講義が役に立ちました。これからデザイン作業も期待します。 :)
受講レビュー 1
∙
平均評価 5.0
5
YouTubeの無料講義では、学んでいなかったストールなヒントを学びました!
こんにちは。ヒジン 無料講義では学べなかった部分を解消してくれて幸いです。足りない講義ですが、今後、喜進様のデザインキャリアにお役に立てたことを心よりお願いします。講義が終わった後もあきらめず、いつも練習!忘れないでください:)
受講レビュー 67
∙
平均評価 4.9
受講レビュー 50
∙
平均評価 5.0
5
Sketchの基本とデザインについて学ぶことができてよかったです
こんにちは。スケッチが初めてだったら慣れていないでしょうが、最後まで受講していただきありがとうございます。ツールは本当にツールだけに慣れれば、本当に自由自在にお使いいただけます。デザインもたくさん見て、キャンバスに直接描く練習を通じて身につけることができるという点も忘れないでください。 ^^
受講レビュー 349
∙
平均評価 5.0
5
ありがとうございました。
こんにちは。できます。返信が少し遅かったのですが、今もデザイン作業を続けているのか気になりますね。ニックネームのように着実にすれば十分にできるのであきらめないでください:)
期間限定セール、あと2日日で終了
¥38,500
30%
¥6,919
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!