読み込み中...
6月
中旬日程調整中
AIとUI表現力の土台を上げるワークショップ
自分のスタイリングをコントロールする力を上げに行くワークショップです。題材は出張申請の「マイ申請一覧」ページ。AIと協業しながら、スタイルのベースとトークンを自分の手で作っていきます。
イベントに参加するにはログインが必要です
AIでつくるUIデザインは良いのか
AIにUI作成を頼む。それっぽいUIは出てくる。
でも、いいアウトプットはなかなか生成できない。
運よく生成できたとしてもそれは自分のスキルではない。ただ眺めているだけ。
そーんなことはないですかい？
AIと働く時代なので、”AIでつくる"ではなく"AIとデザインする"で自分の基礎能力を上げつつ、UIデザインのレベルアップもできる方法があったら良くないですか？
そうなんですあるんです！これが！
何もしないとこんな感じのUIが生成されるかもだけど
デザインの手順を入れるとこうなる
AI協業でUIスタイリングをコントロールする力を磨く
このワークショップトレではAIに任せて整ったUIが出る状態を目指すんじゃありません。
目指すのは、自分でスタイリングをコントロールできること。そして、それをやるには 自分のデザインそのものが上手くならないと無理です。
このワークショップは、AIと協業しながら、初心者が身につけるべき基礎がないと実現できないUIデザインのスタイリングクオリティの土台を底上げを目指します。
※新しく作成中のコースの内容がベースで行うので、時間内に全てできるかわかりません
スタイリングを上手くなるために何をやるのか
具体的に2つです。
① スタイリングを進めるステップで解像度を上げる
一気に画面を作るんじゃなく、小さい単位から積み上げていく順序をAIへ指示をすることで身につけます。
トークン → コンポーネント → ブロック → 画面全体
このステップを踏むからスタイリングがコントロールできるし、クオリティを担保しやすくなります。
これはすなわち、デザイナーがスタイルをコントロールするための分解構造と同じなんです。自分でデザインする時もこの意識を持つことが、的確な”テイスト”を維持するコツになります。
② スタイリングを定義するルールが上手くなる
全体の見た目の雰囲気は、ルール（＝スタイリングの定義、デザインシステムでいうトークン定義）で決まります。これを自分で設計してコントロールできる状態を目指します。
ルールとその活用がうまくできると、綺麗なだけではなく”情報を処理しやすいコミュニケーション"を取れるデザインを生成することができます。
このルール作成がAI協業でやりやすくなりました。
初心者やジュニアレベルからこの意識で「スタイリングルールを考えてデザインする」感覚をAIと一緒に身につけやすくなったため、システム思考でスタイリングを組み立てることができるようになるはずです。
ここから何が変わるか
この2つが手に入ると、効果は2つ同時に得られます。
- AIと自分でスタイリングをコントロールできる：自分が決めたルールとステップに沿ってAIが出力、自分もそれをもとに調整ができるため、スタイリングの解像度が上がり、制御する力を育てやすくなる
- スタイリング要素を理解して質を高められる：ボヤッとした把握ではなく、表現で構成する要素を分解できるようになり、スタイリングを見る目と構築する目の解像度が上がる。
こんな人におすすめ
- AIでUIを作るたびに「アウトプットも自分も伸びないのでは」と感じる人
- "ふつうのUI"の作り方の解像度をそもそも上げたい人
- AIに任せきりではなく、自分が主導してAIと組みたい人
- ジュニアデザイナーで、ビジュアルデザインの土台そのものを底上げしたい人
今回の題材
架空サービス「TripFlow」の出張申請「マイ申請一覧」ページ 1画面を題材にします。
お題の詳細はこちら
https://bono-training.vercel.app/lessons/uiflowchallenge-businesstripsoftwear
当日の流れ
共有するためのグループに分かれて、個人作業で進めます
はじめの説明（15分）
ワークショップの全体像と、AIと協業するときの基本スタンスを共有します。
👇
パート1：AIでのUI生成の質を上げる（60分）
AIに何をどう渡せば、いいUIが返ってくるのか。その指示の組み立て方を学んでから、実際に手を動かして試します。
👇
パート2：スタイリングをトークンベースで整理・編集する（60分）
AIと協業しながら、スタイルのトークンを切り出して整理・編集します。自分でトークンを動かしてコントロールできる状態を目指します。
👇
成果報告と質疑応答（30分）
作ったものを共有して、気づきと持ち帰りを言語化します。質問もここでまとめて受けます。こんな人におすすめ
開催概要
| 項目 | 内容 |
|---|---|
| 日時 | 6月中旬（アンケートで決定） |
| 時間 | 未定 |
| 形式 | オンライン / ハンズオン |
| 題材 | 出張申請「マイ申請一覧」ページ（架空サービス TripFlow） |
| 参加費 | 未定 |
イベントに参加するにはログインが必要です