コンテンツ
2020年にハローワークが行っている職業訓練のWEBデザイナー科に所属していた際に作成した課題の一部を掲載してあります。 授業では完成したサイトの全体図と素材になる画像ファイルのみを渡され、見本と同じものを自分の手で作ってみる、といったことを行っていました。 画像の配置やメニューバーの作成といったところから、paddingやmarginを用いたレイアウトの調整などを行えます。 また、クンシーズドーナツの課題ではレスポンシブサイトについての学習も行っており、こちらのページのみ少しだけですが画面サイズに応じてレイアウトが変動するようになっています。 コーディングには主にTeraPadというフリーのテキストエディタを使用しています。
KCCホテル
約1時間
Web Design
約2時間
ほっかいどう通販
約2時間
ほっこり湯
約2時間
ケンジーズドーナツ
約4時間
レスポンシブデザインの練習
コスメ・オンラインショップ
約3時間 floatとpositionを用いたレイアウト。
デザイン作品
photoshop使用
作成時間:約1時間
デザイン作品
photoshop使用
作成時間:約1時間
イラスト作品
クリップスタジオ使用
作成時間:約12時間
イラスト作品
クリップスタジオ使用
作成時間:約10時間
イラスト作品
クリップスタジオ使用
作成時間:約12時間
当ポートフォリオサイトのコンセプト
パッと一目見た瞬間にインパクトを感じられるデザインにしようと考え、中世ヨーロッパ風の異国情緒あふれる画像を前面に押し出すことにしました。単純に制作者が個人的に好きなモチーフを選ぶ結果になりましたが、この時代に作られた作品の画像であれば知的財産権が発生しないというメリットも考慮しました。
そのうえで、あまり凝ったレイアウトにして無理に背伸びしようとせず、今の自分が確実にできることを見せるようにしています。使用した画像の雰囲気に合わせるため、ページ全体のカラーは茶色でまとめ、少々の紫色をアクセントとして加えました。
リンク先のページで掲載している作品のほとんどは、レイアウトの練習という名目で用意されていたデザインと画像を借り、タグ入力のみを行って作ったものです。一緒に渡された見本やフレームワークを参考にしながらエディターソフトで順に組み上げていき、余裕があれがパディングの調整などをして少々のアレンジをするようにして作りました。