9月の振り返り

9月の振り返り

9月からは、先月まで作っていたWebアプリケーションのデザインからコーディングをしていた月です。先月の実装で修正した方がいいものも修正しつつ、フロント周り全体を勉強していた感じです。

正直、「できるか〜」と内心思っていました。笑

結果としては、Webデザイン関係の書籍、HTML&CSS関連の書籍を10冊ぐらい読み込み、何とか、問題ないレベルまで持っていけたようです。

意外と、デザインも楽しいのだなと月後半は思うようになっていました。

1、9月2〜6(デザイン知識インプット)

この週はまずデザインとは何?みたいな所から始まったので、知識を叩きこむ事に専念しました。

ポートフォリオを作った際は割といい感じのデザインにしたのですが、あれは、良さげなサイトの構成や色彩を真似ただけなので、0からデザインを作っていなにので、あんまり役に立たなかったです。

では、横道にそれましたが、以下がインプットの際に役に立った書籍です。

   

これらを通読し、やってはいけないデザインだけは避けようと知識をたたき込みました。

デザイン関係の書籍は図解、イラスト、写真などが多いため、1、2時間で読める物が殆どだったのでした。

あとは、ひたすら、自分の使う部分だけを読み込み、まとめるだけでした。

6日は帰社日でケンタッキーパーティーをして楽しんでいました!

2、9月9~13(コーディング知識のインプットとデザイン作成)

この週は先週のデザインの勉強を踏まえて、どう実際にコード(HTML&CSS)に落とし込んでいくかの作業でした。

コーディングに関しては、暫くやっていなかったこともあり、数冊買って、もう一度知識を入れ直しつつ、練習していました。意外と知らないことが多く、やはり基礎は大事だなと反省しました。

また、CSS設計やSassも入れないと、将来的な可変性、保守性が落ちるので、しっかりお勉強しておこうと思い、ここで勉強していました。

コーディングに関しては問題なく、インプットもアウトプットもでき、準備は整いつつあったのですが、デザインで致命的な問題が発生していました…

それは、配色でした…

デザインを考える上では、構成、余白、書体、文字の大きさ、行間、配色が大まかに重要なのですが、配色以外は理屈と理想的なものが大体決まっているので知識でなんとかなったのですが、配色だけはそうはいきませんでした…

結構、詰んだと思っていたのですが、便利ツールを『1冊ですべて身につくHTML&CSSとWebデザイン入門講座』に書いてあり、問題は解決しました。(正直、これで解決できたと勝手に確信しました。)

配色ツールは3つ紹介されていましたが、著者への敬意も踏まえ、私が使った1つだけを紹介しておきます。(これ以外にも大変に参考になる内容が多いので、気になる人は買ってください。)

ウェブ配色ツールVer2.0

これで知識も実際に作りたいものも作れるようになったので、あとはXDでデザインを作っていくのみとなりました。(XDもロクに使ったことがなく、フォトショップも同様だったので、こちらもお勉強することになりました。)

フォトショップはUdemyで良い講座があったので、それをみてなんとかしてました。

以下、私がこの週重宝した書籍と教材です。(基本的に私は自分が買って読んでみて、よかったもの以外は紹介はしません、それが、読者と本を書いた著者への敬意と考えています。

・書籍

   

・Udemy

  1. 未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース

上記をインプットした所で、この週は終了しました。

ついでに、この週もバックエンド側の修正箇所と少し、JSを使って、ユーザビリティーをあげたりはしてました。

3、9月17~20(XDでデザイン作成!)

この週からは細かな修正をしつつ、XDでデザインを作り始めていました。

デザインに関しては、作りつつ、何度も該当箇所を読んで、落とし込んでいく感じで作っていました。

重要な部分になると思った部分には付箋を貼っているので、検索には殆ど時間はかかりませんでした。(私の時短テクニックの一つです。)

この週で、ようやくデザインは完成し、見て頂くことに…

結果は、かなりUIUXが上がり、サイトのイメージにも合ってるということで、OKを頂き、浮かれる!

まぁ、元が酷すぎたという話ではあるのですが…(Bootstrap使ってただけなので…)

4、9月124~30(機能追加とコーディング開始)

この週からは簡単機能を追加しつつ、コーディングを初めていきました。

とりあえず、SCSS使い、CSS設計なんかも意識して書いてみた感じでした。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

29歳のWebエンジニア/中央法→大手証券会社→プログラミングスクール→Webエンジニア(2年目)/現在は神奈川に住みながらプログラミングをメインにTwitterやブログで発信してます!