新山口プログラミング協会
Design Lab14 live design directions
実際に触って、
比べるデザイン。
画像ではなく、すべて実装済みのレスポンシブHPです。スマホで開き、スクロールや文字の読みやすさまで比べられます。
01
黒白 × ライム
Signal
強いタイポグラフィと実機写真で見せる、端正なテックブランド。
見る02
白 × コバルト
Editorial
余白と読みやすさを重視した、明るい技術カルチャー誌。
見る03
ネイビー × ブルー
Quiet Tech
装飾を抑え、写真と静かな動きで見せるプレミアムなダークUI。
見る04
黄 × 青 × 黒
Neo Brutal
地域の実験場らしいエネルギーを、太い線と原色で表現。
見る05
設計図ブルー
Blueprint
回路図・設計図の言語を、落ち着いた公共性のあるUIへ。
見る06
生成り × 朱色
Warm Studio
人と地域を主役にした、温度のあるデザインスタジオ風。
見る07
墨黒 × グリーン
Terminal
開発者文化をミニマルな端末表現へ落とした、通好みの案。
見る08
写真 × 余白
Open Gallery
活動写真を作品のように扱う、現代美術館風の静かな構成。
見る09
夜色 × 真鍮 × シアン
Night Circuit
夏祭りサイトの夜の空気だけを残し、非対称グリッドと回路的なUIへ再構成。
見る10
グリッド × 赤 × サンセリフ
Swiss Style
国際タイポグラフィ様式の客観性、非対称グリッド、明快な情報階層。
見る11
機能 × 幾何学 × 三原色
Bauhaus
形態は機能に従う。円・三角・矩形と三原色で活動を構造化。
見る12
トーナルカラー × 面 × 状態
Material Design 3
意味のある面、階層、状態表現を柔らかなトーナルUIで構成。
見る13
モジュール × 情報密度
Bento Grid
大小のカードを弁当箱のように組み、活動全体を一画面で俯瞰。
見る14
反合理主義 × 図形 × 遊び
Memphis
規則正しさを崩す色と図形で、ものづくりの楽しさを前面に。
見る15
地域コミュニティ × 回転寿司
Community Conveyor
明るい編集デザインと、回転寿司レーンを使ったプロジェクト導線を融合。
見る