This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

エコ・サイクルの作成過程

Last updated at Posted at 2023-12-04

デザインについて

アプリ内に出てくる一部の背景を除き、イラストをアイビスペイントを使用し描きました。画像サイズがわからず描き始めたので、悩みました。ですが、画像が大きければ縮小しても画質の悪化が少なく済むと思い、大きく描きました。
背景、アイテム、人物が見やすいように、背景の彩度を他二つに比べ低くしました。アプリ全体として、ポップなイメージを持ってほしいため、主張したいイラストは彩度を高く、配色も多くの色を使用することを心掛けました。

背景イラスト.JPG

AIで生成したイラストを参考にし、アイコンを作成しました。

アイコン比較.JPG

プログラミングについて

Monaca Educationティラノビルダー を使い、アプリを作成しました。
配置などはデザイナーに確認し、細かいとことまでこだわりました。

ティラノビルダー.JPG

シナリオについて

少年が利尻島に2週間滞在する中で12か所の観光名所をおじさんとめぐる内容になっています。
一つ一つの観光名所を調べ、見どころや注意するところなど実際に利尻島へ行ったときにも役立てる内容にしました。

参考:アプリ内で紹介した観光名所のオープンデータ

その他

静岡県立島田商業高等学校 HP こちら

アイビスペイント HP こちら

Canva HP こちら

いらすとや HP こちら

Monaca HP こちら

ティラノビルダー HP こちら

0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up