Style · ファッション

ファッションWebデザインの参考例とAIプロンプト

写真を大胆に使い、エディトリアル寄りに組むファッション系AIプロンプト集。ブランド・セレクトショップ・ルックブック向け。

Designs002 Styleファッション Keywordファッション

ファッションについて

写真を主役にした大胆な版面設計。フルブリードの写真、重なるタイポ、アシンメトリーなレイアウトでルックブックのような空気を作ります。Vogue、Dazed、i-D などが参照点。写真をどう扱うかが、そのまま予算規模のシグナルになります。全幅で1枚を堂々と見せる余裕のある構図は、撮影点数が少なくてもブランドを大きく見せる。逆に小さな写真を所狭しと並べると、安価な通販サイトの印象に転落します。モバイルでは突き抜けを控えめにし、横スクロールが出ないことを実機で確かめること

ファッションの視覚パラメータ

  • #FFFFFF
  • #000000 文字
  • #E8E4DE
  • #FF3B30 差し色
書体
ディスプレイ書体を1〜2種。斜体を大きく使う
角丸0。写真はフルブリードで断ち切る
動き
画像だけパララックス。文字は動かさない

よく使われる場面

  • アパレル・セレクトショップ
  • ブランドのシーズンルックブック
  • ファッションマガジンのWeb版
  • モデル・スタイリストのポートフォリオ
  • コスメ・フレグランスのキャンペーン

成功のポイント

  • 写真はフルブリード、余白を潰してもいい
  • タイポは写真と重ねて強さを出す
  • アシンメトリーな配置で動きを作る
  • 商品詳細は地味に、世界観ページは大胆に
  • モバイルはスクロールで「めくる」体験を設計

このスタイルのデザイン

他のスタイル