コンポーネントスタイル1
コンポーネントスタイル2
代表メッセージ
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
READ MORE
会社概要
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
READ MORE
アクセスマップ
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
READ MORE
エンジニア
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
READ MORE
article11
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
READ MORE
instagram test
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
READ MORE
コラム#2
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
READ MORE
コンポーネントスタイル4
会社概要
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
トピックス
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
サービス紹介
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
採用情報
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
アクセスマップ
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
会社概要
説明補足テキストを記載します全角40文字程度で２−３行に整えることをおすすめします。
コンポーネントスタイル7
コンポーネントスタイル11
アトミックデザインはモジュラーデザインの考え方を元にブラッド・フロストさんが考案したUIデザイン手法。
モジュラーデザイン(Moduler design)とは、製品の各モジュールを作成した後、それらを繋げて完成品を作る手法。アトミックデザインにおけるコンポーネントがいくつも組み合わさったような製品のパーツをモジュールといいます。
インターフェイス作りは、常に最小の素材 = Atom(原子) の組み合わせであるべき”を基本理念に、原子が分子を作り、分子が有機体を作りと小さなパーツが積み重なって大きなプロダクトになっていくのがアトミックデザインのイメージです。
アトミックデザインでは、各コンポーネントが簡単に再利用、編集、統合できるため、プロダクトの拡充が容易に行えます。
ここでのコンポーネントは、最小の素材=Atomの組み合わせで作られたパーツのことを指します。従って、個人や少人数で行う小さなプロジェクトから、大規模のウェブプロジェクトまでさまざまな規模・レベルのプロジェクトで用いることができます。特に大規模プロジェクトにおいては、共通のコンポーネント用いることにより、開発におけるビジョンをプロジェクトメンバーに共有し、プロダクトに一貫性をもたせることができます。
お知らせ
アクセス
