デザインシステム ケイツー・インタラクティブ

デザインシステム

デザインシステムは、デザイナー・エンジニア・PM等の開発チーム全員が参照すべき、UIを構成するコンポーネントの運用思想・デザイン・コードについての、唯一の情報源です。

原則

システムやWEBサイトの目的及び存在意義について。

  • コンセプト
  • ブランド
  • ロゴ
  • 将来像
  • デザイン

設計

システムやWEBサイトの骨組みとなる設計書です。

  • ワイヤーフレーム>
  • 画面相関図>
  • システム設計>
  • ※案件ごとにHTMLベースで作成します。
  • ※注釈なども全てWEBベースで表示させます。

実装

制作フェーズや更新時に、エンジニアやデザイナーといった開発者のためのリファレンスとして利用するコンテンツ。

スタイル

ブランドに基づくカラー設計及び、スタイル制御可能なテキストレイアウト、アイコンとリンク要素をコード含めて掲載。

詳細を見る>

レイアウト

コンポーネントとして、使いまわせるレイアウト及びコードを掲載。

詳細を見る>

UI

UIのパーツの使い方及び、対応コードの掲載。

詳細を見る>

コンテンツ

ボイスアンドトーンや表記ルール、用字用語、ライティングパターン、写真の扱いなどを掲載。

詳細を見る>

進捗

現在進行中のプロジェクトの進捗を確認できます。

  • ※案件ごとに利用サービスを選択します。
詳細を見る>

運用

デザインシステムを運用し続けるためのガイドライン。

  • ※プロダクトを機能させる教育コンテンツなど、案件ごとに掲載内容を変更させます。
詳細を見る>