バックエンド製品のマテリアルコレクション。必要なコンポーネント、プロトタイプ、およびページがすべて揃っています。

先週は、クリックポップアップウィンドウの設計方法、基本コンポーネント、プロトタイプの共有など、ミニプログラムに関連するいくつかのコンテンツを共有しました。

今週は、テーマ別のルートを継続し、背景にいくつかの製品デザインを共有します。

ここに画像の説明を挿入

バックエンド製品はフロントエンド製品ほど一般には知られていませんが、その重要性はフロントエンド製品のそれと同じです。

一方で、それは会社のビジネスのサポートです。これを使用すると、作業プロセスを最適化して作業効率を向上できます。一方で、ユーザーとサービス関連のデータを取得して分析し、フロントデスクを宣伝することもできます最適化。

ここに画像の説明を挿入

さて、言うことはあまりありませんが、急いでトピックに行きましょう〜

背景コンポーネント

プロトタイプ作成の最初のステップ-コンポーネント材料を取得します。

私たちのマテリアルスクエアは、ナイフの友達のために豊富な背景コンポーネントを準備します。

1.要素関連コンポーネント

ここに画像の説明を挿入

Elementは、一貫性、フィードバック、効率、および制御性の特性を備えたEle.meチームによって慎重に設計されたWebコンポーネントです。

コンポーネントのさまざまな属性に応じて、ナイフの友人のために、コンポーネントを13セットに分けました。

さまざまなボタンが含まれています:

ここに画像の説明を挿入

さまざまなスタイルの進行状況バー、ツリー、およびページングコンポーネント:

ここに画像の説明を挿入

フォームなど

ここに画像の説明を挿入

ナイフの友人は、ラピッドプロトタイピングの設計要件に従って選択できます。

2. Ant Design関連コンポーネント

ここに画像の説明を挿入

Elementコンポーネントが満足できない場合でも、Antデザインがあります〜

Ant Financial(本質的には会社)に由来し、効率を向上させるためにも生まれましたが、設計値は「確実性」、「意味の感覚」、「成長」、および「自然」に基づいています。

ここに画像の説明を挿入

写真提供:Ant Design公式サイト

ナイフの友達はそれをElementと比較して、製品に最適なコンポーネントを見つけることができます〜

3. VUE ELEMENTに基づくWeb側のバックグラウンド拡張コンポーネントライブラリ

上記の一般的なコンポーネントに加えて、ホームページ、フォーム、フォーム、ダイアログボックス、フローチャート、ツリーフォームなど、インタラクティブなパーソナライズされたコンポーネントのセットもあります。

ここに画像の説明を挿入

著者:発言はあまり話しませんでした

このコンポーネントのセットはBサイドのビジネスシナリオの90%以上をカバーし、スタイルは人気のあるフロントエンドWEBフレームワークVue Eement Adminを参照します。これは再利用価値が高いです〜

バックエンドプロトタイプ

基本的なコンポーネントに加えて、マテリアルスクエアには多くのウェブプロトタイプがあり、ナイフの友達と共有する4つの代表的なプロトタイプを選択しました。

1.レストランデータ分析の背景

ケータリングは、バックエンド管理システムの利用率が高い業界です。

バックグラウンドシステムの推進により、手動操作時のエラー状況が大幅に改善されました。さらに、バックグラウンドの統計情報により、レストランのマネージャーは業務をより適切に管理できます。

このプロトタイプはこれらのデータに基づいており、レストランの大規模で詳細なデータ分析を行うためにインターネット業界のいくつかの指標とモデルを適用しています。

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入
ここに画像の説明を挿入

著者:バランスを傾ける

チャートコンポーネントの豊富な構成が含まれており、データ統計およびデータ分析のバックグラウンドリファレンスの再利用に非常に適しています。

2. WeChatサードパーティの背景デザイン

このプロトタイプは、VUEのスタイルに基づいたシンプルな背景で設計されており、全体的にシンプルで新鮮です。

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

著者:元のシゴン

権限管理やユーザー管理のバックグラウンドプロトタイプとして利用でき、ページ数は少ないですがある程度の再利用性があります。

3.バックステージ管理システム

現在、ますます大企業が作業効率に注意を払っています。プロジェクト管理や承認などのオフラインプロセスは複雑で扱いにくいものですが、OA、CRM、ERPなどの製品を使用したオンライン操作でのバックエンド管理製品は省略されます。企業全体の作業効率を向上させるために、オフラインで不要なプログラムがいくつかあります。

したがって、このプロトタイプ作業は、ホームページ、タスク管理、および承認の3つのモジュールを含む、会社のいくつかの一般的なニーズのために設計されたバックグラウンドタスク管理システムです。

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

著者:クアンタムワイス

デザインのすべてのページは、統一されたスタイルと統一された色を採用しています。このページのデザインは、主にページの再利用性を中心に展開し、機能とコンテンツのデザインはすべて、企業の一般的なシナリオを中心にしています。

4.運用管理の背景

オペレーションは管理バックエンドのユーザーでもあり、フロントエンドアクティビティとメッセージプッシュは、バックエンドで設定および管理する必要があります。

このプロトタイプのセットは、運用の日常管理のニーズに合わせて設計されたバックエンドであり、運用位置の構成が含まれています:バナー図、グリッドアイコン、メッセージプッシュ、ポップアップウィンドウ、基本データ、監査、システム管理など。

ここに画像の説明を挿入

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

著者:aFielt

プロトタイプを再利用する方法

最初のステップは、マテリアルスクエアで目的のターゲットページを見つけ、[保存]をクリックすることです。

ここに画像の説明を挿入

2番目の手順では、マテリアルをクリックして保存したマテリアルを見つけ、それを現在のページに配置するか、右側のコンポーネントでワークスペースに直接ドラッグします。

ここに画像の説明を挿入

他に必要な材料がある場合は、メッセージを残してお知らせください〜

おすすめ

転載: blog.csdn.net/Lemonliyi/article/details/107563254