Trial and Error

深瀬 鮎美のあたまの中身...

製作中のあたまの中の取り止めの無いぐるぐるした思考を、時系列に羅列してみました。

はじめてWebサイトの形のものを作成した時の頭の中です。

講座の受講が一通り終わったから、Webサイトを作成してみたい!

ワイヤーフレームが必要なのは知っている 作ってみよう どんな内容になっているのか、たくさんWebサイトをみてみよう 好きなものでWebサイトを作ってみよう 幅はどのくらいで作ればよいのか 架空のお店のサイトだから、そこに興味のある/訪れたい人に必要なページを作ろう

デザインしてみよう!

落ち着いたナチュラルな雰囲気のカラーでまとめよう アクセントカラーがあると、かわいいし、重要な部分がわかりやすいな。 フォントはタイプライターみたいな英文と 和文は、雰囲気のある明朝体と、読みやすいゴシックを使い分けてみよう 本のイラストの中に文章が入っているデザインをしたらかわいいかな?

コードを書いてみる

画面幅が少しでも変わると、デザインがくずれる部分がたくさんあって難しいな 自分のしたいデザインになるようにhtmlを書くのだろうけど、どう書いて何で囲うのかとても悩む カーソルが乗ったら動きのあるサイトは楽しいし、クリック可能かどうか感覚的にわかりやすいな! ハンバーガーメニューの仕組み、難しいな グッズ作りは得意だから、そこまで作れたら楽しいかな なんとか、形にはなったようだけど、もっと色々できるようになりたい!!

今回気がついたこと・得たこと

・ボタンとそれ以外の目立たせたい部分のあしらいを、統一感があり良いと思って、角丸の枠で囲むように、揃えていたが、しっかり区別しないとどこが押せてどこが押せないのかが、 一目ではわからないWebデザインになっていた。グラフィックデザインとの違いを実感できた。 ・参考にWebサイトを制作する立場で多数閲覧し、自分なりにデザインや構成などへの知識を蓄えました。 ・授業では、決まったコードをお手本の通りに書いたので、Webサイトのデザイン自体に何が必要なのか、というところから調べられた。 ・Webサイトとして、おかしい/美しくないデザインがあるということを学習できた。 ・デザインして、それを実際に動かしたりクリックすることのできるWebサイトのかたちにする楽しさを味わえた。