【TechAcademy】WEBデザインコース 38日目 「カンプ課題クリアァァァァァ!!!!」

ワ多ナベ記事のサムネイル
この記事は約4分で読めます。

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

カンプ課題の件ですが、今日は最終調整を行い課題提出を行いました。
1発合格出来たのでかなりの達成感があります。
下の方でカンプを一部公開しているのでもしよかったら見てくださいませ。

今日やったこと

  • Lesson13【カンプ提出&コーディング】
  • バナー模写:9枚目・10枚目
  • サイト分析:2件
  • chot.design【Illustrator入門】
  • 読書&ストレッチ

今日はサイト分析・バナー模写ともに2件づつやる予定でしたが、サイト分析は1件のみしか出来ませんでした。結構時間かかるんですよねこの作業。ま、これからもずっと継続していく作業なのでこれくらいはゆるくても良いのかもしれません。

Lesson13【カンプ課題合格】

やっっっっっと、カンプ作成課題を合格しました。
かなり時間かかったんでめっちゃ嬉しいです。

ワ多ナベ
ワ多ナベ

でもこれからコーディングなんすよねぇ〜笑

オリジナルサイトPCカンプ

じゃじゃん!
コチラがオリジナルサイトのカンプになります。
ビンテージのアメリカ家具専門店を題材にしているので、50年代アメリカの流行色を取り入れたレトロチックなサイトに仕上げてみました。


ミッドセンチュリーの空気感を作り出すためにかなり悩みました笑。色味で言えばサイト全体の配色を少しくすませてみました。ポイントとしてはサイトのベースカラーを[#FFF]ではなく、少し灰色がかった白[#ebe8e2]を採用して「古い・レトロ・ヴィンテージ」といったイメージの再現をしてます。


ごちゃごちゃ感も店舗の雰囲気を再現するのために必要な要素だと判断したので、店舗で取り扱っている個性的な商品の画像(切り抜きなど)も多く掲載しております。

また、一部の背景に使用されているAtomicなパターン画像や[Purple Purse]というレトロなフォントなど随所に古さを感じさせる要素を盛り込むのもたのしかったです。


サイトとしてモダンな構成を守りつつもレトロ感・ミッドセンチュリーを演出することはかなり難しかったですが、店舗の雰囲気を失うことなくwebサイトに反映できたのでかなり個人的に気に入っています。

突然現れた伝説のロックスター
突然現れた伝説のロックスター

コーディングがんばっていこうな、まじで

バナー模写:9枚目・10枚目

今日は宣言通り昨日できなかった模写バナーの分を取り返しました。
作業時間もそれほどかからなかった様な気がしています。
今日模写したバナーは全体的に再現度高めなので結構満足しています。ちなみに、企業ロゴ以外はすべてお手製です。

ワ多ナベ
ワ多ナベ

個人的には再現する力というか、どこをどうすれば見本通りになるか見る目が少しできてきた様に思います。

9枚目:作業時間1h

良い意味で大味なバナーでした。
つよい発色の水色と黄色のコントラストでものすごく目立ちますね。

大まかな構成要素としては「水色背景・人・黄色斜めBOX・黒太文字」といったところだと思います。とにかくインパクトのあるバナーで、色で惹きつけ文字で惹きつけ人で惹きつけ、といった工夫を感じました。

10枚目:作業時間1.5h

さきほどの9枚目とは打って変わって非常に繊細なバナーです。
淡い水色をメインに、縦書きの詩的なメインコピーで旅への心情が表現されており、左側の画像エリアで視覚的的サポートをし、旅の情景がより鮮明にイメージされます。

僕が模写したバナーでは、画像中の人物のシルエットも縦を意識したことでバナー全体で縦のラインを持たせスッキリとした構成にできたかなと思っています。

サイト分析1件のみ

今日はこちらのサイトでーす。

こちら、食器ブランド「ENZO」のブランディング・EC・サイトになっております。

ローディングからサイトに遷移するまでの間に多数のギミックが施されていて、動きもりもりでかなり高度なサイトになっていました。

また、デザイン・情報設計的にもブランドの空気感を作り出すために細部までしっかりと設計されていてとても参考にするべき点が多いと感じました。

ワ多ナベ
ワ多ナベ

webサイト探訪で記事にしたいと思います

明日のやることリスト

  • Lesson13【コーディング】
  • バナー模写:11枚目
  • サイト分析:1件
  • chot.design【Illustrator入門】
  • 読書&ストレッチ
  • 第11回メンタリング

明日はメンタリングなので最終的なカンプにそってコーディングのアドバイスなどもらえたらと思います。明日のメンタリングは外せないので良いアドバイスがもらえるように、聞いておきたいポイントを質問にまとめ、しっかり準備してから挑みたいと思います。

まとめ

今日はガンガン作業すすめたので満足感・達成感で満たされています。
時間はかかっていますが、良いものができたと思うのでしっかり頑張ってよかった。

しかし、明日からコーディングが始まるのでしっかり進めていきたいと思います。

ではでは。

コメント

タイトルとURLをコピーしました