【TechAcademy】WEBデザインコース 31日目「やはり何ごとも日々の積み重ね」

ども！TechAcademy WEBデザインコース31日目が終了となりました。
本日の作業時間は10時間前後、作業の質・進捗ともに良好でした。いい調子！

作業の合間にブログの作成を進めていたので割と早い時間の更新ができてよかったです。これからこのスタイルで作業進めていこうと思います。

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

今日やったこと

Lesson13【サイトマップ・ワイヤー課題提出】
~~chot.design【Illustrator入門】~~
サイト分析
バナー模写：3枚目
読書＆ストレッチ

今日はLesson13の課題提出が完了し、合格することができました。
なかなか時間がかかっていただけにめっちゃ嬉しいです。

chot.designは出来ませんでした!!

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

今日はゆるしてやるよ。

Lesson13【サイトマップ・ワイヤー課題提出完了！！！！】

Lesson13課題「ワイトマップとワイヤーフレーム」合格しました。
一発合格いただきました。
ワイヤーフレームが完成してめっちゃ嬉しいっす、楽しかった。

「Cacoo（https://cacoo.com/app/o/stJd8PxAZk/recent）」というツールを用いて作成しました。前回課題の「企画」が合格してからすぐに取り掛かりましたが、およそ3日かかった模様。なかなか大変な作業だったので手応えはかなりあります。

ワ多ナベ

下の画像は今回作成したワイヤーフレームになります。

PCとSPのデバイスを想定し、PCでのwidthは960px、SPでのwidthは640pxで作成予定です。ちなみにワイヤーフレーム内で登場する「STAR GLOW」とは今回の題材となる父のミッドセンチュリー家具専門店の名称です。

今回のワイヤーフレームの作成手順はPC版を先に4ページ作成してからSP版の作成を行いました。PC版のTOPページから進めて行ったのでTOPページはかなり難航しました。共通部分もかなりあるのでTOPページを過ぎれば徐々に作業が楽にできたのでそこは良かったかなと。

サイト内で表示する文言ですが「ユーザーにどういう印象を持ってもらうか」を考えながら作成したので時間は掛かりましたが、サイトの骨格を理解しこの段階でオリジナリティを出せていると思うのでいい感じかなと思ってます。

明日からフォトショでカンプの作成に突入しますがめちゃくちゃ頭ひねらせて考えたので手を抜かず、良いサイトができるように努力したいと思います。

chot.design【Illustrator入門】

サイト分析：1件「webdesignclip」より

今日もギャラリーサイト「https://www.webdesignclip.com/」から1件分析しました!

大阪の不動産屋のコーポレートサイトです。

サイト全体の色がほぼ3色にまとまっており見やすくなっていました。
サイト内の画像も相まってクリーンな印象に。

サイトの背景に屋根を模した画像や、サイト内の雲のイラストなどでにぎやかさが演出されており、とくにサイト内で背景に配置される画像がただの長方形ではなく、いろんなカタチにアレンジされているため、視覚的に飽きるずにサイトを回遊できました。

ワ多ナベ

画像の使い方が参考になる良い例でした。

バナー模写：3枚目

バナー模写3枚目です。作業時間は2.5hです、かなり時間かかっちゃいました。

今日のバナー模写では吹出しのパーツをイラレで作成してみました。形状が少し異なる部分(吹出し下の方)がありますが、手順は覚えたのでちょっと変わった吹出しにも対応できるようになりました。

メインコピーの部分はオリジナルに近いフォントを見つけることが出来ず苦戦しました。フォントを見定める力がほしいところです。