UIデザイン入門コース
UIトレースを中心に未経験からでもデザインスキルを身につける土台スキルの獲得を目指すコースです。まずはここから!
完了目安
1-2ヶ月
1日2-3時間を継続して行えた時の目安の計算をしています。自分で目標を立てて取り組みましょう
概要
進め方
概要
進め方
コースの目標
FigmaとUI作成の基礎を身に付けて、UI/UXデザインを始める土台を築こう!

コースを通してFigmaの使い方とUI作成の基礎を身につけましょう。その経験がUI/UXデザインのスキルを拡大したりキャリアを築いていく土台になります。コースの最後には「連絡帳アプリ」をデザインして身につけたスキルを試すことができます。UI/UXデザインの世界への最初の一歩、あなたの成長をサポートするこのコースにぜひ参加してみてください。

WHY
コースで得られること

どんなコース?

「はじめてのUIコース」では、デザインキャリアを始める土台作りを目標にUIトレースをしながら基礎を習得していきます。主にデザインツールFigmaの基礎的な使い方とUI作成で大切になる機能(AutoLayoutやComponent)を身に付けます。 また、UIトレースを通じて、UIパーツの作成方法を習得できます。UI/UXデザインの世界への最初の一歩、あなたの成長をサポートするこのコースにぜひ参加してみてください。 "UI/UXデザインの旅を始めるための最初のステップとして、このコースがあなたのスキルを形成する手助けをします。

身に付くスキル

Figmaの使い方の大枠を理解

UI/UXデザインで必須のデザインツールを扱えるようになります。

Figma Autolayoutの使い方

実装に近いデザインを構築しやすくするFigmaの機能を学びます

Figma Componentの使い方

仕組みでUIパーツを使い回す機能を学びます。

UIパーツ作成の基本的な方法

UIトレースを通してUIの作り方を身につけます

UIのブロック構造の理解

意味のまとまりと情報構造について知ります
CURRICULUM
内容&進め方
コースの全体像を把握して計画と締め切りを設計して進めよう!

1

準備

📆 概要を確認、スケジュールを決めよう

完了目安:

2-4 時間

No items found.

2

基礎パート

🖋 Figmaの使い方を身につけよう

完了目安:

1ヶ月

3

最終お題

🚀覚えたことでアプリをデザインしよう

完了目安:

2週間

4

おまけ

可能なら:UIトレースで練習しよう

完了目安:

基礎練として

ABOUT
コースについて

概要

「UIデザイン入門コース」はUI/UXデザイン初心者向けコースです。業界標準ツールであるFigmaの基本操作からコア機能の利用、実際のUIパーツの作成方法、そしてデザインの基礎概念を学びます。これにより、ユーザーが直感的に理解できる効果的なUIデザインを自信を持って作成するスキルを獲得していく、土台を作ることができ学習がスムーズに進みやすくなります。

またUI/UXデザインがどういったものなのか?を体験するためにも良い機会を提供できるコースになります。

目標

Figmaの使い方を覚えて「連絡帳アプリ」をトレースしてデザインを完成させることがこのコースのゴールです。
現場で主に使われるFigmaの細かい使い方を一通り通ることができ、全体像を掴むことができます。

やるメリット

未経験からUI/UXデザインを学んでいく上で必要な基礎知識、スキルの土台を完成させます。これにより基礎を学ぶための速度を向上するのに貢献します。またUI/UXデザインがどういったものなのか?を体験するためにも良い機会を提供できるコースになります。

スケジュール

理想は1ヶ月、かかっても2ヶ月で終了させて欲しい内容です。全体的に動画でやっている方法を真似することで行える内容なのであまり深く考えずにやり抜くことができます。

コースレベル

・未経験/デザイン初心者
・はじめてFigmaを触る人

誰におすすめ

・これからUI/UXデザインを始めたい人
・Figmaの使い方の基礎的なことを知りたい人
・WebデザインをやっていてUI/UXデザインをはじめたい人

ABOUT THIS COURSE
コースの概要
コースについてより詳しい内容を書いてみました。

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.