学習内容

Figmaのインターフェースとツールの操作方法の理解

ペンツールを用いたカスタムシェイプの作成

再利用可能なコンポーネントとスタイルの構築

ページとフレームによるデザインの整理手法

タイポグラフィツールによるテキストのスタイリング

プロトタイピングとインタラクティブフローの習得

レイヤーを活用した構造的なデザイン要素の管理

カラー、グラデーション、ブレンドモードの適用方法

ワイヤーフレームおよびプロトタイプの開発とプレゼンテーション

コース内容

ユーザーインターフェース設計の基礎から高度なプロトタイピングやコラボレーション技術まで、すべてを学びます。ワイヤーフレームの作成、視覚的に優れたレイアウトのデザイン、Figmaの強力な機能を活用した開発チームとの効果的な連携方法を探求します。初心者からプロフェッショナルまで最適なこの学習プログラムは、実践的なプロジェクト、専門家によるヒント、実際の応用例を組み合わせ、競争の激しい…

Figmaとは何か、UI/UXデザインにおけるその役割、そしてFigmaのインターフェースやツールの操作方法について学びます。ブレインストーミングやコラボレーションのためのFigJamボード、さらにFigma内でデザインを効果的に整理・構造化するためのページやフレームについても探求します。

Figmaのレイヤー：デザイン要素の整理と管理

Figmaでのグループの使用：オブジェクトの効率的な構造化とネスト

Figmaのシェイプ：デザイン要素の作成とカスタマイズ

Figmaにおけるオブジェクトの整列：精度とレイアウト最適化

Figmaのペンツール：カスタムシェイプとベクターグラフィックの作成

Figmaのバージョン履歴：変更の追跡と復元方法

Figmaのタイプツール：UI/UXデザインのためのテキスト追加とスタイリング

Figmaのフォント：タイポグラフィの効果的な選択と適用

Figmaにおけるタイポグラフィ階層：可読性とUIデザインの向上

Figmaでの写真と動画の配置：メディアによるデザインの強化

Figmaでのマスクの使用：高度なビジュアルのためのクリッピングとレイヤリング

Figmaのブレンドモード：魅力的なエフェクトとオーバーレイの作成

Figmaにおけるカラーとグラデーション塗りつぶし：UI/UXデザインのためのパレット習得

あなたのテックスキルを強化！

最大55％オフで

What you'll get with our subscription:

500+ 人気コース修了証明書パーソナライズされた学習トラック40+ 実践的なプロジェクト

あなたのサブスクリプションには500以上のコースが含まれています：

FigmaによるUI/UXデザイン

ユーザーインターフェース設計の基礎から高度なプロトタイピングやコラボレーション技術まで、すべてを学びます。ワイヤーフレームの作成、視覚的に優れたレイアウトのデザイン、Figmaの強力な機能を活用した開発チームとの効果的な連携方法を探求します。初心者からプロフェッショナルまで最適なこの学習プログラムは、実践的なプロジェクト、専門家によるヒント、実際の応用例を組み合わせ、競争の激しいデザイン業界で成功するための力を養います。

Design Basics

Design shapes how people see, understand, and interact with the world. This learning path introduces the foundations needed to create clear, engaging, and meaningful visuals. From the basics of layout and structure to the nuances of typography and color, every element works together to communicate effectively. Along the way, you’ll discover how psychology, perception, and creative principles influence design decisions. By the end, you’ll have the tools to craft work that is both visually appealing and purpose-driven.

Graphic Design vs. Motion Design

Explore the key differences and intersections between graphic design and motion design. This course provides a concise, theoretical overview of both fields, their unique characteristics, and how they complement each other in the creative industry.

FigmaによるUI/UXデザイン

ユーザーインターフェース設計の基礎から高度なプロトタイピングやコラボレーション技術まで、すべてを学びます。ワイヤーフレームの作成、視覚的に優れたレイアウトのデザイン、Figmaの強力な機能を活用した開発チームとの効果的な連携方法を探求します。初心者からプロフェッショナルまで最適なこの学習プログラムは、実践的なプロジェクト、専門家によるヒント、実際の応用例を組み合わせ、競争の激しいデザイン業界で成功するための力を養います。

Design Basics

Design shapes how people see, understand, and interact with the world. This learning path introduces the foundations needed to create clear, engaging, and meaningful visuals. From the basics of layout and structure to the nuances of typography and color, every element works together to communicate effectively. Along the way, you’ll discover how psychology, perception, and creative principles influence design decisions. By the end, you’ll have the tools to craft work that is both visually appealing and purpose-driven.

Graphic Design vs. Motion Design

Explore the key differences and intersections between graphic design and motion design. This course provides a concise, theoretical overview of both fields, their unique characteristics, and how they complement each other in the creative industry.

なぜ人々はCodefinityを選ぶのか

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.