Gdeye

見くらべて身につく、Web デザイン。

「見る目」は、育てられるよ。

よい例と、よくない例。2つを見くらべるだけで、デザインの「なぜ」が分かってくる。センスじゃなくて、見方のコツを学ぼう。

コース0〜1と、デザインのコースそれぞれの最初の単元は、登録すると無料で学べます

Goodeye のホーム画面。終えたレッスンの数、続けて学んだ日数、コースの一覧が並んでいる スマホのレッスン画面。お店のお知らせの A と B を見くらべる問い
  • 22コース
  • 216テーマ
  • 482レッスン

やることは、4つだけ

どのレッスンも、同じ流れ。1回で身につける考え方は、1つだけです。

  1. ① 見くらべる

    A と B、どっちが伝わる? まずは自分の目で選んでみて。

    直感でOK!

  2. ② 理由を知る

    「なぜ、そっちが伝わるのか」を、デザインの考え方として言葉にするよ。

    ここが大事

  3. ③ 作ってみる

    手順の写真を見ながら、同じものを自分の手で作ってみよう。

    手を動かそう

  4. ④ たしかめる

    練習エディタで作ると、その場で、できた所と、あと一歩の所が分かるよ。

    あと一歩も大事

練習エディタの画面。左にパーツの一覧とチェック、中央にスクリーン、お手本の小窓が開いている

練習エディタで、すぐ手を動かせる。

ノーコードの Web 制作ツール「Studio」に似せた、練習用の画面を用意しました。ブラウザだけで、レッスンのお題をそのまま試せます。

  • お手本(かんせいイメージ)を見ながら作れる
  • 作ったものは、その場で自動チェック
  • 本物の Studio で作ったものも、コピーして確かめられる
スマホのホーム画面 スマホの復習クイズ。手順を、やる順に選ぶ問い

いつでも、どこでも学べる。

スマホ・タブレット・パソコン、どの端末でも、読む・見くらべる・練習エディタで作る、までできます。通学や休み時間にスマホで1レッスン、家ではパソコンの広い画面で。

  • 復習クイズは1回6問。終えたレッスンから、忘れたころに出ます
  • 分からない言葉は、273語の「用語集」ですぐ引ける。その言葉が出てくるレッスンへも、そこから行ける
  • 言葉づかいと、ふりがなの あり・なしを選べる
  • 色の見分けがむずかしい人のために、「できた」「あと一歩」を色だけでなく印(✓・△)でも出す「カラーユニバーサルデザイン(UD)」の表示も選べる
  • 分かりにくい所や、まちがいに気づいたら、その画面からすぐ送れる(教材の見直しに使います)
デザインスナップ

日常(リアル)は、最高の教科書だ。

街で出会った“デザイン”を集めて、見る目を育てよう。

画面の中で学んだ考え方を、こんどは外で探します。お店の看板、おかしのパッケージ、駅の案内、ポスター。見つけたら撮って、「どの考え方が使われているか」を選ぶと、自分だけの図鑑にたまっていきます。

画面で学ぶ見くらべて、考え方を知る
日常で集める外に出て、同じ考え方を見つける
  • 日がわりの「スナップクエスト」学んだばかりの考え方を、身のまわりで1つ探します。家の中でできるお題もあります。
  • よい例も、おしい例も集める同じ種類のデザインを2つ撮って、自分で「見くらべ」を作れます。
  • 集めた写真が、学びにもどるスナップした写真が復習クイズの問いになり、練習エディタでは、お手本にして作れます。

スナップした写真は、お使いの端末の中だけに残ります。ほかの人に公開されることはありません。

デザインスナップの画面。「スナップする」のボタンと、学んだ考え方を身のまわりで1つ探すスナップクエストが並んでいる スナップする画面。写真を撮り、どの考え方が使われているか、よい例か おしい例かを選ぶ

Goodeye のなかまたち

いつもそばにいるメインの3人と、コースごとの案内役がいます。どの子にも、目があります。カードを押すと、くわしい設定が開きます。性格が少しずつちがうので、お気に入りを探してみてください。

メインの3人

エーとビーは、見くらべの A と B のふたご。正解は、A のときも B のときもあります。

コースの案内役(コース0〜17)

どこでもそばにいる案内役

正解・おしいの窓で会えます

まんまるやさしい相棒

見た目
黄色の丸い子。目と、小さな口。ふだんは手なし。ポーズ(誇らしい・あと一歩・お祝い・考える)のときだけ、手が出る。眠いときは目を閉じる。
性格
正解も、おしいも、いっしょに受けとめてくれる、まんまるの子。できたら全力で喜ぶし、まちがえたら「あと一歩だよ」とそっと言う。
個性・くせ
失敗しても、落ち込まない。相手の気持ちに先に気づく。喜ぶときは、全力。
得意
ほめること、はげますこと
苦手
しかること
話し方
やさしく、短く。まず、ほめる。「〜だね」「〜しよう」。しからない・責めない・笑わない。
仲のよい子
エーとビーの見守り役。ふたごがぶつかりそうなときは、間に入る。
しゃべり方の見本

正解のとき「やったね! そこに気づけたのが、すごい。」

おしいとき「あと一歩だよ。もう一回、いっしょに見てみよう。」

「やったね! 次もいっしょに行こう。」

見くらべの A のふたご

エーていねいで落ち着いている

見た目
濃い青(アイリス)の子。上がとがった丸いおにぎり形(A の形を思わせる)。目だけで、口は無い。ビーと同じ大きさ・同じ目・同じ線の太さ。
性格
いつも落ち着いていて、ものごとを順番に説明してくれる。口は無いけれど、目でちゃんと話す。
個性・くせ
物知りで、説明が筋道だっている。口が無いぶん、目で話す。ビーの勢いに、ブレーキをかける。
得意
理由を順番に伝えること
苦手
急かされること
話し方
ていねい。「〜してみよう」「まず、〜から」。急がない。理由を順番に言う。
仲のよい子
ビーのふたご。落ち着きのエーと、勢いのビー。ふたりで1つの見くらべ。
しゃべり方の見本

見くらべの前「あわてないで。順番に見てみよう。」

理由を言うとき「まず、ここ。次に、ここ。だから、こちらが読みやすいんだ。」

「あわてないで。順番に見てみよう。」

見くらべの B のふたご

ビー元気で思いつきで動く

見た目
淡い青(ミスト)の子。体の輪郭が太い「B」の形(左は垂直・右に丸いふくらみが上下に2つ・真ん中に切れこみ)。目だけで、口は無い。
性格
思いついたら、まず動く元気者。ひらめきで、ものの見方をがらっと変えてくれる。
個性・くせ
ひらめきで、見方をがらっと変える。まず動いてから、考える。じっと待つのは、苦手。
得意
最初の一歩を踏み出すこと
苦手
じっと待つこと
話し方
元気で、思いつき。「ねえ!」「やってみよう!」。「!」が多い。
仲のよい子
エーのふたご。エーを引っぱる。エーに落ち着かされて、ちょうどよくなる。
しゃべり方の見本

見くらべの前「ねえ、こっちから見たらどう?」

ひらめいたとき「あ、分かった! 文字を大きくすれば、いいんだ!」

「ねえ、こっちから見たらどう?」

コース0 Studio をはじめる

ロケわくわく先頭組

見た目
青いロケット。黄色い羽根と、白いけむり。目は窓のあたりにある。
性格
新しいことを始めるのが大好き。まず飛び出してから考える。初めての人の背中を、勢いよく押してくれる。
個性・くせ
カウントダウンが好き。「3・2・1」で、みんなを乗せようとする。
得意
最初の一歩を軽くすること
苦手
準備ができるのを待つこと
話し方
元気で短い。「いくよ!」「3・2・1!」。
仲のよい子
ビーと気が合う(どちらも、まず動く)。エンピが、あとから落ち着いて付いてくる。

「3・2・1、はじめよう!」

コース1 デザインの基本

ルーペ観察名人

見た目
青い輪の虫めがね。レンズが大きな目になっている。持ち手は黄色。
性格
細かいちがいに、いち早く気づく。理屈っぽいけれど、世話焼き。分かるまで、いっしょに見てくれる。
個性・くせ
1ピクセルのずれも見逃さない。世話焼きで、分かるまで付き合う。
得意
ちがい探し
苦手
「なんとなく」という言葉
話し方
ていねい・少し理屈っぽい。「ここ、見て」「どこがちがう?」。ツッコミは、やさしく。
仲のよい子
ピコと、見くらべの名コンビ。ルーペが「どこ」を見つけて、ピコが「なぜ」を言う。

「どこがちがう? もう一回見て。」

コース2 タイポグラフィとフォント

モジ文字おたく

見た目
「A」と「a」の白いブロック2つ。どちらにも目がある。青い縁。
性格
Aとaが並んだ、双子のブロック。文字の形と雰囲気に、うるさい。読みやすさのこととなると、ゆずらない。
個性・くせ
文字の形と雰囲気に、うるさい。読みやすさのことは、ゆずらない。
得意
書体の雰囲気を言い当てること
苦手
全部が同じ大きさの文章
話し方
こだわりが強い。「その字、ほんとうに読める?」。書体の話になると、止まらない。
仲のよい子
ポケとよくぶつかる。ポケの「小さい字でいいよ」に、モジが「下限がある」と言い返す。

「その字、ほんとうに読める?」

コース3 余白とレイアウト

ピタきちょうめん

見た目
青い三角定規。方眼の目盛りがある。目がある。
性格
約束を守る、まじめな三角定規。ちょっと頑固。間のあけ方は、いつも8の倍数。
個性・くせ
約束を守る。ちょっと頑固。半端な数を見ると、そわそわする。
得意
ぴたっとそろえること
苦手
7とか9とか、半端な数
話し方
まじめ。数字で話す。「8の倍数で」「そろえよう」。
仲のよい子
パレとは、よく言い合う(数字のピタ・気分のパレ)。

「8の倍数で、ぴたっと。」

コース4 カラーと見た目

パレおしゃれ気分屋

見た目
黄色いパレット。青と白の絵の具が乗っている。目がある。
性格
色の話が止まらない、おしゃれ好き。「色は3つまで」と言いながら、4つ目がいつも気になる。
個性・くせ
色の話が止まらない。「3色まで」と言いつつ、4色目に手が伸びる。
得意
3つの色でまとめること
苦手
色を足したくなる気持ち
話し方
おしゃれで、気分屋。「色はね」「なんか、いい感じ」。話が、色のたとえで広がる。
仲のよい子
ピタの数字に、気分で返す。でも、理由は言えるタイプ。

「色は、言葉より先に伝わるよ。」

コース5 写真・画像・アイコン

フォト写真にうるさい額ぶち

見た目
青い額ぶちの絵。中に、黄色い太陽と山の写真。目は、写真の中にある。
性格
写真の選び方と切り取り方にこだわる、額ぶちの子。「この1枚で、サイトの顔つきが決まる」が口ぐせ。
個性・くせ
トリミングの名人。余白と、主役の位置を見る。
得意
主役をひとつに決めること
苦手
同じ大きさの写真が、ずらっと並ぶこと
話し方
落ち着いていて、少しキザ。「この1枚」「切り取ろう」。
仲のよい子
パシャが外で撮った写真を、フォトが額に入れて整える(外で撮る → 画面で整える)。

「主役は1つ。そこに目がいくよ。」

コース6 印象をつくる

メラ熱量いっぱいの雰囲気づくり

見た目
黄色い炎。中に、白い小さな炎。目は、炎の真ん中にある。
性格
言葉より先に、空気で伝えたがる。「なんだか好き」の理由を、色や形で説明できる。燃えすぎて、盛りがちなのが玉にきず。
個性・くせ
印象を決めてから、色や形を選ぶ。火が強すぎると、反省して小さくなる。
得意
雰囲気を、一言で決めること
苦手
あれもこれも盛りこむこと
話し方
熱っぽい。「ぐっとくる」「この感じ!」。でも、最後は引き算をすすめる。
仲のよい子
パレと仲よし(色の話で盛り上がる)。ピタに「もう少し引き算を」と、よく言われる。

「伝えたい空気は、1つに絞ろう。」

コース7 パーツをつくる

ピースみんなとはまる協力者

見た目
青いパズルのピース。丸いでっぱりが2つある。目は、真ん中にある。
性格
1人では完成しないと知っている、青いパズルのピース。形がそろうと、ぴたっとはまる気持ちよさが大好き。
個性・くせ
パーツは、使いまわせるように作ると信じている。
得意
ほかの子とはまること(同じ形を使いまわすこと)
苦手
自分だけ、特別な形になること
話し方
協力的。「いっしょに」「はまった!」。
仲のよい子
ピタ(そろえる)と息が合う。ムキ(パーツ工房)の弟分で、鍛えられている。

「同じ形なら、どこにでもはまるよ。」

コース8 スマホ対応

ポケせっかち

見た目
青いスマホ。画面に目と、3色(青・黄・淡い青)の四角。
性格
いつも持ち歩かれている、小さな画面の達人。急いでいるので、押しやすいかどうかには厳しい。
個性・くせ
片手で、急いで使う人の気持ちが分かる。小さすぎるボタンに、厳しい。
得意
片手で操作できるか見ること
苦手
小さすぎるボタン
話し方
せっかち。短い。「指で、どう?」「片手で!」。
仲のよい子
モジとぶつかる(小さい字・読みやすさ)。エンピの試し書きに付き合う。

「指で押せるか、見てみよう。」

コース9 動き

カチン段取り上手の監督

見た目
青と白のカチンコ(映画の撮影の合図の板)。目は、板の真ん中にある。
性格
「よーい、アクション」が口ぐせ。動きは短く、1回だけ、が信条。やりすぎると、すぐカットをかける。
個性・くせ
時間の感覚が鋭い。0.1秒の長さにもうるさい。
得意
ちょうどいい長さを決めること
苦手
動きすぎるページ
話し方
きびきび。「アクション!」「カット!」。
仲のよい子
ポケ(スマホ)の目が回らないよう、「動きを減らす」設定を守るのも仕事。

「動きは、短く、1回だけ。」

コース10 使う人を考える

ミンナ気づかい上手のふたり

見た目
ふたりの子(青い服と黄色い服)が並んでいる。それぞれに、目がある。
性格
ふたり並んで、いつも「使う人は、どう感じる?」と考える。見えにくい人・急いでいる人・初めての人、いろんな立場に立てる。
個性・くせ
ふたりの意見が、ちがうこともある。そのときは、使う人の話に戻る。
得意
相手の立場に立つこと
苦手
自分の好みで決めること
話し方
やさしく、問いかける。「〜はどう?」「〜かもしれないね」。
仲のよい子
ピコの「理由」に、「だれにとって?」を足す。メルとは、フォームの使いやすさを話しこむ。

「それ、みんなに伝わるかな?」

コース11 サイトの設計と文章

ルート道案内の設計士

見た目
折りたたまれた地図。青い点線の道と、黄色いピン。目は、地図の左側にある。
性格
ページをどうつなぐか、迷わない道を考える地図。文章は短く、見出しは分かりやすく。行き止まりを、ひどくきらう。
個性・くせ
ページの数より、つながり方を数える。
得意
迷わない順番を考えること
苦手
行き止まりのページ
話し方
落ち着いた案内役。「まず」「次に」「ここへ」。
仲のよい子
パシャと街を歩いて、ルーペと「見つけた道」を確かめる。メルとストックの置き場所を相談する。

「どこから来て、どこへ行く?」

コース12 更新できるサイト

ストック整理整頓の保管係

見た目
青いカード箱。カードが数枚、顔を出している。黄色い取っ手と、目がある。
性格
カードをきちんとしまう箱。記事やお知らせが増えても、同じ形で並べられるのが自慢。
個性・くせ
「あとで足す人」の気持ちを、いつも考えている。
得意
同じ形で、何枚でも並べること
苦手
1枚だけ、特別な形のカード
話し方
きちんとしている。「ここに入れて」「同じ形でね」。
仲のよい子
メルが集めたものを、ストックが整理する。ピタとは、並べ方の話で気が合う。

「入れ物を決めれば、あとは足すだけ。」

コース13 フォーム

メル気配りの手紙屋

見た目
青い封筒。ふたが開いていて、目がのぞいている。
性格
届いた気持ちを、確実に受けとる封筒。聞きたいことは少なく、入力はかんたんに、が信条。
個性・くせ
入力の途中でやめてしまう人の気持ちが、分かる。
得意
聞くことを減らすこと
苦手
入力欄が多すぎるフォーム
話し方
ていねいで、気がきく。「お手数ですが」「ありがとう」。
仲のよい子
ストックにたのんで、集めたものをしまう。ミンナと、「だれが送るの?」を考える。

「聞くのは、必要なことだけ。」

コース14 公開と運営

テラ世界を見わたす旅人

見た目
青い地球。経線と緯線の網目の中に、目がある。
性格
サイトを世界に届ける係。公開してからが本番と知っていて、更新や点検を欠かさない。
個性・くせ
旅が好き。出発のロケと、とどけるテラは、旅の始まりと終わりをつなぐ。
得意
公開の前に、確かめること
苦手
公開して、終わりにすること
話し方
ゆったり。「世界に出すよ」「見守ろう」。
仲のよい子
ロケとは旅の始まりと終わりでつながる。カレンの予定表を見ながら、公開日を決める。

「出したあとも、見守ろう。」

コース15 チームと仕事の進め方

カレン段取りの名人

見た目
黄色い見出しの壁かけカレンダー。日付のマスの上に、目がある。
性格
予定と役割をきちんと分けるカレンダー。「いつまでに、だれが」を決めると、安心して進めると信じている。
個性・くせ
予定がぎゅうぎゅうの日は、ひとことなぐさめる。
得意
期限と担当を決めること
苦手
あいまいな「そのうち」
話し方
きびきび。「いつ?」「だれ?」「ありがとう」。
仲のよい子
ミンナと相性がいい(みんなで進める)。テラと、公開の日を決める。

「いつまでに、だれが?」

コース16 卒業制作

キャップ見守る先輩

見た目
青い角帽。黄色の房が下がっていて、目がある。
性格
全部を学んだ人を、最後に見送る角帽。口数は少ないけれど、1人ひとりの成長を、ちゃんと覚えている。
個性・くせ
ほめるときは、具体的。「あの余白がよかった」と、細かく覚えている。
得意
見守ること、ほめること
苦手
手を出しすぎること
話し方
口数が少なく、あたたかい。「ここまで来たね」。
仲のよい子
みんなの先輩。まんまると、いっしょに拍手をする。

「ここまで来たね。あとは、あなたの作品だよ。」

コース17 パーツ工房

ムキ鍛え上げる職人

見た目
黄色い、力こぶの腕。目と、小さな口がある。
性格
パーツを1つずつ、鍛えて作る工房の職人。手を動かすのが大好きで、細かい仕上げにうるさい。
個性・くせ
ほめるのは、直したあと。直す前は、まず「やってみよう」。
得意
手を動かして、作ること
苦手
見ているだけの時間
話し方
職人かたぎ。「もう一回」「ここ、直そう」。
仲のよい子
ピースの先輩。エンピといっしょに、何度も作り直す。

「作って、直して、また作ろう。」

どのレッスンでも「理由」

ピコひらめき係

見た目
黄色い電球。青い台座。まわりに、ひらめきの光の筋。
性格
「なぜ?」が大好きなおしゃべり屋。ひらめくと早口になる。答えだけでなく、理由を伝えたい。
個性・くせ
答えより、理由を伝えたがる。ひらめきが早く、話が飛ぶことがある。
得意
「なぜ」を一言で言うこと
苦手
理由のない「こうだから」
話し方
おしゃべり。ひらめくと早口。「あのね」「それ、なぜだと思う?」。
仲のよい子
ルーペの相棒。エンピが悩んでいると、ヒントをくれる。

「それ、なぜだと思う?」

練習エディタ

エンピコツコツ努力家

見た目
黄色いえんぴつ。胴に目がある。先は青い。
性格
地道にがんばる、前向きな練習の相棒。失敗しても気にしない。書き直しは何度でもできるのが、自慢。
個性・くせ
地道に積み重ねる。失敗してもへこまない。書き直しが、いちばんの自慢。
得意
何度でも、やり直すこと
苦手
「完ぺきでなきゃ」と思うこと
話し方
のんびり前向き。「大丈夫」「もう一回」。
仲のよい子
ピコにヒントをもらう。ポケやパレの「いまの試し」を、横で見守る。

「まちがえても、やり直せばいいよ。」

デザインスナップ

パシャ外が好きな行動派

見た目
青い丸の上の、白と黄色のカメラ。レンズが、そのまま目玉。
性格
レンズが目になった、好奇心いっぱいのカメラ。街を歩けば、デザインの先生が見つかると信じている。
個性・くせ
街を歩くと、先生が見つかると信じている。家にこもるのは、苦手。
得意
街のデザインを見つけること
苦手
家にこもること
話し方
行動派。元気。「行こう!」「撮ろう!」。
仲のよい子
ルーペの見つけた「考え方」を、外で一緒に探す。

「外に出よう。きっと見つかるよ!」

はじめての1歩から、公開と運営まで。

デザインの基本、文字、余白、色、写真。そのあとに、パーツ作り、スマホ対応、サイトの設計、公開へと進みます。

  1. 0Studio をはじめる7テーマ
  2. 1デザインの基本8テーマ
  3. 2タイポグラフィとフォント16テーマ
  4. 3余白とレイアウト12テーマ
  5. 4カラーと見た目10テーマ
  6. 5写真・画像・アイコン10テーマ
  7. 6印象をつくる8テーマ
  8. 7パーツをつくる13テーマ
  9. 8スマホ対応7テーマ
  10. 9動き12テーマ
  11. 10使う人を考える7テーマ
  12. 11サイトの設計と文章9テーマ
  13. 12更新できるサイト10テーマ
  14. 13フォーム6テーマ
  15. 14公開と運営12テーマ
  16. 15チームと仕事の進め方8テーマ
  17. 16卒業制作3テーマ
  18. 17パーツ工房10テーマ

デザインのコース

道具を使わずに、色や文字、余白、構図の見方を学ぶコースです。図を見て、手を動かして、くらべて確かめます。

  1. 色彩12テーマ
  2. タイポグラフィ12テーマ
  3. 余白とグリッド12テーマ
  4. 構図とレイアウト12テーマ
デザインのコースの「知る」の画面。光・物・目の図で、色が見えるしくみを1枚ずつ見ていく デザインのコースの「体験」の画面。光の色を切りかえて、りんご・バナナ・白い紙の見え方をくらべる
デザインのコース

道具を使わずに、デザインの「見る目」を育てる。

色彩・タイポグラフィ・余白とグリッド・構図とレイアウトの4つのコースです。Studio の操作は出てきません。1つのレッスンを、次の流れで進めます。

  • 知る図を1枚ずつめくりながら、しくみを知ります。
  • 体験画面の道具を動かして、色や文字、余白が変わると見え方がどう変わるかを試します。
  • 見くらべる・小さな課題A と B をくらべたり、自分で選んだりして、学んだ見方を使ってみます。
  • 確かめのクイズ最後に、身についたかをクイズで確かめます。

Studio のコース(コース0〜17)

ノーコードの Web 制作ツール「Studio」を使って、サイトを作りながら学びます。練習エディタで、実際に作って確かめます。

デザインのコース

色彩・タイポグラフィ・余白とグリッド・構図とレイアウトの4つ。道具は使いません。色・文字・余白・構図の見方そのものを学びます。ほかのツールでサイトを作る人や、デザインの考え方だけを学びたい人にも向いています。

料金は、4つだけ

コース0〜1と、デザインのコースそれぞれの最初の単元は、登録すると無料で学べます。その先は、使いたいものだけ選べます。

無料

0円

まずはここから。登録(無料)すると、すぐに始められます。

  • コース0〜1(31レッスン)
  • デザインのコースそれぞれの最初の単元(8レッスン)
  • 復習クイズ
  • 用語集・検索

月額プラン

330円/月(税込)

自分の手で作って、外で集める。いつでも解約できます。

  • 練習エディタ(Studio のシミュレーター)
  • デザインスナップ・スナップマップ・見くらべクエスト
  • 無料の範囲も、もちろん全部

Studio コース パック

9,800円(税込・1回だけ)

コース2〜17を、ずっと。月額プランと組み合わせられます。

  • コース2〜17(349レッスン)
  • 買い切り。追加の支払いなし
  • 記録はアカウントで引き継ぎ

デザインを学ぶパック

9,800円(税込・1回だけ)

色彩やタイポグラフィなど、デザインのコースを、ずっと。これから増えるデザインのコースも入ります。

  • デザインのコース(102レッスン)
  • 買い切り。追加の支払いなし
  • 記録はアカウントで引き継ぎ

お支払いは Stripe の画面で行います(カードの情報は Goodeye に保存されません)。価格は予告なく変わることがあります。

スマホの続きを、パソコンで。

ログインすると、学んだ記録がアカウントに保存され、スマホとパソコンで同じになります。どちらで進めても、記録は足し合わされ、消えません。

保存するのは、進み具合・ポイント・復習クイズの予定だけです。デザインスナップの写真は、端末の中に残ります。SHITAJI のアカウントをお持ちの方は、同じメールアドレスとパスワードでログインできます。

スマホとパソコンが、同じ記録を見ている絵

はじめる前に

よくある質問です。

どんな人に向いていますか?

これから Web デザインを学ぶ、小学生から大人までの方です。デザインやプログラミングの経験は要りません。画面の言葉づかい(ていねい/やさしい)と、ふりがなの あり・なしを選べます。

登録は必要ですか?

はい。メールアドレスとパスワードで登録(無料)してから使います。名前は要りません。ログインすると、スマホとパソコンで記録が同じになります。15歳以下の方は、保護者の方が登録してください。

スマホだけで学べますか?

学べます。読む・見くらべる・復習クイズ・デザインスナップに加えて、実際に作る「実践」も、スマホの練習エディタでできます。画面が小さいので、こまかく作りこむレッスンは、タブレット(横向き)かパソコンのほうが作りやすくなります。

Studio のアカウントは要りますか?

無くても進められます。ブラウザで動く練習エディタで、レッスンのお題を試せます。本物の Studio で作ったものを確かめることもできます。

Studio のコースと、デザインのコースは、どちらから始めればよいですか?

サイトを Studio で作りたい方は、Studio のコース(コース0〜1は無料)から。色や文字の見方そのものを学びたい方は、デザインのコースから始められます。デザインのコースも、それぞれの最初の単元は無料です。まずは無料の範囲で、両方を試してみてください。

「Studio コース パック」と「デザインを学ぶパック」は、何がちがいますか?

「Studio コース パック」は、Studio を使って作るコース2〜17です。「デザインを学ぶパック」は、色彩・タイポグラフィなど、道具を使わないデザインのコースです。どちらも9,800円(税込)の買い切りで、入っているレッスンは重なりません。

パックは、両方買わないといけませんか?

いいえ。学びたいほうだけ選べます。両方を学びたいときは、両方をお買い求めください。練習エディタとデザインスナップは、パックには入っていません。使いたいときは、月額プラン(330円)をお申し込みください。

パックを買ったあと、返金はできますか?

購入した日から8日以内にご連絡いただければ、理由を問わず全額を返金します(同じパックにつき1回かぎり)。月額プランは、解約しても日割りでの返金はありません。くわしくは「特定商取引法に基づく表記」をご覧ください。

Studio 社のサービスですか?

いいえ。Goodeye は、Studio 株式会社とは関係のない、独立したサービスです。

まずは1つ、見くらべてみよう

コース0〜1と、デザインのコースそれぞれの最初の単元は、登録すると無料で学べます