الأيقونات والألوان

يأتي نظام نما أصلاً بأيقونة ولون لأغلب أنواع الكيانات وللحالات التي يقابلها المستخدم كل يوم، حتى يتعرف على فاتورة المبيعات أو العميل أو حالة «معتمد» من نظرة واحدة دون قراءة العنوان. وتبويب الأيقونات (Icons) — وهو التبويب الرابع والأخير في شاشة أعدادات الحقول و الشاشات — هو المكان الذي تغيّر فيه تلك القيم الافتراضية، أو تضيف أيقونة لشيء لا رأي للنظام فيه: نوع مستند تستعمله شركتك باستمرار، أو حالة أضفتها بنفسك، أو ذلك الحقل الوحيد في شاشة مزدحمة الذي يغفل عنه الجميع.

ويضم هذا التبويب ثلاثة جداول، وكلها تغذّي النظام البصري نفسه: واحد لأنواع الكيانات كاملة، وواحد لقيمة واحدة من قائمة منسدلة، وواحد للحقول المفردة.

Entity Icons — أيقونات الكيانات

يربط هذا الجدول أيقونة ولوناً بنوع كيان كامل. وما تضبطه هنا يتبع النوع أينما ظهر — في القوائم، وفي شاشات مطالعة القوائم، وفي نتائج البحث، وفي نوافذ اختيار المراجع حين يختار المستخدم سجلاً.

والسبب المعتاد لتعديل هذا الجدول نوعٌ مهم جداً في تركيبتك لكنه يتشارك أيقونة عامة مع كل ما حوله. فإذا كان عملك يقوم على الصرف المخزني، فأعطه أيقونة مميزة ولوناً قوياً، وسيبرز في القائمة وفي كل شاشة اختيار تعرضه.

العمود	ما يفعله
النوع (Entity Type)	النوع الذي تخصه الأيقونة، مثل فاتورة المبيعات أو العميل. إلزامي.
كود الأيقونة (Icon Code)	الأيقونة نفسها — تختارها من القائمة التي تعرضها الخلية (انظر «اختيار الأيقونة» أدناه).
كود اللون في الوضع النهاري (Light Color Code)	اللون المستعمل ما دام المستخدم على الوضع النهاري.
كود اللون في الوضع الداكن (Dark Color Code)	اللون المستعمل ما دام المستخدم على الوضع الداكن.

Enum Icons — أيقونات القوائم المنسدلة

أنفع الأيقونات ليست على الأنواع أصلاً، بل على قيم القوائم المنسدلة. فحالة الاعتماد، وحالة المستند، والأولوية: علامة ملونة صغيرة بجوار «مرفوض» تقول للمراجع في نصف ثانية أكثر مما تقوله الكلمة. ويعطي هذا الجدول أيقونة واحدة ولوناً واحداً لقيمة واحدة من قائمة منسدلة واحدة، وتظهر بجوار تلك القيمة داخل القائمة المنسدلة وفي خلايا الجداول التي تعرضها.

ويعمل العمودان المعرِّفان معاً. فـ Enum Type يسمّي القائمة المنسدلة نفسها، والقيمة المسموح بها (Allowed Value) تسمّي الخيار الواحد داخلها. املأ النوع أولاً: فبمجرد أن تكون له قيمة تقترح خلية القيمة المسموح بها الخيارات التي تحتويها تلك القائمة بالضبط، فاختر من المقترحات بدل كتابة خيار من الذاكرة — فالقيمة التي لا تنتمي للقائمة المختارة لا تطابق شيئاً وقت التشغيل.

العمود	ما يفعله
Enum Type	القائمة المنسدلة التي تزيّن قيمها. اختر من المقترحات.
القيمة المسموح بها (Allowed Value)	خيار واحد داخل تلك القائمة. إلزامي. وتظهر المقترحات بعد ملء Enum Type.
كود الأيقونة (Icon Code)	الأيقونة التي تظهر بجوار تلك القيمة.
كود اللون في الوضع النهاري (Light Color Code)	اللون المستعمل على الوضع النهاري.
كود اللون في الوضع الداكن (Dark Color Code)	اللون المستعمل على الوضع الداكن.

زيّن المجموعة كلها لا قيمة واحدة

الحالات تُقرأ أفضل ما تكون كعائلة واحدة. فإذا لوّنت «معتمد» بالأخضر، فأنفق دقيقتين إضافيتين على «مرفوض» و«تحت الإجراء» كذلك — فالشاشة التي زُيّنت فيها قيمة واحدة من أربع تبدو كخطأ لا كنظام.

Field Icons — أيقونات الحقول

يربط الجدول الأخير أيقونة ولوناً بعنوان حقل لا بسجل. وهو الجواب على شاشة كبرت: ثلاثون حقلاً كلها متساوية في الشكل، وواحد منها — حد الائتمان، أو تاريخ الاستحقاق، أو علامة إيقاف العميل — هو الذي يقرر فعلاً ما سيفعله المستخدم بعد قليل. وأيقونة أمام ذلك العنوان تجذب العين إليه مباشرة.

العمود	ما يفعله
النوع (Entity Type)	نوع واحد تزيّن أحد حقوله.
قائمة الأنواع (Entity Type List)	قائمة مسماة قابلة لإعادة الاستعمال من الأنواع، فيغطي السطر الواحد عدة شاشات دفعة واحدة.
الحقل (On Field)	الحقل الذي تجلس عليه الأيقونة. وتتبع المقترحات النوع أو القائمة التي اخترتها.
كود الأيقونة (Icon Code)	الأيقونة التي تظهر بجوار عنوان الحقل.
كود اللون في الوضع النهاري (Light Color Code)	اللون المستعمل على الوضع النهاري.
كود اللون في الوضع الداكن (Dark Color Code)	اللون المستعمل على الوضع الداكن.

وترك النوع وقائمة الأنواع فارغين معاً يجعل السطر عاماً — فيزيّن ذلك الحقل في كل شاشة تحتويه، وهو المطلوب عادةً مع حقل مثل remarks أو dueDate يعني الشيء نفسه في كل مكان. وقواعد السطور العامة مقابل السطور المخصصة بنوع مشروحة مرة واحدة في صفحة النظرة العامة.

كيف تتصرف الجداول الثلاثة

لا تختلف الجداول الثلاثة إلا فيما تشير إليه. وكل ما يلي صحيح فيها جميعاً.

اختيار الأيقونة

لست مضطراً لحفظ أسماء الأيقونات. فكل خلية كود الأيقونة (Icon Code) تفتح قائمة قابلة للبحث ترسم كل أيقونة مرشحة بجوار اسمها، فتحكم على الصورة لا على الكلمة. اكتب بضعة أحرف فتضيق القائمة — وهي تطابق اسم الأيقونة وكذلك الكلمات الموسومة بها، فالبحث عن "money" يجد الأيقونات التي صنّفها المصمم تحت المال ولو كان اسمها شيئاً آخر. اختر ما يعجبك فتخزّن الخلية كوده.

وتضم القائمة عائلتين: مجموعة أيقونات نما الخاصة، المرسومة لهذا النظام والمغطية لموضوعات تخطيط الموارد التي لا صورة لها في المجموعات العامة، وأيقونات Google Material القياسية لما عدا ذلك. وكلتاهما تتصرفان تصرفاً واحداً بعد الاختيار.

عمودا لون، واحد لكل وضع

يُستعمل كود اللون في الوضع النهاري حين يكون المستخدم على الوضع النهاري، وكود اللون في الوضع الداكن حين يكون على الوضع الداكن. واملأ العمودين معاً. فاللون الذي يُقرأ قراءة جميلة على الأبيض — رمادي متوسط أو أصفر هادئ — يختفي تماماً عادةً أمام خلفية داكنة، فيرى مستخدم الوضع الداكن أيقونة لا يستبينها أصلاً.

والعمودان كلاهما منتقي ألوان، فتختار اللون بصرياً بدل كتابة كود.

التباين هو كل الغرض

الأيقونة موجودة لتُلمح دون جهد. فاقصد لوناً ذا تباين قوي مع الخلفية التي يجلس عليها — قريبة من الأبيض في الوضع النهاري، وقريبة من الأسود في الوضع الداكن — بدل درجة خفيفة تجاري ألوان الشاشة. فالأيقونة الأنيقة ضعيفة التباين أيقونة لا ينتبه لها أحد، ومعنى ذلك أن السطر الذي أضفته لا يفعل شيئاً.

سطرك يتغلب على القيمة الافتراضية

يبني النظام مجموعة أيقوناته وألوانه أولاً، ثم يضع سطورك فوقها. فحيث تشير أنت والنظام إلى الشيء نفسه تفوز أنت، وحيث لا تقول شيئاً تبقى الأيقونة الأصلية. ومعنى ذلك أنك لا تحتاج أبداً لإعادة كتابة القيم الافتراضية — أضف سطوراً لما تريد تغييره فعلاً فحسب، فتبقى القائمة قصيرة بما يكفي ليرى أحدهم بعد سنة من نظرة واحدة ما الذي خُصص ولماذا.

لا أعمدة نطاق أخرى

بخلاف أغلب جداول تبويب الرئيسية، لا يوجد في جداول الأيقونات عمود مطبق على (Applicable For) ولا أي تحديد نطاق أوسع من النوع وقائمة الأنواع والحقل الظاهرة أعلاه. فما تراه في جداول هذه الصفحة هو قصة الاستهداف كاملة.

لا بد أن يخرج المستخدم ويدخل من جديد

الأيقونات والألوان إعدادات تعمل في المتصفح — تُسلّم لمتصفح المستخدم عند بدء الجلسة وتُخزّن فيه. والمستخدم الذي هو داخل النظام بالفعل يظل يرى الأيقونة القديمة مهما حفظت. وإنما يلتقط التغيير بعد تسجيل الخروج والدخول من جديد (أو بعد إعادة تحميل قسرية للصفحة).

اجمع إعدادات الحقل الواحد في سجل واحد

شاشة أعدادات الحقول و الشاشات ملف أساسي، فقد يوجد منها عدة سجلات وتُجمع سطورها النشطة كلها. وهذا مريح إلى أن يزيّن سجلان النوع نفسه أو الحقل نفسه — فحينئذ لا يمكنك أن تتوقع أيهما يفوز بقراءتهما. فاجمع كل ما يخص هدفاً واحداً في سجل واحد.

الإعدادات في هذه الصفحة

كل جدول وعمود تغطيه هذه الصفحة باسمه الظاهر على الشاشة باللغتين، لتجد الإعداد بالاسم الذي تراه. ويشير العمود الأخير إلى القسم الذي يشرحه. أما أعمدة النطاق (للنوع، قائمة الأنواع، الحقل وما يشبهها) فهي واحدة في كل الجداول ومدرجة في صفحة النظرة العامة.

الاسم العربي	الاسم الإنجليزي	معرّف الحقل	المعنى
Entity Icons	Entity Icons	entityIcons	Entity Icons
كود الأيقونة	Icon Code	entityIcons.iconCode	Entity Icons
كود اللون في الوضع النهاري	Light Color Code	entityIcons.lightColorCode	Entity Icons
كود اللون في الوضع الداكن	Dark Color Code	entityIcons.darkColorCode	Entity Icons
Enum Icons	Enum Icons	enumIcons	Enum Icons
Enum Type	Enum Type	enumIcons.enumType	Enum Icons
القيمة المسموح بها	Allowed Value	enumIcons.allowedValue	Enum Icons
كود الأيقونة	Icon Code	enumIcons.iconCode	Enum Icons
كود اللون في الوضع النهاري	Light Color Code	enumIcons.lightColorCode	Enum Icons
كود اللون في الوضع الداكن	Dark Color Code	enumIcons.darkColorCode	Enum Icons
Field Icons	Field Icons	fieldIcons	Field Icons
كود الأيقونة	Icon Code	fieldIcons.iconCode	Field Icons
كود اللون في الوضع النهاري	Light Color Code	fieldIcons.lightColorCode	Field Icons
كود اللون في الوضع الداكن	Dark Color Code	fieldIcons.darkColorCode	Field Icons

صفحات ذات صلة

• أعدادات الحقول و الشاشات — نظرة عامة — أعمدة النطاق، وكيف تُطابَق السطور، وماذا تفعل بقية الشاشة.
• مظهر الحقول — النصف الآخر من جعل الشاشة مقروءة: أقنعة العرض وأنماط الحقول وألوانها.
• المظهر — مظهر النظام على مستواه كله، ومنه الأوضاع التي كُتب لها عمودا اللون هذان.
• معدّل الشاشات — تعديلات شاشة التعديل — حين يحتاج الحقل إلى أكثر من أيقونة فيُنقل أو يُعاد تسميته أو يُخفى.