【Webデザイン】オリジナルWebデザイン : 水族館の仮想HP

背景

LP模写から自作デザインへ、と徐々に段階を踏んできた中、
独学のみの状態からより実務に沿ったものに取り組むには...？
といろいろ探していたところ、こんな記事に出会いました。

ポートフォリオに掲載OKなワイヤーフレーム公開しました。実務で使っていたものに近い形式です。
ワイヤーからデザインを作る時の注意事項もまとめています。
使えそうであればぜひご活用ください！

【ポートフォリオ掲載OK】デザイン練習に使えるワイヤーフレ―ム配布します https://t.co/wcEf6qlYEo

— あや🐈webデザイン&ディレクション (@ayaweb3) 2020年1月12日

ツイートで紹介されたブログ記事 :
【ポートフォリオ掲載OK】デザイン練習に使えるワイヤーフレーム配布します - mogaBlog

今回使用した配布ワイヤーフレーム :
https://mogablog.work/demo/wireframe/aquarium.pdf

実務で使用したものに近い形のワイヤーフレームが公開されており、
これを元にデザインを制作するというもの。
制作スケジュールの目安も公開されていました！

現状でどこまでできるのか試してみたい思いもあり
早速挑戦してみました。

成果物

• 自作ロゴ(Photoshop)
• 背景用波形SVG(Photoshop)
• PC版デザインカンプ(プロトタイプ含、XD)

※バナー、SP版作成は未実施

それぞれ、まとめていきます。

次記事へ