50 DESIGNS50の構成から選ぶ
色違いだけではなく、写真の扱い、見出し、余白、グリッド、セクション構成そのものを変えています。「大きく見る」でページ全体見本を確認できます。
DESIGN 01エディトリアル
左に文章・右に写真、雑誌のような余白
DESIGN 02ビジュアル
全画面写真と大見出し、実績を大きく表示
DESIGN 03コーポレート
白いヘッダーと情報ダッシュボード
DESIGN 04コンパクト
低いトップと密度の高い1ページ構成
DESIGN 05採用重視
人とメッセージを先に見せる構成
DESIGN 06スプリット
左に文章・右に写真を固定した二分割
DESIGN 07マガジン
複数写真と記事を非対称に編集配置
DESIGN 08ギャラリー
写真モザイクと作品一覧を主役にする
DESIGN 09パノラマ
横長写真と横方向の実績構成
DESIGN 10グリッド
罫線で区切る建築図面のような構成
DESIGN 11ミニマル
白背景・細い文字・装飾を抑えた構成
DESIGN 12ダーク
黒背景と写真で映画的に見せる構成
DESIGN 13インダストリアル
太字・番号・技術情報を強調
DESIGN 14クラフト
丸み・素材感・地域性を感じる構成
DESIGN 15アーバン
セル型ナビと斜線を使う都市的構成
DESIGN 16モジュラー
Bento型の箱を組み合わせる構成
DESIGN 17データ
数値・会社情報・実績件数を先に見せる
DESIGN 18タイムライン
工程・沿革・物語を縦軸で見せる
DESIGN 19アトリエ・キャンバス
作品写真を一枚ずつ全幅で見せる
DESIGN 20アトリエ・インデックス
作品名の一覧と写真を静かに対比する
DESIGN 21アトリエ・アーカイブ
作品番号・写真・情報をアーカイブのように格子状に整理
DESIGN 22アトリエ・ストーリー
設計意図と写真を交互に読む構成
DESIGN 23アトリエ・エキシビション
展覧会図録のような余白と番号構成
DESIGN 24プロジェクト・ディレクトリ
罫線と索引でプロジェクト情報をディレクトリ風に整理
DESIGN 25スプリット・インデックス
左の索引的な情報と右の大型写真を強く対比する構成
DESIGN 26フルスクリーン・スタック
大型写真を背景に文字を重ねる、画面いっぱいの構成
DESIGN 27オープン・キャンバス
写真と文字を余白上へ自由に配置する構成
DESIGN 28アーカイブ・ウォール
複数の写真セルを壁面のように密度高く配置
DESIGN 29フィルムストリップ
写真帯とプロジェクト情報を横方向に展開する構成
DESIGN 30シークエンス
写真・文章・番号を章のように連続させる構成
DESIGN 31ポスター・グリッド
大判タイポとずらした写真をポスターのように配置
DESIGN 32モノリス
濃色の縦壁と大判写真を左右で対立させる
DESIGN 33リボン
写真を横切る巨大な文字帯でトップを構成
DESIGN 34コートヤード
中央に写真の中庭を置き、周囲の余白に情報を配置
DESIGN 35トリプティク
文章・写真・情報を三列に分離した三連画構成
DESIGN 36ドシエ
図面・仕様書のような罫線、番号、情報欄で構成
DESIGN 37マニフェスト
宣言文のような巨大文字と小さな写真を対比
DESIGN 38ピクチャーフレーム
建築写真を額装し、周囲にタイトルを置く
DESIGN 39ステアケース
要素を段状にずらしながら下へ展開
DESIGN 40アクソノメトリック
斜線・軸線・菱形写真で図学的に構成
DESIGN 41カタログ
作品番号・分類・写真を製品カタログのように整理
DESIGN 42ジャーナル
建築誌の表紙と目次を組み合わせた編集構成
DESIGN 43ポータル
円・アーチ状の写真開口を中心に据える構成
DESIGN 44セクションカット
建築断面のような水平層で情報を積層
DESIGN 45マトリクス
細かな格子の一部に写真と文章を差し込む構成
DESIGN 46タイプ・スプリット
巨大文字面と細い写真スリットを並置
DESIGN 47コンタクトシート
写真コマと情報セルを撮影コンタクトシート風に配置
DESIGN 48スナップ・パネル
画面単位を意識した大きなパネルを連続させる構成
DESIGN 49タイプウォール
会社名を壁面のように巨大表示し写真を挿入
DESIGN 50クワイエット・ラグジュアリー
大きな余白と小さな写真で静かな上質感