أدويتا (لغة التصميم)

الموسوعة الحرة

أدوايتا هي لغة تصميم واجهة المستخدم الرسومية لبيئة سطح المكتب جنوم . وتُستخدم كنمط افتراضي ومجموعة أيقونات في جنوم شل وفوش ، بالإضافة إلى كونها أدوات مصغّرة للتطبيقات المُصممة للاستخدام في جنوم . ظهرت أدوايتا لأول مرة عام ٢٠١١ مع إصدار جنوم ٣.٠ كبديل لمبادئ التصميم المستخدمة في كليرلوكس ، [ ٢ ] ومع التحديثات والتحسينات التدريجية، تستمر في الظهور مع الإصدارات الحالية.

حتى عام 2021، كان سمة Adwaita مدرجة كجزء من مجموعة أدوات GTK ، ولكن في محاولة لزيادة استقلالية GTK وجداول إصداراتها المختلفة عن GNOME ، تم نقلها منذ ذلك الحين إلى libadwaita، والذي يعمل كمشروع شامل على توسيع أدوات GTK الأساسية لتشمل تلك التي تتوافق تحديدًا مع إرشادات واجهة المستخدم الخاصة بـ GNOME . [ 3 ]

تطوير

قبل الإصدار 3.0، كانت بيئة سطح مكتب جنوم تستخدم سمة Clearlooks . في أكتوبر 2008، اجتمع المصممون والمطورون في فعالية GNOME User Experience Hackfest في بوسطن. [ 4 ] خلال هذه الفعالية، تم طرح فكرة واجهة جنوم شل . تم إنتاج بعض النماذج الأولية التي استكشفت إمكانية تصميم مختلف عن الإصدار السابق من جنوم. [ 5 ] قام مصمما ريد هات، جون ماكان وجيريمي بيري، بتأليف وثيقة، بناءً على توافق واسع النطاق في الآراء نتيجة جهد تعاوني، بهدف وضع معايير وتوجيهات لتصميم جنوم. [ 6 ] في فبراير 2010، اجتمع مصممو جنوم مرة أخرى، وأنتجوا العديد من النماذج الأولية المتاحة للجمهور. [ 7 ]

أسفر اجتماع عام 2010 أيضاً عن قرار استخدام خط كانتاريل كخط افتراضي. [ 8 ] وقد صمّم ديف كروسلاند خط كانتاريل خلال دراسته في قسم الطباعة والتصميم الجرافيكي بجامعة ريدينغ في العام السابق. أُضيف الخط رسمياً إلى بيئة جنوم شل في فبراير 2011، [ 9 ] ووافق مشروع جنوم على صيانة الخط وتطويره حسب الحاجة.

في 19 يناير 2011، أعلن كارلوس غارناتشو عن إنجازه لتطبيق ملموس لثيمات GTK الخاصة بـ Adwaita والتي يمكن استخدامها بعد ذلك بواسطة GNOME. [ 10 ]

كانت فيدورا لينكس أول توزيعة لينكس رئيسية تأتي مع جنوم 3.0 وأدوايتا كإعداد افتراضي عندما أصدرت الإصدار 15 في 24 مايو 2011. [ 11 ] [ 12 ]

نظراً للعلاقة الوثيقة بين GTK و GNOME ، حلّت سمة Adwaita محلّ سمة "Raleigh" كسمة افتراضية لـ GTK في عام 2014؛ [ 13 ] إلا أنه، استعداداً لإصدار مكتبة libadwaita، أُزيلت السمة من GTK لصالح سمة أخرى أبسط وأكثر اختلافاً في 14 يناير 2021. [ 14 ] [ 3 ] وقد أتاح هذا الفصل الواضح لكلٍّ من GNOME، باحتياجاتها التصميمية الخاصة، وGTK، بحاجتها إلى سمة بسيطة قابلة للتوسيع من خلال مشاريع لاحقة ، الازدهار في آنٍ واحد. وقد صدرت مكتبة libadwaita لأول مرة مع إصدار GNOME 42. [ 15 ] [ 16 ]

مع إصدار النسخة التجريبية GNOME 48 في 24 يناير 2025، تم الإعلان عن استبدال خط Cantarell كخط افتراضي بخط Adwaita Sans الجديد كليًا، والمبني على خط Inter الشهير ؛ بالإضافة إلى تغيير الخط الافتراضي أحادي المسافة من Source Code Pro إلى Adwaita Mono، والمبني على خط Iosevka . [ 17 ]

لغة التصميم

تتميز واجهة أدوايتا بتصميمها العصري الأنيق وتركيزها على سهولة الاستخدام. ومن خلال إرشادات واجهة المستخدم الخاصة بـ GNOME، تستند مبادئ تصميم أدوايتا إلى البساطة والاتساق وسهولة الوصول. [ 18 ] [ 19 ]

ليبادوايتا

تم إنشاء مكتبة libadwaita لتطوير Adwaita بشكل أكبر لتصبح مكونًا أكثر توافقًا مع إرشادات واجهة المستخدم الرسومية لـ GNOME . تُعد libadwaita مكتبة تُعزز مجموعة أدوات GTK للعناصر الرسومية بطريقة تتوافق مع إرشادات واجهة المستخدم الرسومية لـ GNOME . تُمكّن هذه المكتبة التطبيقات من تغيير تخطيطها بناءً على مساحة الشاشة المتاحة، وتُدمج ورقة أنماط Adwaita، وتسمح بإعادة تلوين العناصر أثناء التشغيل باستخدام ألوان مُسماة، وتُضيف واجهات برمجة تطبيقات لدعم تفضيل النمط الداكن عبر أسطح المكتب. [ 20 ]

التصميم المتجاوب والهواتف الذكية التي تعمل بنظام لينكس

توفر Libadwaita أدوات لإنشاء تطبيقات ذات تصميم متجاوب ، مما يسمح للتطبيقات بتكييف تخطيطاتها بناءً على مساحة الشاشة المتاحة، وهو ما يساعد في تطوير تطبيقات GNOME المتوافقة مع الهواتف الذكية . [ 21 ]

ليباندي

مكتبة ليبهاندي هي مكتبة ترعاها منظمة بوريزم ، التي كانت سلفًا لمكتبة ليبادوايتا. وقد استُخدم مشروع ليبهاندي كأساس لمكتبة ليبادوايتا.

إرشادات واجهة المستخدم في جنوم

تُعدّ إرشادات واجهة المستخدم الخاصة بـ GNOME (HIG) دليلاً شاملاً لتصميم التطبيقات لبيئة سطح مكتب GNOME . وهي تُساعد في إنشاء واجهات مستخدم تتوافق مع فلسفة تصميم GNOME، [ 22 ] وتُشكّل الأساس لأسلوب ومعايير تصميم Adwaita الخاصة. [ 18 ]

عناصر

لون

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

الألوان
اسمنظام الألوان السداسي (RGB)أحمر (RGB)أخضر (RGB)أزرق (RGB)اللون (HSL/HSV)السبت (HSL)الضوء (HSL)السبت (HSV)القيمة (HSV)
الأزرق 1#99C1F160%76%95%213 درجة76%77%37%95%
الأزرق 2#62A0EA38%63%92%213 درجة76%65%58%92%
الأزرق 33584E421%52%89%213 درجة76%55%77%89%
الأزرق 4#1C71D811%44%85%213 درجة77%48%87%85%
الأزرق 5رقم 1A5FB410%37%71%213 درجة75%40%86%71%
الأخضر 1#8FF0A456%94%64%133 درجة76%75%40%94%
الأخضر 2#57E38934%89%54%141 درجة71%62%62%89%
الأخضر 3#33D17A20%82%48%147 درجة63%51%76%82%
الأخضر 4#2EC27E18%76%49%152 درجة62%47%76%76%
الأخضر 5#26A26915%64%41%152 درجة62%39%77%64%
الأصفر 1#F9F06B98%94%42%56 درجة92%70%57%98%
الأصفر 2F8E45C97%89%36%52 درجة92%67%63%97%
الأصفر 3#F6D32D96%83%18%50 درجة92%57%82%97%
الأصفر 4#F5C21196%76%7%47 درجة92%51%93%96%
الأصفر 5E5A50A90%65%4%43 درجة92%47%96%90%
البرتقالي 1#FFBE6F100%75%44%33 درجة100%72%57%100%
برتقالي 2#FFA348100%64%28%30 درجة100%64%72%100%
برتقالي 3#FF7800100%47%0%28 درجة100%50%100%100%
برتقالي 4#E6610090%38%0%25 درجة100%45%100%90%
برتقالي 5#C6460078%27%0%21 درجة100%39%100%78%
الأحمر 1#F6615196%38%32%6 درجة90%64%67%97%
الأحمر 2#ED333B93%20%23%357 درجة84%57%79%93%
الأحمر 3TE01B2488%11%14%357 درجة79%49%88%88%
الأحمر 4#C01C2875%11%16%356 درجة75%43%85%75%
الأحمر 5#A51D2D65%11%18%353 درجة70%38%82%65%
أرجواني 1#DC8ADD86%54%87%299 درجة55%70%38%87%
أرجواني 2#C061CB75%38%80%294 درجة51%59%52%80%
أرجواني 39141AC57%25%67%285 درجة45%47%62%68%
أرجواني 4#813D9C51%24%61%283 درجة44%43%61%61%
أرجواني 5#61358338%21%51%274 درجة42%36%60%51%
براون 1#CDAB8F80%67%56%27 درجة38%68%30%80%
براون 2B5835A71%51%35%27 درجة38%53%50%71%
براون 3#986A4460%42%27%27 درجة38%43%55%60%
براون 4865E3C53%37%24%28 درجة38%38%55%53%
براون 563452C39%27%17%27 درجة39%28%56%39%
الضوء 1#FFFFFF100%100%100%0 درجة0%100%0%100%
الضوء 2F6F5F496%96%96%30 درجة10%96%1%97%
الضوء 3#ديددا87%87%85%45 درجة6%86%2%87%
الضوء 4#C0BFBC75%75%74%45 درجة3%75%2%75%
الضوء 59A999660%60%59%45 درجة2%60%3%60%
الظلام 177767ب47%46%48%252 درجة2%47%4%48%
الظلام 2#5E5C6437%36%39%255 درجة4%38%8%39%
دارك 3#3D384624%22%27%261 درجة11%25%20%28%
دارك 4#241F3114%12%19%257 درجة23%16%37%19%
دارك 5رقم 0000000%0%0%0 درجة0%0%0%0%

الطباعة

نموذج لخط Adwaita Sans
نموذج من خط Adwaita Mono

ابتداءً من إصدار جنوم 48، اعتمدت أدويتا عائلة خطوط جديدة تُعرف باسم "خطوط أدويتا". [ 23 ] تُعدّ عائلة خطوط أدويتا تعديلًا طفيفًا لعائلة خطوط إنتر ، إلا أنها تتضمن أيضًا خطًا أحادي المسافة يُعرف باسم "أدويتا مونو"، وهو نسخة مُعدّلة من خط يوسيفكا. [ 24 ] مع هذا التغيير، سيُعرف الخط الافتراضي لجنوم باسم "أدويتا سانس".

في السابق، كانت شركة أدويتا تستخدم خط كانتاريل الإنساني المعاصر ذو الخطوط غير المزخرفة، والذي صممه ديف كروسلاند. ومع إصدار النسخة 3.28 من جنوم في عام 2018، تم توسيع خط كانتاريل ليشمل أوزانًا خفيفة وسميكة جدًا .

الأيقونات

يُعرّف نظام أدوايتا فئتين منفصلتين من أنماط الأيقونات، بهدف التمييز بين المفاهيم المستخدمة في التطبيقات وواجهات المستخدم . فبينما تستخدم التطبيقات ألوانًا كاملة في أيقوناتها الأساسية، تُستخدم الأيقونات "الرمزية"، أحادية اللون بطبيعتها، في واجهات المستخدم. [ 25 ] [ 26 ]

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

يجب أن يمتلك كل تطبيق مُصمم لبيئة جنوم أيقونة رئيسية. تنص إرشادات واجهة المستخدم الخاصة بجنوم على أن أيقونة التطبيق يجب أن تُمثل استعارة بسيطة وواضحة. [ 27 ] لا يُفترض أن تكون الأيقونات مسطحة، بل بسيطة، ويمكن أن تحتوي على بعض العمق. مع ذلك، يُنصح بتجنب الظلال. يمكن لمطوري التطبيقات طلب أيقونة من فريق تصميم جنوم عبر مستودع GitLab .

أيقونات رمزية

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

التطبيقات

The GNOME Shell was the primary vehicle for the original development of Adwaita's theme and icons. It remains a major implementation. Similarly, Phosh, Purism's mobile shell, serves in the same role.

See also

References

  1. ↑"COPYING". GNOME GitLab. 2018-02-07. Retrieved 2022-09-26.
  2. ↑Paul, Ryan (April 6, 2011). "A shiny new ornament for your Linux lawn: Ars reviews GNOME 3.0". Ars Technica. Retrieved January 2, 2022.
  3. 12Plazas, Adrien (March 31, 2021). "Introducing Libadwaita". Retrieved January 2, 2022.
  4. ↑McCann, Jon; Perry, Jeremy (April 6, 2011). "How We Got Here: Part I of a Design History of GNOME 3 the Shell". The GNOME Journal (Interview). Interviewed by Harries, Daf. Retrieved January 3, 2022.
  5. ↑"Window Management and More". GNOME. Archived from the original on 2 November 2008. Retrieved January 2, 2022.
  6. ↑McCann, William Jon; Perry, Jeremy (July 1, 2009). "GNOME Shell: A design for a personal integrated digital work environment"(PDF). The GNOME Project. Archived from the original(PDF) on November 24, 2020. Retrieved January 3, 2022.
  7. ↑Paul, Ryan (February 26, 2010). ""Task Pooper" could revolutionize GNOME desktop". Ars Technica. Retrieved January 2, 2022.
  8. ↑Spalinger, Nicolas (April 6, 2011). "Fonts in GNOME 3: Cantarell, Tweaking, and Trailblazing". The GNOME Journal. Retrieved January 3, 2022.
  9. ↑Day, Allan (February 15, 2011). "GNOME 3: Getting better by the day". Retrieved January 3, 2022.
  10. ↑Garnacho, Carlos (January 19, 2011). "Adwaita finished". The GNOME Project. Retrieved January 2, 2022.
  11. ↑Paul, Ryan (May 25, 2011). "First look: Fedora 15 arrives with GNOME 3.0 and systemd". Ars Technica. Retrieved January 2, 2022.
  12. ↑ فوغان-نيكولز، ستيفن (24 مايو 2011). "أفضل خمس ميزات في فيدورا 15" . زد نت . تم الاطلاع عليه في 2 يناير 2022 .
  13. ↑ كلاسن، ماتياس (13 يونيو 2014). "سمة افتراضية جديدة لـ GTK+" . تم الاطلاع عليه في 3 يناير 2022 .
  14. ↑ ميخايلينكو، أليس (31 ديسمبر 2021). "ليبادوايتا 1.0" . مشروع جنوم . تم الاسترجاع في 3 يناير 2022 .
  15. ↑ بروفن، ليام (16 مارس 2022). "الكثير من التعديلات والتحسينات قادمة مع جنوم 42" . ذا ريجستر . تم الاطلاع عليه في 15 سبتمبر 2024 .
  16. ↑ "ليبادوايتا 1.0 - مجرد مدونة أخرى" . 31-12-2021 . تم الاطلاع عليه بتاريخ 13-09-2024 .
  17. ↑ "خطوط جنوم / أدويتا · جيت لاب" . جيت لاب . تم الاسترجاع في 1 فبراير 2025 .
  18. 1 2 "تصميم واجهة المستخدم - إرشادات واجهة المستخدم البشرية في جنوم" . developer.gnome.org . مؤرشف من الأصل بتاريخ 21-09-2025 . تم الاطلاع عليه بتاريخ 31-10-2025 .
  19. ↑ "ملاحظات إصدار جنوم 2.0" . help.gnome.org . مؤرشف من الأصل بتاريخ 9 فبراير 2025. تم الاطلاع عليه بتاريخ 31 أكتوبر 2025 .
  20. ↑ "Libadwaita - تطوير واجهة المستخدم الرسومية باستخدام Rust و GTK 4" . gtk-rs.org . تم الاطلاع عليه بتاريخ 13 سبتمبر 2024 .
  21. ↑ "ليبادوايتا في البرية" . بوريزم . 15-12-2022 . تم الاطلاع عليه بتاريخ 13-09-2024 .
  22. ↑ "التصميم/دليل استخدام واجهة المستخدم - ويكي جنوم!" . wiki.gnome.org . تم الاطلاع عليه بتاريخ 12 سبتمبر 2024 .
  23. ↑ لارابيل، مايكل (31 يناير 2025). "GNOME 48 يتحول إلى "Adwaita Sans" كخط افتراضي" . فورونيكس . تم الاسترجاع في 6 فبراير 2025 .
  24. ↑ سنيدون، جوي (2 فبراير 2025). "جنوم يُقدّم واجهة مستخدم جديدة وخطوط أدويتا أحادية المسافة" . أوه يا إلهي! أوبونتو . تم الاطلاع عليه في 6 فبراير 2025 .
  25. ↑ "أيقونات التطبيقات - وثائق إرشادات واجهة المستخدم في جنوم" . developer.gnome.org . تم الاطلاع عليه بتاريخ 11 أغسطس 2022 .
  26. ↑ "أيقونات واجهة المستخدم - وثائق إرشادات واجهة المستخدم البشرية في جنوم" . developer.gnome.org . تم الاطلاع عليه بتاريخ 11 أغسطس 2022 .
  27. ↑ "مبادئ التصميم - وثائق إرشادات واجهة المستخدم في جنوم" . developer.gnome.org . تم الاطلاع عليه بتاريخ 26-09-2022 .