【TechAcademy】WEBデザインコース 50日目「調子でてきた、一安心」

おっす、TechAcademy WEBデザインコース50日目が終了しました。
今日の作業時間は9時間とかそれくらいです。

今日は今までで一番の調子を発揮することができました。きっとこれは昨日の運動が聞いているのかも。
この集中力とメンタルを維持できるように丁寧に過ごしていきたいと思います。

今日やったこと
明日のやることリスト
まとめ

今日やったこと

Lesson13【オリジナルサイト2周目：TOPページコーディング】
バナー模写：15枚目
chot.design【イラレ】
サイト分析
読書＆ストレッチ

今日はタスク完遂しました。倦怠感とか解消できてたし昨日の運動の効果が少しあったのかなって思ってます。

Lesson13【TOPページコーディング】

TOPページのコーディングを少しですが進められました。

いきなりサイトのコーディングに入る前に、今回のサイトの肝になる背景の処理の仕方をまず試してました。背景の処理の仕方はなんとなく掴めたのでOKです。

カンプ作成時の甘さがコーディングの際に出てきたので、リサイズしてアセット生成するなど手戻りが少々発生しました。

ワ多ナベ

前回もきをつけてたんですけどねぇ、むずい！！

明日は共通ページからガシガシ進めていきます！

サイト分析：1件「https://sankoudesign.com/」

本日もサイト分析1件。こちら！

伊藤忠商事株式会社

伊藤忠商事は繊維、機械、金属、エネルギー、化学品、食料、住生活、情報、金融の各分野において幅広いビジネスをグローバルに展開する大手総合商社です。

総合商社「伊藤忠商事」のコーポレートサイトでございます。

サイトの構成としては情報整理がしっかりとされており、かなりまとまったサイトで大企業がゆえに下層ページのボリューム大(全ページ見てもらう事は想定してなさそう)。

教本のサンプルサイトの様な構成でわかりやすいですが、オーソドックスすぎて他の企業サイトと比べると少し見劣りするかも。

ビジネスでの使用がメインであるがゆえ配色・コンテンツのあしらい(角丸なし)で男性的なサイトに仕上がっていました。コーポレートサイトを作ろうとした際、参考となる箇所は非常に多いので覚えておきたいと思います。

chot.design「イラレ編」

chot.desingでイラレカリキュラムの中に「イラスト作成テクニック」というものがあったので挑戦してみました。何かを作りながらイラレの基本をおさえられるので練習にうってつけ。

ひどい配色ですね。街なかのごろつきのような見ためにしてみました。

ペンツールで線の作成、配置、レイヤーの重なり順、コピーして回転で複製など基本となる技術がたくさん詰め込まれてました。丁寧な解説もあったのでなんとかなりました。

これ以外にもイラストのパターンがあるので明日もやっていきます。

バナー模写：15枚目

バナー模写久々の今日は300×250のバナーを模写してみました。

15枚目：2.5h

クオリティ高く作成できたような気がしますが、模写というよりは別パターンを作成したような感じですね。

バナー下部の訴求部分では柔らかい配色がされていたので女性をターゲットにしたバナーかなと思っています。

ホントはオリジナルバナーの水彩水玉を再現したかったのですが、水玉の作成方法を記載したブログを見ても思うように作成できなかったので諦めてしまいました。
また、改めて見るとメインコピーの視認性が少し低いような気もします。

とりあえず、模写目標30枚の半分まできたので明日はバナーお題をTwitterで提供されてる「こばやすさん」のお題に挑戦してみます。