【TechAcademy】WEBデザインコース 51日目「サイトできてねぇっす!やばい!」

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

お世話になっております、TechAcademy WEBデザインコース51日目が終了しました。
今日の作業時間は10時間くらいはやってたと思います。

今日もやれることは全部できました。こんな日々が毎日続けば最強になれる気がします。

今日やったこと

  • Lesson13【オリジナルサイト2周目:TOPページコーディング】
  • バナーお題挑戦
  • chot.design【イラレ】イラスト作成
  • 読書&ストレッチ

なんと今日もタスクを全部消化できました。積み重ねている感じがうれしいです。

Lesson13【オリジナルサイト2周目:TOPページコーディング】

実にヤバい事にTOPページのメインビジュアルが難しすぎてここしかまだ完成してないすっす。やっっっべ。次回のメンタリングにまにあわねぇです。
明日はこれだけやります。

バナーお題第一弾・挑戦

こばやすさんのバナーお題に初挑戦しました。

どうでしょうか、、作業時間は2.5hです。
自分で考えて作成するのってめちゃくちゃ頭使うんですね、、

冬期、一口チョコの特価バナーということで、20〜40代の働いてる男女がターゲットとして想定されています。使用カラーは白と水色。
※このバナーの詳しいトンマナやメインコピーなど要件は上記、こばやすさんのnoteで確認されてみてください。

制作で考慮した点

・幅広い年齢層をターゲットにしているため、ガーリーにしすぎない。
・高級感を演出のためにシンプルな構成&明朝系のフォント。
・商品をアピールするため、画像を大きくセンターに配置する。
・上品なデザインにしたかったため、余白は広めに取る
・メインコピー「ちょっと一息。」の部分は波線のあしらいにかけてヌケ感を出す。
・冬っぽさを出したかったので文字色は白で統一。
・「12/25」の期限は締切日なので大きく。
・「冬季限定」はゴーストボタン風のデザインで画像の邪魔をしないようにした。

反省点

・水色の絵の具の様なあしらいをしたが夏の清涼感、納涼感がでてしまったかも
・バナー内に目立つ1色があったら良かったかも→メリハリがないため
・情報収集・思考力不足→バナーの作り方(考え方)が不足している
・デザインの引き出し不足→今後も作りながら対策
・操作技術の低さ→今後も作りながら対策


初めて自分でつくりましたが、これが本来のバナー作成。
日頃の模写でバナー作成に慣れたつもりでしたが、甘かったですね。
バナー作る時の基本的な考えかたを勉強しないといけませんわ。
まだまだ伸びしろがあるということ。頑張ります!!!

chot.design【イラレ】

chot.design今日のイラスト作成は「花」でした。

【作成法】
・楕円ツールで花弁を1つ作成
・花弁の雌しべ雄しべ側の先端をダイレクト選択ツールでコーナーポイントに切り替え
・回転ツール、option押しながら基準点を花弁のコーナーポイントへ
・回転ツールダイアログで任意の角度を選択→コピーを選択[command+D]で花弁を量産

ざっとこんな感じです。
簡単すね。基礎としてきちんと抑える事ができました。
花弁の外側のギザギザは花弁とギザギザシェイプ(ペンツールで作成)をパスファインダー「前面オブジェクトで型抜き」で作成してます。

イラレでなにか作る上での基礎になると思うので、学べてよかったと思います。

【番外編】

ペンツール習得のため、カビゴン線画とカラー。
ペンツールでシェイプ作成に少し慣れた気がします

明日のやることリスト

  • Lesson13【オリジナルサイト2周目:TOPページコーディング】
  • chot.design【イラレ】イラスト作成
  • 読書&ストレッチ
  • Udemyコース探し

明日はコーディングに集中します。あと、Udemyのレッスンがまた安くなってるみたいなので良いレッスンさがしてみたいと思います(作業に疲れたら)。

まとめ

明日は午前中にイラレの作業を終わらせてそれ以降はコーディングに全てを費やします。あしたで完成させます。

まじでタイムリミットが迫ってきてるので少し焦りながら作業していかないとヤバいっす。

ではでは。

コメント

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