情報設計入門コース
要件を叶える、使いやすいUIの基礎概念を学び実践します。
完了目安
2ヶ月
1日2-3時間を継続して行えた時の目安の計算をしています。自分で目標を立てて取り組みましょう
概要
進め方
概要
進め方
コースの目標
情報設計の基礎を使い、出張申請サービスのUIをデザイン

誰が何のために使うのか?を定義し、UIに反映することが使いやすさを担保する上で最も重要です。そのための整理方法とUI構造の基礎を使って最後にお題をデザインします。

WHY
コースで得られること

どんなコース?

このコースでは機能やビジネスの目的や要件に対して、最適なUIのレイアウトを考えるためのやり方が学べるコースです。

身に付くスキル

情報設計-身に付く1

Doloribus amet animi animi voluptatem aut. Non temporibus quasi est voluptas laboriosam. Libero qui aut ea. Quia ab sed

情報設計-身に付く2

Voluptatem rerum corporis similique voluptates perferendis. Saepe illum labore id. Ea sunt et earum qui. Repellat ut ad distinctio e

情報設計-身に付く3

Corporis delectus ad omnis corporis quaerat. Ut dolorum assumenda.
CURRICULUM
内容&進め方
コースの全体像を把握して計画と締め切りを設計して進めよう!

1

準備

📆 情報設計を身につける計画を立てよう

完了目安:

2-4時間

No items found.

2

基礎

顧客と要件をUIに反映する基礎を学ぼう

完了目安:

1-2週間

ABOUT
コースについて

概要

このコースでは、UI/UXデザインの視覚的基礎に焦点を当て、全ての学習者がしっかりとした知識基盤からスタートできるように設計されています。まず最初に、色彩理論、タイポグラフィ、レイアウトといった基本的なデザイン原則について深く探求します。これらはデザインの基本要素であり、どんなプロジェクトにも共通するスキルです。
次に、特にUI/UXデザインにおける重要な要素であるユーザーの視覚的な経験について学びます。これには、アイコンの設計、画像とグラフィックの選択と配置、そして視覚的階層の作成などが含まれます。さらに、デザインツールの基本的な使用法も教えます。これは、Photoshop、Illustrator、Sketchなどの主要なデザインソフトウェアの操作を理解し、最終的なデザインを形成するために必要です。

目標

このコースでは、「XXXXアプリ」をデザインしながらスキルを磨いていきます。
内容を理解することも大事ですが、まずは頭ではなく手を動かして目標の制作物を完成させることを目指しましょう。

スケジュール - 完了目安

このコースは2ヶ月間で完了するのを目安に作成しています。最初の1ヶ月でFigmaの使い方を終わらせましょう。内容は動画の通り手を動かす内容になっているので真似してやることで進められる内容です。内容を理解することも大事ですが手を動かすことで理解し身体に身に付きます。手を動かして慣れることが重要なので駆け抜けましょう。そのあとの1ヶ月は「はじめてのUI」シリーズでUI/UXデザインについて知りながらトレースをしましょう。トレースでは覚えたFigmaの使い方を存分に使って練習をしましょう。

コースのレベル

このコースでは、UI/UXデザインの視覚的基礎に焦点を当て、全ての学習者がしっかりとした知識基盤からスタートできるように設計されています。まず最初に、色彩理論、タイポグラフィ、レイアウトといった基本的なデザイン原則について深く探求します。これらはデザインの基本要素であり、どんなプロジェクトにも共通するスキルです。

誰におすすめ?

このコースでは、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.