デザインカンプ配布第2弾【XD】

デザインカンプ第2弾を作りました。

第一弾はこちら。

引き続き、最安値で色んなテクニックを練習できるようなデザインを作っていきたいと思います。

第2弾と称していますが、難易度的には普通くらいだと思います。

2020.03.12追記

第3弾出しました。

簡単です。psd,ai,xdとほぼすべて対応しています。

デザイン

今回のデザインは、カーメーカーを模しています。

カーメーカーのウェブサイトは基本的に、

カルーセルスライダー
タブメニュー
ブログ風記事一覧的なもの
ニュースリリース

などから構成されています。

今回はそれらを取り入れ、他にも様々な工夫を凝らしました。

ヘッダーやフッターは複数行、複数列みたいな感じにしています。

ピクセル数はそこまでないので、時間かかりすぎて飽きる心配もないと思います！

配布ファイル

XDファイル
XD共有URL(アセットダウンロード可能)
readme
PerfectPixel用のpng画像

です。photoshopは今回は付けていないのでご注意ください。

共有URLもあるので、Adobe XD持ってなくても大丈夫。

必要スキル

カルーセルスライダー
タブメニュー
flexboxの基礎
Bootstrap(あると楽かも)

今回も例のごとく、僕の練習用でもあります。

Progate後の腕試しにも良いかもしれません。(少し難しいかも)

値段

今回も300円でいきます。

格安だと思います。

あと5個くらい出したら、全部まとめた割引のやつも出そうかなと思ってます。(未定)

デザイン確認

URL送っていただければデザインはいつでも確認します！

後々僕のコードも載せるので、それまで待てるよーという方はそちらでも構いません。

では、ここから有料となります。