Style · ファッション
ファッションWebデザインの参考例とAIプロンプト
写真を大胆に使い、エディトリアル寄りに組むファッション系AIプロンプト集。ブランド・セレクトショップ・ルックブック向け。
ファッションについて
写真を主役にした大胆な版面設計。フルブリードの写真、重なるタイポ、アシンメトリーなレイアウトでルックブックのような空気を作ります。Vogue、Dazed、i-D などが参照点。写真をどう扱うかが、そのまま予算規模のシグナルになります。全幅で1枚を堂々と見せる余裕のある構図は、撮影点数が少なくてもブランドを大きく見せる。逆に小さな写真を所狭しと並べると、安価な通販サイトの印象に転落します。モバイルでは突き抜けを控えめにし、横スクロールが出ないことを実機で確かめること。
ファッションの視覚パラメータ
- #FFFFFF 地
- #000000 文字
- #E8E4DE 面
- #FF3B30 差し色
- 書体
- ディスプレイ書体を1〜2種。斜体を大きく使う
- 形
- 角丸0。写真はフルブリードで断ち切る
- 動き
- 画像だけパララックス。文字は動かさない
よく使われる場面
- アパレル・セレクトショップ
- ブランドのシーズンルックブック
- ファッションマガジンのWeb版
- モデル・スタイリストのポートフォリオ
- コスメ・フレグランスのキャンペーン
成功のポイント
- 写真はフルブリード、余白を潰してもいい
- タイポは写真と重ねて強さを出す
- アシンメトリーな配置で動きを作る
- 商品詳細は地味に、世界観ページは大胆に
- モバイルはスクロールで「めくる」体験を設計