メインコンテンツへスキップ

文字や色を、自分好みに変えてみよう

できた画面を、自分の好みに近づけます。まず文字、次に色。一つずつ変えて見比べましょう。

  • レッスン 3 / 12
  • 15分

このレッスンで

終わる頃には、次ができるようになります

  • 変えたいところを、一つ伝える
  • 色を変えて、前の画面と比べる

できた画面を、自分の好みに近づけます。まず文字、次に色。一つずつ変えて見比べましょう。

まずはここから:第1〜6回を、自分のペースで試してみましょう。依頼文は、作りたいものに合わせて少し変えてかまいません。

できた画面を、自分の好みに近づけます。まず文字、次に色。一つずつ変えて見比べましょう。
概念を表す生成挿画。製品の実画面ではありません。

変えたいところを、一つ伝える

画面を見てから、変えたいところが浮かぶこともありますよね。同じ会話で、場所と新しい文字を伝えてみましょう。資料 S60

大きな見出しだけ、変えてみる

練習ページの説明図

変更前の見本

まちの読書メモ

本の名前

本の名前を入力
追加
  • 雨の日の地図

変更後の見本

わたしの読書メモ

本の名前

本の名前を入力
追加
  • 雨の日の地図
  • 大きな見出しを変える
  • 追加の動きも試す
  • 同じ読書メモの会話を使います。
教材の見本図です。変える文字を、前と後で比べます。

美容室で前髪だけを頼むように、今回は大きな見出しだけ。ほかの場所も変わったら、そのことを言い足します。

見出しを変えるお願い

いまの読書メモで、ページ内の大きな見出しを「まちの読書メモ」から「わたしの読書メモ」に変えてください。今回は見出しだけ変え、追加の動きはそのままにしてください。

ここだけ、試してみよう

同じ会話で見出しの変更を頼み、返ってきた画面で見出しを見ます。「雨の日の地図」の追加も試します。

色を変えて、前の画面と比べる

色は、服を選ぶように見比べてみましょう。言葉で頼んで、出てきた色を見る。思った色と違えば、もう少し明るく、などと言い足せます。

ボタンの色を、前と後で比べる

練習ページの説明図

変更前の見本

わたしの読書メモ

本の名前

本の名前を入力
追加
  • 雨の日の地図

変更後の見本

わたしの読書メモ

本の名前

本の名前を入力
追加
  • 雨の日の地図
  • ボタンの色を変える
  • 白い文字を読みやすく
  • 追加の動きも試す
  • 色を戻した後も、画面で確認します。
教材の見本図です。色を変えても、追加する動きは同じです。

今回はボタンを温かい茶色にし、変わった色と文字の読みやすさを見て、追加も試します。前の色が好みなら、戻すように頼めます。

色を変えるお願い

追加ボタンを温かい茶色に、文字を白にしてください。今回はボタンの見た目だけを変え、題名を追加する動きはそのままにしてください。

ここだけ、試してみよう

  • 変更前の色を見ておく
  • 同じ会話で、色の変更を頼む
  • 新しい色を見て、追加も試す

演習:一か所、自分の好みにする

見出しか色を一つ選びます。

変える場所を一つ決め、同じ会話で変更を頼みます。見た目を見て、追加も試します。

解答例を読む

希望した文字や色へ変わったかを見ます。追加後に題名が一件増えるかも確かめます。

この回で確かめること

  • 変える場所を一つ決める。
  • 同じ会話で変更を頼む。
  • 見た目を見て、追加も試す。

次の回:思いどおりに動かないとき

参考資料

このレッスンは役に立ちましたか?