参考サイト
ココカラクラブ

自己評価

・目的
非常時の備えとしてはあまり意識されていない「マウスケア」だが、口腔の状態は体の健康に直結すると言っても過言ではない。その重要性を知らないという人が、自分も含めてかなりの数いるのではないかと思い、今回の課題でテーマとして取り上げた。このサイトを閲覧することで、非常時におけるマウスケアの方法や、それを怠ったときの危険性についての理解を得られることを目的としている。

・「誰」のため
普段あまり非常時に対する危機感がない人
一般的な非常時の備えは完璧だが、それだけで満足してしまっている人
水源がなくなることに不安を抱いている人
避難生活を経験したことがない人
などに向けて作成した。マウスケアは日々していると思うが、意外とやり方が間違っていたり、水を無駄遣いしていることに気付かずいる人が多い。そのように、「備えは大丈夫！」と満足している人に対して、マウスケアという抜け目があることを伝えたいと感じた。その他は、特に水に関わる不安について対応可能だと感じている。

・目指した習得技術と自己学習成果
目指した習得技術→既存の優れたサイトのように、滑らかに動く魅力的なデザインにする。
[具体的な技術]
①背景を動かす
②ボタンのデザインを凝る
③背景とサイトのメイン部分がはっきりと分かれている
④アニメーションをつける
⑤イラストとサイトの親和性を高める

[自己学習成果]
特によく取り組んだと感じた部分

①ボタンのデザイン
→影に色がつき、沈んだような見た目になるボタンを使用した。
HTMLとCSSの二つのみで実装可能なものである。
やはり、ボタンの存在はサイト全体の雰囲気を左右すると感じた。

②イラストろサイトの親和性を高める
→サイトのイメージを崩さないためには、フリー素材に頼ることに限界があるとわかった。
よって、「歯」と「マウスケア」の二つを自分で作成し、サイト内で使用した。
本来は、歯が上下するといった動く背景を作りたかったが、今回は静止画の背景とした。
イラストもだが、使用する写真もサイトとの親和性を意識することが大切だと感じた。

もどる