先週は、クリックポップアップウィンドウの設計方法、基本コンポーネント、プロトタイプの共有など、ミニプログラムに関連するいくつかのコンテンツを共有しました。
今週は、テーマ別のルートを継続し、背景にいくつかの製品デザインを共有します。
バックエンド製品はフロントエンド製品ほど一般には知られていませんが、その重要性はフロントエンド製品のそれと同じです。
一方で、それは会社のビジネスのサポートです。これを使用すると、作業プロセスを最適化して作業効率を向上できます。一方で、ユーザーとサービス関連のデータを取得して分析し、フロントデスクを宣伝することもできます最適化。
さて、言うことはあまりありませんが、急いでトピックに行きましょう〜
背景コンポーネント
プロトタイプ作成の最初のステップ-コンポーネント材料を取得します。
私たちのマテリアルスクエアは、ナイフの友達のために豊富な背景コンポーネントを準備します。
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番目の手順では、マテリアルをクリックして保存したマテリアルを見つけ、それを現在のページに配置するか、右側のコンポーネントでワークスペースに直接ドラッグします。
他に必要な材料がある場合は、メッセージを残してお知らせください〜