v1 Legacy Design

名前の由来・ロゴデザイン

DEIZUの名前の由来は英語の「Days」を日本語っぽく言い換え、「DEIZU」となりました。時間割表を作成するソフトであるため、「日」という要素をロゴに含めたかったです。そこで、ロゴの「I」の代わりに「/」を書き、日にちを書く時に使うスラッシュをイメージして作成したものです。

DEIZUのロゴ

DEIZUのロゴ

DEIZUのテーマカラーは白・黒です。黒と白のみで構成されているシンプルなデザインにすることで、サイトの最も重要な要素である「時間割表」が目立たせることができました。時間割表は多種多様なセルの色でこうせされていおり、その色はどれも見やすく、かつ視覚的に覚えやすいものであることを注意しながら選択しました。これに加え、Beta v3ではユーザー様自身が選ぶ色にも設定することが可能となります。

セルの色

セルの色

透明感・アニメーション

なお、UI全体に置いては現実世界にあるような要素を加える必要があると考えたため、ポップアップするの背景には透明感のあるバックに仕上げました。ポップアップする時のアニメーションも軽量かつ早いものにすることを意識し、ユーザーに視覚的なフィードバックを与えることができました。

ポップアップの閉じるボタン

ポップアップの閉じるボタン

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/eac6d5e2-4b62-4605-9afb-d64e058e29cd/Untitled.png

8色+「無」のオプションがございます。なお、オンラインミーテイングのリンクやGoogle Classroomのリンクを貼ることができる欄がございます。

8色+「無」のオプションがございます。なお、オンラインミーテイングのリンクやGoogle Classroomのリンクを貼ることができる欄がございます。

Untitled

Untitled

Untitled

Untitled

Untitled

壁紙の変更

壁紙の変更

Untitled

Untitled