デザインカタログ
DESIGN CATALOG目的の違う架空のサイトを、見た目の流派ごとにデザインしました。ページの中のパーツを指すと名前が出て、押すとパーツ図鑑でその役割と、ほかのページでの見え方を比べられます。
hoshizuki.example
喫茶 ほしづき
喫茶店のサイト · 和モダン
生成りの紙のような背景に明朝体と朱色の差し色。縦書きの見出しと余白で、落ち着いた店の空気を出す。
11 個のパーツページを見る →
tasklane.example
Tasklane
タスク管理サービスの紹介ページ · グラスモーフィズム
鮮やかなグラデーションの上に、すりガラスのような半透明のパネルを重ねる。角を丸め、光と奥行きで先進的に見せる。
11 個のパーツページを見る →
thegrid.example
THE GRID
カルチャー系のウェブマガジン · ブルータリズム
太い黒の罫線、等幅フォント、蛍光イエロー。飾りを削り、構造をそのまま見せる荒々しさで個性を出す。
12 個のパーツページを見る →
studio-kasumi.example
Studio Kasumi
写真家のポートフォリオ · ミニマル
白と灰色だけで、細い文字と大きな余白。作品の写真が主役になるよう、UI は存在感を消す。
12 個のパーツページを見る →