最新のMPLUS Link UIデザイン

REFERENCE_0 をソース UI として使用し、Teams のような内部/外部コラボレーション システムを、MPLUS Link ブランド、濃い青色の左側のナビゲーション バー、およびアプリケーション全体の機能を維持しながら、よりシンプルでモダンな製品モデルに再設計しました。洗練された 2 列、3 行のデモを作成し、再設計された 6 つの画面を紹介しています。1) 大きなメイン ビジュアル カードと日本語のタイトルを特徴としています。{argument name="headline text" default="招待制の専用ワークスペースを通じて、外部パートナーとのコラボレーションを一元化します。"} 1) ログイン タブ/ボタンとリアルなデスクトップ モニターのメイン ビジュアル 画像を備えたウェルカム/ログイン ランディング ページ。2) 右揃えのチャット カード、アクション チップ、およびメッセージ エディターを備えたプロジェクト ブリッジング チャット画面。3) 2 つの簡潔なチーム カードに簡略化されたチーム リスト画面。4) アップロード コントロール、検索/フィルター領域、およびファイル行を備えたリソース/ドキュメント リスト画面。 5) Titled{argument name="room title" default="MPI Collaborative Development Room"} 共有コラボレーション ルーム画面には、プロジェクトの概要カードとコンパクトなメンバー/ステータス リストが含まれます。 6) Titled{argument name="admin title" default="User Management"} ユーザー管理画面には、ユーザー行と空白の詳細パネルが含まれます。 新しいモデルは、参照画像よりもゆったりとしています。テーブルの行が少なく、余白が広く、区切り線が柔らかく、薄い青灰色の背景、白い角丸カード、微妙な影、小さな青/緑のアクセント ボタンが特徴です。 日本のエンタープライズ SaaS の雰囲気と仮想データ属性は維持されていますが、密集して扱いにくいテーブルは削除され、デザインの改善や比較に適した、シンプルで見た目にも美しい UI モデルに置き換えられています。 ブランド名はサイドバーで使用されます。{argument name="brand name" default="MPLUS Link"} サイドバーがすべての画面で一貫していることを確認し、無関係な機能、透かし、装飾的な雑然としたものを追加しないようにしてください。