التخصيص
نظرة عامة
عند استخدام تخصيص المظاهر أو المظهر بشكل صحيح، يمكن أن يساعد ذلك في التفريق بين الإجراء الذي تتخذه. تساعدك الخيارات التي تتخذها عند تخصيص المكوّنات المرئية للإجراء (مثل البطاقات الأساسية ولوحات العرض الدوّارة والقوائموما إلى ذلك) في إبراز علامتك التجارية بفعالية.
يتطوّر تصميم "مساعد Google" باستمرار لمساعدة المستخدمين أينما كانوا وعلى أي جهاز. لهذا السبب، صمّمنا الإرشادات الواردة في هذا القسم لتطويرها. يتمثّل هدفنا في تمكينك من التعبير عن هوية شركتك بطريقة تجعلها 1- تبدو طبيعية في التفاعل العام للنظام، 2) تركّز على أكبر الفرص للتعبير عن العلامة التجارية، و3) التوسّع على مستوى جميع الأجهزة الأساسية (مثلاً، الهواتف والشاشات الذكية) بدون اتخاذ أي إجراءات إضافية.
يتم تطبيق مظهر واجهة "مساعد Google" التلقائي على المكوّن المرئي للإجراء في حال عدم تحديد تفاصيلها. يمكنك الانتقال إلى وحدة تحكّم المهام لتخصيص مظهر الإجراء.
اللون
اللون هو معرّف علامة تجارية قوي. يمكنك تخصيص الألوان الأساسية والخلفية لتمثيل علامتك التجارية. يُستخدَم اللون الأساسي لتسليط الضوء على المكوّنات المهمة على السطح المرئي، مثل عنوان البطاقة وأي أزرار في الإجراءات. يجب أن يكون هذا اللون هو الأكثر ربطًا بعلامتك التجارية.
يمكن أن تعمل الألوان الأساسية والخلفية معًا لتحسين تعبير علامتك التجارية.
![](https://developers.google.cn/static/assistant/conversation-design/images/pesto-white.png?authuser=8&hl=ar)
اختَر لونًا أساسيًا أولاً.
![](https://developers.google.cn/static/assistant/conversation-design/images/pesto-yellow.png?authuser=8&hl=ar)
بعد اختيار لون أساسي، اختَر لون خلفية يناسب اللون الأساسي ولون النص الثانوي.
يمكن أن يساعد اختيار ألوانك الأساسية والخلفية من مجموعة الألوان نفسها في جعل المهمة متناسقة.
![](https://developers.google.cn/static/assistant/conversation-design/images/primarycolor.png?authuser=8&hl=ar)
ويمكن أن يكون لون الخلفية نسخة أفتح من اللون الأساسي.
وعند اختيار لون تكميلي للخلفية، يمكن أن يميّز لونك الأساسي أكثر.
![](https://developers.google.cn/static/assistant/conversation-design/images/complementarycolor.png?authuser=8&hl=ar)
ويمكن أن يكون لون الخلفية لونًا تكميليًا.
صورة الخلفية
اختَر صورة خلفية توفّر السياق بدون تشتيت الانتباه في المحادثة.
![](https://developers.google.cn/static/assistant/conversation-design/images/example1.png?authuser=8&hl=ar)
تستخدم هذه البطاقة الأساسية صورة خلفية. ستحل صورة الخلفية محل أي لون للخلفية، لذا حدّد الخيار الذي يمثل علامتك التجارية على أفضل وجه.
إذا كان الإجراء يتضمن إحالات ناجحة متعددة في مربع الحوار، اختَر صورة خلفية تتوافق مع أدوار مربّع حوار مختلفة.
![](https://developers.google.cn/static/assistant/conversation-design/images/example2.png?authuser=8&hl=ar)
يجب أن تكون الصورة محايدة بما يكفي للحفاظ على الشكل والمظهر المطلوبَين من خلال أدوار متعددة في مربّع الحوار. تنطبق صورة الخلفية نفسها هنا على كل من البطاقة الأساسية أعلاه وعلى بطاقة منصّة العرض بعناصر متغيّرة هذه.
فن الطباعة
يمكن أن يعبّر أسلوب الطباعة علامتك التجارية مع توجيه انتباه المستخدم إلى أهم المعلومات. لتحقيق أكبر تأثير، يمكنك تخصيص أكبر نص في كل إجراء في الإجراء، مثل العنوان. في هذا الموقع، يمكن أن يجذب نمط الخط، مثل الخط serif أو الخط المستند إلى النص البرمجي أو الخط الأكثر كثافة، انتباه المستخدمين ويقدم التباين مع النص الثانوي. للحصول على إرشادات عامة حول تصميم الخطوط، يُرجى الرجوع إلى "مؤسسة التصميم المتعدد الأبعاد".
اختَر خطًا يعمل بشكل جيد مع النص الثانوي.
![](https://developers.google.cn/static/assistant/conversation-design/images/typography-do.png?authuser=8&hl=ar)
الإجراءات التي يُنصح بها
يتميّز هذا الخط بخط غامق وألوان زاهية ويوفّر مظهرًا ملفتًا في الخلفية ويلفت الانتباه إلى عنوان البطاقة.
![](https://developers.google.cn/static/assistant/conversation-design/images/typography-dont.png?authuser=8&hl=ar)
لا تفعل ذلك.
وبدون كثافة أكبر، يصعب قراءة هذا الخط ويتعذّر جذب الانتباه إلى العنوان قبل النص الأساسي.
شكل
شكل الصورة
تماشيًا مع مكوّنات Material Foundation، يمنح شكل صورك بُعدًا آخر للتعبير. يمكنك في الوقت الحالي الاختيار بين الأشكال بزاوية ومقوّسة للصور في المكونات المرئية. اختَر شكل صورة يناسب نمط علامتك التجارية بشكل عام.
يجب استخدام الزوايا إذا كانت علامتك التجارية تتضمن حوافًا حادة وخطوطًا نظيفة.
![](https://developers.google.cn/static/assistant/conversation-design/images/shapesharp.png?authuser=8&%3Bhl=ar&hl=ar)
يُعدّ شعارك مناسبًا للحصول على إرشادات حول الشكل الذي يجب اختياره. في هذا المثال، يكون الشعار حادًا وزاويًا، وبالتالي تكون الزوايا بزاوية متوافقة مع العلامة التجارية.
استخدِم الزوايا المقوّسة إذا كانت تناسب النمط العام لعلامتك التجارية.
![](https://developers.google.cn/static/assistant/conversation-design/images/shaperound.png?authuser=8&%3Bhl=ar&hl=ar)
يمكن لمكونات أخرى أيضًا إرشادك في قرارك. في هذه الحالة، تكون حواف زر الإجراء دائرية والشعار متطابقَين مع الزوايا المقوّسة للصورة.