デザインのスキル

発表内容を大見出しと短い説明に絞り、Keynote風のスライドに整えます。キーボードでのページ切り替えや現在位置の表示、フェードイン演出も備えます。

• 製品紹介を短いスライドにしたいとき
• データ図や要点を大きく見せたいとき
• キーボードで発表資料を操作したいとき

告知やメッセージを、アプリアイコン付きのmacOS風通知バナーに仕立てます。すりガラス調の見た目で、動画の右上に重ねる素材やSNS用画像を作ります。

• 動画の隅に通知を重ねたいとき
• 製品リリースの予告バナー作成
• 告知を通知風のSNS画像にしたいとき

システム構成や処理の流れを説明する、印刷を意識したスライドを作るスキルです。クリーム色の背景と設計図風の格子に、工程ボックスや要点の囲みを配置します。

• システム構成を説明したいとき
• 処理工程を順番に見せたいとき
• フィードバックの流れを図示したいとき

単色背景と大きな見出し、矢印付きリストで、伝えたい言葉を中心にしたスライドを作るスキル。内容に応じてページを増やし、配色を切り替えて構成します。

• 図や写真が少ない発表資料
• 大きな見出しで意見を伝えたいとき
• 要点を矢印付きリストにまとめたいとき

提供したデータを、新聞の特集記事を思わせる見出し付きの図表にするスキル。折れ線・棒・範囲帯を使い、段階的に表示するアニメーション付きのHTMLにまとめます。

• 動画内で使うデータ図表の制作
• Twitter向け図表カードの制作
• CSVやJSONを結論付きで図解

投資家向けの資金調達資料を、16:9の10ページ構成で設計するスキル。課題と解決策、市場規模、事業の実績、調達希望額を伝えるスライドに整理します。

• 投資家向けの資金調達資料を構成したいとき
• 市場規模や事業の実績を伝えたいとき
• 収益モデルと調達希望額を整理したいとき

紙とインクの質感を意識した、雑誌風のスライドを作るスキル。10種類のレイアウトと5組の配色を使い、意見やデータ、引用を横長の資料にまとめます。

• 雑誌風の資料で意見を共有したいとき
• 数値や引用を印象的に見せたいとき
• 手順や変更前後を説明したいとき

原稿の文言と順序を保ち、大きな太字と色面で見せる発表スライドに整えます。黒・赤・黄のテーマを選び、単独で動くHTMLに出力します。

• 演説原稿をそのままスライドにしたいとき
• 大きな文字で宣言を伝えたいとき
• 配色を統一したHTML資料の作成

1920×1080の固定画面に、内容に合わせて自由に配置したスライドを作成します。文字サイズと配色を統一し、各ページの見せ場を一つに絞る設計です。

• 作品集のプレゼン資料を作りたいとき
• 講演のページ構成を自由に組みたいとき
• 美術やデザインの授業資料づくり

メンバー、チーム詳細、活動ログを３つのタブにまとめた管理画面を設計するスキル。役割や稼働状況の図表、表示テーマの切り替え、CSV出力を盛り込みます。

• チームのメンバー管理画面を作りたいとき
• 役割の分布や活動状況を示したいとき
• テーマ切り替えやCSV出力を付けたいとき

企画提案や概要説明、学習内容を、横にスワイプして読むシンプルなHTMLスライドにまとめます。各ページに要点と図を配置し、進行状況も表示します。

• 企画提案のスライドを作りたいとき
• 製品やサービスの概要説明
• 学習メモをスライドに整理したいとき

集客や採用の各段階で残る人数と離脱の割合を、3〜6段の漏斗図にまとめます。段階ごと・全体の転換率を添え、SNS向けの縦長HTMLに仕上げます。

• 訪問から購入までの推移を見せたいとき
• 採用段階ごとの応募者数の共有
• 候補を絞る過程を可視化したいとき

暮らしや自己成長、気持ちに関する内容を、クリーム色の背景と淡い色のカードで見せる16:9のスライドに整えます。斜体の見出しや番号、ドーナツ図を使う構成です。

• 暮らしを紹介するスライド作成
• 自己成長の振り返り資料づくり
• 気持ちに関する内容のスライド化

電子雑誌と電子ペーパーを思わせる、横送りのHTMLスライドを作るスキル。流体背景の表紙、章扉、数値、画像、引用を組み合わせて内容を見せます。

• 雑誌風の企画資料を作りたいとき
• 重要な数値を大きく見せたいとき
• 画像と引用を組み合わせた発表資料

各スライドに発表原稿を添え、別ウィンドウで現在・次のスライドや経過時間を確認できる資料テンプレート。発表中の言葉の確認やテーマ切り替えにも対応します。

• 各ページに発表原稿を添えたいとき
• 発表中に次のスライドを確認したいとき
• 原稿とタイマーで発表を練習したいとき

習慣づくりをクエストとして見せるアプリの３画面をデザインするスキル。表紙、経験値付きの今日のタスク、報酬付きの詳細画面を暗い背景に並べて構成します。

• クエスト型の習慣化アプリを考えたいとき
• 経験値とレベル付きのタスク画面設計
• アプリの３画面を並べて紹介したいとき

小紅書の画像投稿と横長のプレゼン資料に使う、白地の雑誌風デザインを作ります。虹色の帯や淡い色のカード、大きなグラデーション文字で内容を見せます。

• 小紅書の画像投稿を作りたいとき
• 横長のプレゼン資料を整えたいとき
• 要点を淡い色のカードで整理

長文ブログやエッセイを、雑誌のような読み心地のページに整えるスキル。大見出し、図版、引用の抜粋、著者紹介、関連記事まで含むレイアウトを組み立てます。

• 長文ブログのページを整えたいとき
• エッセイを雑誌風に見せたいとき
• 図版と引用を交えた事例紹介

ブログやニュースレターの長文を、雑誌風の読みやすいレイアウトに整えます。見出しと本文に視覚的な差を付け、引用やコード、著者情報も整理して見せます。

• 長文ブログのレイアウトを整えたいとき
• エッセイやニュースレターの公開準備
• 引用やコード例を含む記事の整形

概念が生まれるまでの問題、失敗、転機を、雑誌特集風の縦長ビジュアルノートにまとめます。6種類のレイアウトと図解で、気づきから命名までを描きます。

• 概念が生まれた経緯の図解
• 試行錯誤を伝える学習資料づくり
• 概念史を雑誌特集風に見せたいとき

社内の技術共有やカンファレンス向けに、暗い配色と等幅フォントで発表スライドを構成するスキル。コード、デモ、発表の流れ、質疑応答を一つの資料にまとめます。

• 社内の技術共有資料を作りたいとき
• カンファレンス発表の構成整理
• コード例とターミナルデモの紹介

管理画面や分析画面の基本構成を、1ページにまとめるスキル。固定サイドバー、検索や通知を置く上部バー、主要指標のカード、グラフ、最近の活動一覧を配置します。

• 管理ダッシュボードの画面設計
• 主要指標カードを並べたいとき
• 複数のグラフを1画面に配置

新製品の発表に使う16:9のスライドを作ります。暗い表紙と明るい本文を組み合わせ、開発の背景、製品画像、特徴、料金プラン、利用への案内を順に見せます。

• 新製品の発表スライドを作りたいとき
• 製品開発の背景を説明したいとき
• 製品の特徴と料金プランの紹介

流体のように動く背景にタイトルや短いメッセージを重ね、動画の冒頭、ランディングページのメイン画面、ポスター向けの単一HTMLを作るスキル。

• 動画の冒頭フレーム制作
• ランディングページのメイン画面制作
• 短いメッセージを載せたポスター制作