موصى به, 2024

اختيار المحرر

كيفية تمكين التصميم متعدد الأبعاد في متصفح كروم

في Google I / O 2014 ، أعلنت Google رؤيتها لاعتماد معيار التصميم متعدد الأبعاد لجميع الأنظمة الأساسية الرئيسية بما في ذلك نظام التشغيل Android ونظام التشغيل Chrome والويب. كان السبب وراء اعتماد لغة التصميم نفسها لكل نظامها الأساسي هو رؤية Google لتوفير تجربة مستخدم موحدة لمستخدميها عبر جميع خدماتها. منذ إطلاقه ، رأينا لغة تصميم المواد مضمنة بشكل كبير في نظامي التشغيل Android و Chrome لنظام التشغيل Chrome. ومع ذلك ، على الرغم من أن نظامي التشغيل Android و Chrome قد تلقيا عملية تجميل مهمة باستخدام التصميم متعدد الأبعاد ، إلا أن متصفح Chrome ما زال عالقًا في الماضي. ولكن هذا لا يعني أن Google قد تخلت تمامًا عن متصفح Chrome تمامًا (عندما يتعلق الأمر بالتصميم متعدد الأبعاد).

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

تمكين واجهة مستخدم تصميم المواد في Chrome

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

1. انتقل إلى صفحة "علامات" في Chrome عن طريق كتابة " chrome://flags " في شريط العناوين والضغط على مفتاح الإدخال / الإرجاع. كما حذرتك أعلاه ، في هذه الصفحة ، سيعرض لك Chrome بيان تحذير. لا تقلق كثيراً ، سيكون الأمر أشبه باستخدام إصدار بيتا من البرنامج. قد تواجه بعض الخلل ولكن لا شيء كبير.

2. الآن ، اضغط Ctrl + F (Cmd + F إذا كنت على Mac) وفي المربع المنبثق اكتب في "تصميم المواد" (بدون علامات الاقتباس).

3. الآن ، اعتمادًا على الوقت الذي تستخدم فيه هذا البرنامج التعليمي ، يمكن أن يتغير عدد النتائج التي ستحصل عليها (حصلت على 13). ويرجع ذلك إلى استمرار Google في إضافة هذه العناصر وحذفها. الآن ، استخدم "أزرار الأسهم" بجوار حقل النص للتنقل بين النتائج.

تمكين التصميم متعدد الأبعاد في عناصر مختلفة من Chrome

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

  • التصميم متعدد الأبعاد في بقية واجهة المستخدم الأصلية في المتصفح : استخدم مفاتيح الأسهم للعثور على هذا العنوان الفرعي في صفحة "العلامات" ثم تمكينه. سيؤدي تمكين هذا الإعداد إلى تطبيق التصميم متعدد الأبعاد على عناصر التصميم الأكثر دقة الموجودة في متصفح Chrome مثل مربعات الحوار والفقاعات وغيرها. في نظام التشغيل Mac ، سيؤدي هذا الإعداد إلى تمكين نظام MacViews.

  • تمكين صفحة سياسة تصميم المواد : سيؤدي ذلك إلى تغيير صفحة سياسة Chrome ( chrome://policy ) لتعكس التصميم متعدد الأبعاد.

  • تمكين الإشارات المرجعية لتصميم المواد : عند تمكين هذا الإعداد ، سيحمل عنوان URL " chrome://bookmarks " صفحة الإشارات تصميم المواد. للقيام بذلك ، انقر فوق القائمة المنسدلة المحددة في الصورة وحدد "ممكّن".

  • تمكين ملاحظات تصميم المواد : كما يوحي الاسم ، سيؤدي ذلك إلى تغيير صفحة التعليقات لتضمين لغة التصميم متعدد الأبعاد.

  • التصميم المتخفي : NTP : سيسمح هذا الإعداد لعلامات التبويب الجديدة في وضع التصفح المتخفي بالتصميم متعدد الأبعاد.

  • تمكين إعدادات تصميم المواد : إذا كنت تستخدم أحدث إصدار من Chrome ، فمن المفترض أن تكون صفحة الإعدادات لديك جاهزة لتصميم المواد الجديد. ومع ذلك ، إذا لم يكن الأمر كذلك ، فهذا هو المكان الذي يمكنك تمكينه فيه.

  • تمكين إضافات تصميم المواد : سيؤدي هذا إلى تغيير صفحة "الإضافات" في Chrome ( chrome://extensions ) لاعتماد التصميم متعدد الأبعاد.

  • بعد قيامك بتمكين كل الخيارات المذكورة أعلاه ، ما عليك سوى النقر على زر "إعادة التشغيل الآن" في الجزء السفلي من المتصفح الخاص بك لجعل هذه التغييرات في التأثير.

في وقت كتابة هذا المقال ، هذه هي الخيارات الوحيدة المتوفرة. ومع ذلك ، وكما ذكرت سابقًا ، تستمر هذه الخيارات في التغيير من وقت لآخر. لذلك ، تأكد من التحقق من صفحة "الأعلام" مرة واحدة في كل حين للحصول على آخر التحديثات. أيضًا ، لقد أرفقت صور قبل و بعد لصفحة الإضافات الخاصة بي. في الصورة ، يمكنك رؤية آثار إجراء هذه التغييرات.

تمكين التصميم متعدد الأبعاد في Chrome

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

Top