Webデザイン学習 1ヶ月と3週間

日記

こんにちは。@nkichiishiです。

テックアカデミーを6月〜7月で終え、本格的にWebデザインの勉強をし始めてから約1ヶ月と3週間が経過しました。

 

前回の記事(※Webデザイン学習 1ヶ月と2週間からの進捗状況を報告します。

 

初バナートレース

Illustratorを初めてちゃんと使う

Webサイト作りに区切りをつけて、バナートレース(バナー模写)を初めて行いました。

 

Twitterをみてると、webデザイナーを目指している人はけっこうこのバナートレースをやっている気がします。タイムランに流れてきます。しかもめっちゃうまい。

 

ン

まじで見本とソックリやん。。この人もしかして現役の人かな?

 

と思ってプロフィール欄をみると、未経験の方だったり。

クオリティ高すぎィ!!!!!

 

ン

でも案外やってみたらすんなりできるかもな。模写だし。真似すればいいんでしょ。

 

イヤミったらしいことを思いながら、いざバナートレース!!

 

 

 

Pinterestというサイトで見本となるバナーを漁り、人生初バナートレースはコイツに決めました。

 

ポイント10倍らしいです。しかしちっさく「MAX」って書いてある部分が気になります。

 

これは

「ポイント2倍とか5倍の商品がほとんどだけど、中には10倍のも少しだけあるよ!」

みたいな文章が隠れている感じがしますね。

 

しかし お買い物マラソン という文章があるので、どちらかというと

「買えば買うほどポイント倍率が上がっていくよ!」

な気がします。

 

バナーに書いてある言葉の意味の分析をしている間にパソコンがスリープモードに入ってしまったので、とにかく始めることにしました。

 

 

実際、今まで使ってたPhotoshopのほうが扱いやすいのですが、なんせIllustratorを全く使ったことがなかったので機能の把握を含めての模写です。

 

 

  

とりあえず真面目にIllustratorのチュートリアルをみることにしました。

 

 

 

抱き心地が良さそうなチュートリアルのお姉さん(とクッション)に癒されたところでバナートレース開始! 

 

バナートレース結果

 

左:見本 右:模写

2時間半かかりました。

 

前言撤回で。。。ムズイっす。。。。。。

 

まぁ、初めてだから仕方ないか・・・。

 

というわけで、この後Illustratorのバナートレースの練習を2日ほどやりました。

合計3つ。少なッ。。笑

  

バナートレースの感想

 

Webサイト制作 

架空のサイト

バナートレースもひと段落したので(全然やってないけど)、もういっちょWebサイトを制作することにしました。

 

 

架空病院のWebサイトです。

 

思い立って、その日のうちにデザインを決めて、ワイヤーフレームを作って、デザインカンプまで仕上げました。

午前3時くらいまでかかった。笑

 

次の日からコーディングを始め、3日間で完成させました。

 

  

制作後の反省点

いろんな病院のWebサイトじろじろみて、いいとこどりして作った感じなんですが、もうちょっと自分なりにデザイン考えればよかったと反省。。

 

でも大体病院のサイトって似たり寄ったりなんですよね。

題材ミスったかな。笑

 

とりあえずコーディングの練習にはなったのでよし!!!!

 

これでポートフォリオに載せるWebサイトは完成です。

 

ポートフォリオ制作

Web版ポートフォリオの完成

Web版のポートフォリオを完成形にするのに、あとはABOUT(自己紹介欄)を埋めるのみでした。

 

自己紹介って苦手なんですよねぇ・・・。

 

学生の頃ってクラスが変わったら自己紹介から始まったりしたじゃないですか。

ありきたりな自己紹介だとちょっとつまんないので、上手いこといってやろうと思ってだいたいスベってました。

ほんと死にたくなります。

 

なのでポートフォリオに書く自己紹介は誰と比べるわけでもないので、上手い具合にありきたりなことを記入しておきました。

 

あともう一つ悩ましいのが自分の顔写真です。

 

ポートフォリオに載せる写真は、履歴書みたいな堅苦しいものより、笑顔で写っているものの方が良いみたいです。

パソコンの中から自分の笑顔の写真を漁りました。

 

まぁ、割と探したら出てくるもんです!でもどれもブサイク

なんか、改めてみると、笑顔クッソ下手くそだなぁ。と自分で思いました。笑

 

その中でも、良い光の入り具合で割と自然に微笑んでいるイケメン風な奇跡の写真があったので、それに決めました!!!

 

こうしてWeb版のポートフォリオが完成しました!

 

紙のポートフォリオ作成

ポートフォリオについてくまなく調べると、やはりWebデザイナーたるもの紙のポートフォリオもあったほうがいいとの記事ばかり。

 

ン

この時代なんだからみんなWebでみてくれよ・・・。

 

なんて心の声が漏れそうになりましたが、そうというなら作るしかありません。

 

ここでIllustratorに再登場してもらい、せっせと紙のポートフォリオの制作に取り掛かりました。

 

実際、内容はWeb版でほぼできているので、あとはA4の用紙におさまるようにレイアウトを考えるだけでした。

レイアウトを考えるのは意外と得意(自称)なので、半日もかからず終了!

 

あとは印刷してファイリングします。

 

まとめ

実績を作り、ポートフォリオの制作がひとまず終わりました。

 

なので、これからは就職活動をメインで行っていきたいと思います!

まだまだ勉強不足なところもあるし、実績もこれでいいのかな…という気もしますが、とりあえず動いてみなきゃわからないです。

 

意外と通用するかもしれないし、ボロクソ言われるかもしれない。

どこもかしこもボロクソだったらさすがにポートフォリオをもっと充実させます(泣)

 

次の目標はまず、エージェントや転職サイトに登録して、履歴書や職務経歴書を書いて、実際に行動に移すことです。

 

なんか今から緊張してきた・・・。笑

 

というわけで、今日のところは以上です。

 

就職活動頑張ります!

 

コメント

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