blog

コンポーネント化されたデザイン思考

今、多くの人が原子設計を知っている、また、仕様設計にコンポーネントを知っているが、ただ単純な生産仕様は、より良い設計方法を考えるために多くの時間を作るには十分ではありません、優れた視覚的性能の基礎に焦...

Feb 24, 2020 · 3 min. read
Share this

現在、多くの人々が原子設計を知っている、また、設計の非特定のコンポーネント化を知っているが、単に仕様を作るだけでは、より良い設計する方法を考えるために多くの時間を自由にするのに十分ではありません、優れた視覚的性能の基礎に焦点を当てる必要があり、徐々に注目のプロジェクトの相乗効果と経験的価値を強化し、徐々に新しいデザイン思考モードを形成します。

コンポーネントベースのデザイン思考とは、機能性や視覚表現において要素を分解・要約・再編成し、再利用可能であることを目的に標準化されたコンポーネントを形成し、多次元的な組み合わせによってデザインソリューション全体を構築することで、デザインの有効性を高めることです。

I. コンポーネント化されたデザイン思考とは?

分子は原子から構成され、分子は原子に分割され、原子は再結合して新しい分子を形成することができる」ことが知られています。同様に、界面も、原子元素からなる別々の分子構成要素から構築され、異なる方法で結合して新しい分子構成要素を形成し、それを再編成して新しい界面を形成することができます。

そのような状況に遭遇したことがあるのかどうかわかりませんが、デザインの進歩の過程や、非効率的なコミュニケーションの行き来が多くなり、ページデザインの業務やレイアウトの修正を繰り返すような状況になると、デザイナーは非効率的な書き換えに囚われ、デザイナーの価値は感情のない書き換えマシーンになってしまいます。

コンポーネント化されたデザイン思考とは、機能性や視覚表現において要素を分解・要約・再編成し、再利用可能であることを目的に標準化されたコンポーネントを形成し、多次元的な組み合わせによってデザインソリューション全体を構築することで、デザインの有効性を高めることです。

II. コンポーネント化されたデザイン思考のポイント

完全な構成プログラム

次の図に示すように、コンポーネントを独立した製品として考えることで、さまざまなシナリオやユーザーニーズを満たすことができます:

部品化思考

要件から始めて、以下のようにページ表現構造と必要なコンポーネントを分解します:

多くの設計者は、仕様がインターフェイスの一貫性を決定する重要な要素であると考えており、コンポーネント・ライブラリについての知識がほとんどありません。

実際には、一般的なフォント、配色、インターフェイスのコンポーネントに設計仕様のセットを行うには、デザイナーの多くの時間とリソースを消費しているだけでなく、再利用の効率で、上記の一貫性を確保するために、まだ大きな問題があるでしょう、どのようにコンポーネントのセットを設計するには、チームの大容量で実行すると、いくつかのビジネスプロジェクトとの相乗効果ができますか?

ページが二次元化され、レイヤー化された場合、ページにはこの情報が表示されます。

、X軸成分の応答状態

X軸成分は、下図に示すように、X軸の大きさが異なる、X軸の成分組成が異なる、相互作用の状態が複数ある、と言われています:

Y軸成分の挙動状態

Y軸は下のアクションバーで、下の図のようにインターフェイスの下から表示されるポップアップレイヤーです:

この一見シンプルな情報コンポーネントの動的表示を例にとると、次の図のように、組み合わせ次第でさまざまなテンプレートが得られます。

簡単に言えば、設計仕様のエンジニアリングを効率化するためのツールです。

同時に、コンポーネントライブラリを構築する際、コンポーネントに統一されたラスターサイズと表現制約を持たせ、設計細部の統一性を確保すると同時に、複数のチームの協力を確保することができ、同時に、異なるコンポーネントを柔軟に構成することができ、全体に影響を与えることなく、異なるインターフェース要件に適用することができます。

最終的には、コンポーネントから使用シナリオ、ツールへとクローズドループを形成し、コンポーネントとユーザー間のインタラクションデータを3つのコンポーネント間で循環させ、コンポーネントシステムが一連のデータディメンションを持つことで、ビジネスコンポーネントが効果的に反復できるようにしたいと考えています。

.

コンポーネント化は設計の変化を促進し、設計者として、設計ツールの使用は、反復設計によって生成された作業時間を節約し、設計支援から設計主導への価値の変換を実現するのに役立ちます。製品のユーザーエクスペリエンスとイノベーションにもっと焦点を当て、より高いビジョンで推進できるように自分自身を置いて、チェーン全体の実践の後、彼らの専門的な影響力とコア競争力を向上させ、進歩の道の新時代のデザインを完成させるようにします。

Read next

UIPageViewControllerとUITableViewCellの左スライド削除ジェスチャ間の競合を解決する。

あるプロジェクトで、2 つのテーブルビューを水平にネストする必要があり、右側のテーブルビューで左スワイプによるセルの削除をサポートする必要がありました。 UI をレイアウトした後、セルを削除するための左スワイプはトリガーされず、クイックスワイプでのみ編集モードに入ることができることがわかります。

Feb 23, 2020 · 2 min read

継承

Feb 22, 2020 · 2 min read

JS分岐ステートメント

Feb 22, 2020 · 5 min read