デザインカンプからコーディング練習! 流行りのレイアウトに挑戦してみよう(クールデザイン)
割引あり
こんにちは!Webデザイナーのいるそらです。
今回も勉強の一環で作成したWebデザインカンプを配布することにしました!
作成したのは最近流行りの背景は固定されたまま真ん中のスマホ幅コンテンツだけスクロールされる「モバイルファーストなサイト」です。架空のシャンプーのLPを想定して作成してみました。
コーディングの練習をしたい・もっと経験を積みたい方や、自分でデザインを作るにあたって参考にいろんなデザインデータを見てたい!そんな方々に役立ててほしいと思っていますので、ぜひチェックしてください!
✨こんな方におすすめ
🖼️デザイン(完成図)
ダウンロードデータはFigmaのファイル(dummy_shampooLP_cool.fig)になります。(URLでの共有ではなくローカルファイルとしてダウンロードしたものです)
※デザインの特性上、スマホサイズのデザインデータは含まれていません。スマホサイズはスクロールする真ん中部分のみが表示されるようコーディングしてください。
※データ内には素材画像やSNSアイコンは含まれておりません。
💻想定したサイトの動き
このWebデザインカンプは真ん中のエリアのみがスクロールするデザインを想定しています。以下の参考サイトを見ながらコーディングにチャレンジしてみてください!
■参考
❗️注意事項
ここから先は
457字
/
2画像
/
1ファイル
よろしければサポートお願いします! いただいたサポートはクリエイターとしての活動費に使わせていただきます!