はじめに
今回はXdの勉強もかねて架空のクライアントのサイトのトップページを作成していきたいと思います。
始めるためにまずはXdの基本操作をYouTubeなどを活用し、確認していきました。
沢山の方がYouTubeで解説を挙げていますが、今回はアキユキさんのYouTubeを参考に学習を進めていきました
架空クライアント設定
今回は初めての作成だったため過去に二回アルバイト経験のある沖縄料理屋を題材として作成しました。
私自身が沖縄出身ということもあり、店名やホームページを作成するにあたってのイメージがとてもつけやすかったです。
- 30代夫婦経営
- 実家のような温かみのある店舗
- 沖縄をより身近に感じられるサイト
初めての作成になるので今回は簡単な設定にしました
さっそくXdの動画得た知識と様々なサイトを参考にしてデザインカンプを作成しました
作成するのにあたり、実家のような温かみのあるサイトにするため、全体的なテーマカラーを暖色にし、トップに沖縄の伝統的な屋根をイメージしたイラストを入れました。そうすることでサイト全体を一個の家のような形になるように作成しました。
Xdは今回初めてだったため便利な機能が沢山ありとてもおどろきました。得にデザインだけではなく、プロトタイプも設定でき実際にページを作った際のイメージがとてもつけやすかったです。
今回はこのデザインカンプを基に実際にWordpressを用いて作成してみました
↓サイトはコチラ↓
まとめ
今回作成にあたって、とりあえずチャレンジしてみようと始めたため、足りないところが沢山ありました。デザインのルールなどもまだまだ学習が足りてなく、HTMLやCSSも分からないことが沢山ありました。
今後は、より細かい設定を組み込み、自分があまり関わってこなかった分野での作成をしていきたいと考えています。
また、今回で自分の持っている実力を再確認することができたため、より技術の向上に努めていきたいと思います。