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

日記

こんにちは。@nkichiishiです。

 

テックアカデミー のwebデザインコースを4週間で修了してから、約1週間が経ちました!

 

今日はその後の記録を書きたいと思います。

 

ヘアサロンサイト制作続き

撮影&ヒアリング

受講中、最終課題として制作していた「お姉さんの美容室のwebサイト」ですが、ほぼ完成しました。

 

実際、美容室にお邪魔してwebサイトに載せる写真撮影もさせて頂きました。

 

趣味で一眼カメラ歴はそこそこ長いのですが、最近もっぱらPCと向かい合っていたのでなかなかカメラに触れる機会がなかったのです。

なので、久々の撮影ということで意気揚々にお店を訪問!!

 

 

 

  

 

  

ン

お邪魔しますッッッッ!来ました!!(汗だく)

 

美容室の<br>お姉さん
美容室の
お姉さん

いらっしゃい!よろしくねー!!今日は暑いね!!

写真撮りに来てもらって悪いんだけど、今日私の写真は撮らないよね??昨日料理してたら顔やけどしちゃってさ!写真撮られるのも嫌いだし、◯ットペッパーに載ってる写真転載しといてくれないかな!

 

ン

り、りょうかいです!

 

ン

本人も撮りたかった・・・。

 

 

油がはねたみたいで、顔に絆創膏貼ってあるお姉さん。

本人写真は諦めて、店の中・外を撮りまくりました!

 

webサイトに載せる用なので撮ったままのサイズで使うことはないだろうと思い、色んな構図で撮りまくりました。

お昼のスープカレー

美容室の<br>お姉さん
美容室の
お姉さん

ンキチくんお腹空いてない??今日お店休みだし、お昼食べに行こうよ!近くに美味しいカレー屋さんがあるんだ。そこに行こう!

ン

え?まじっすか!いいんですか!是非!!

 

来る前に松屋でガッツリ牛丼を食べた後でしたが、何も食べていないフリをしてスープカレーをご馳走になりました!

 

 

美容室の<br>お姉さん
美容室の
お姉さん

いやー美味しかったねー!今日はありがとね!ホームページよろしくね!!

  

 

ン

はい!こちらこそありがとうございました。また進捗連絡しますね!

 

 

 

ン

お腹はち切れそう・・・。うぷっ

 

 

ヘアサロン訪問後

美容室のwebサイトはほぼ完成したんですが、お姉さんに入れてもらう欄がまだ埋まってないので未完成です。

連絡こないなぁ・・。笑

 

というわけで、当初テックアカデミーのコンテストに応募するみたいな話もしていたのですが(※テックアカデミー Webデザインコース 26日目 参照) 未完成だったのでやめました!人のサイトだし悪いので。

 

Illustratorを使ってみる

Illustratorを初起動

あと、サイト内にイラストを載せたくてIllustratorを初めて起動してイラストを描こうと試みました!!

 

 

 

 

 

 

 

 

 

新しいゲームソフト買った時に、取り扱い説明書を見ずに始める感覚ですよ。わかりますよね。

 

Illustratorっていうもんだから、簡単に上手い絵が描けると思ったんです。 

 

ペンツールってなんなんですか。一度クリックしたらどこまでも線がくっついてきて全く離れようとしません。

しまいには上のような醜い魚の絵が出来上がってしまいました(怒)

 

テックアカデミーのカリキュラムにはIllustratorがなかったので、新たに勉強しなきゃダメそうですね・・・。

 

というわけで、今回はイラスト拝借しました。。

 

ポートフォリオWebサイト制作

ポートフォリオ制作に着手

 

 

そしてその後、自分のポートフォリオwebサイトの制作にとりかかりました!

 

 

自分で新たにLessonという名のやるべきことを書き出し、目標を定めました。

 

デザイン制作

まずポートフォリオサイトのワイヤーフレーム。

ここで新たなツールを手にします。

 

Adobe XD です!

 

 

ほんと直感的で使いやすいです!!

Illustratorとは大違い。(IllustratorもAdobe社だった)

 

 

 

 

簡単にですが、ワイヤーフレームをパパッと仕上げました。

 

 

 

 

 

 

 

 

 

 

 

 

 

Photoshopでデザインカンプも完了!

スキル欄、こんなに必要なかったので後で減らしました。笑

 

 

構想、手書き、ワイヤーフレーム、デザインカンプだけで約1.5日です。

とりあえずシンプルなポートフォリオを目的とします。シンプルイズザベスト!

 

 

この工程でもコメダ珈琲にお世話になりました。

 

きっと裏では、アイスコーヒー1杯(たまに+ケーキ)で居座り続ける客として「昼からMacでイキってるニート」とあだ名をつけられていてもおかしくありません。

 

バイトって常連のお客さんにあだ名つけますよね。

私も経験ありますからわかりますよ。笑(泣)

 

「除菌のおじさん」元気かなぁ。

 

 

 

 

 

コーディング

その後、ポートフォリオサイトのコーディングに取り掛かりました!

 

そしてその作業が今日先ほど、ほぼ終わりました。

 

コーディングにかかった時間としては丸4日です。

デザインも含めて6日ですね。

ほぼ一日中作業して です。

 

でも朝起きたらいつもだいたい昼だから、一日中ってことはないか・・・。笑

 

 

シンプルを目指していたけど、いつの間にか「シンプルかつ所々でセンスを魅せたいサイト」に構想が変わってしまったので、細々したところで時間を食いました。。

  

あとはポートフォリオサイトの中身を充実させるために、架空サイト等を制作して、アピールポントを増やしていきます!

 

目安として、お盆明けくらいには就活をスタートさせたいですね。

頑張ります。

 

 

 

ここまでの学習の振り返り

今日で7月も終わりです。

7月の1ヶ月間は毎日勉強してきました。

 

1日最低でも6時間。

多い時で12時間くらいやってた日もあったと思います。(たぶんその日は目の前が真っ暗になりました)

 

時間で表すものではないと思いますが、1ヶ月前より確実に知識モリモリです!!!

 

しかし、まだまだ知らないことが多くて毎日ググりの嵐です。

googleで調べてると同じサイトに何回も行くことがあるんですよね。

 

同じことを何回も調べて、検索結果のタイトルが紫色だらけなのもしょっちゅうです(泣)

 

 

 

暑い日が続きますが、風邪と熱中症には気をつけてこれからも楽しく頑張っていきたいと思います!

 

そろそろ1日だけでも遊びに行こうかな。天気の子観たい・・・。トイストーリー4も。できればミュウツーの逆襲も。。

  

 

 

コメント

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