نظرة على تاريخ تصميم الأيقونات وواجهات الاستخدام

نظرة على تاريخ تصميم الأيقونات وواجهات الاستخدام

سأقدم في هذه التدوينة تلخيصًا للفصل الأول من كتاب Rockstar Icon Designer المختص بتصميم الأيقونات وفلسفتها. يتحدث هذا الفصل عن تاريخ الأيقونات وواجهات الاستخدام الخاصة بها بشكل واضح ومصور. من خلال فهمه والتمعن فيه، يمكننا أن نتنبأ بالأساليب التي سيتم استخدامها لتصميم الأيقونات في المستقبل. يبدأ الكتاب بفلسفة واجهة الاستخدام والأيقونات الخاصة بجهاز Apple Lisa الأول وصولًا إلى Windows Vista وغيرها من الأنظمة الشهيرة.

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

سأترككم الآن مع تلخيص لتاريخ الأيقونات المصور من القديم إلى الحديث.

 

Xerox Alto 1973 / Star 1981

من أوائل الأجهزة التي استخدمت واجهة سطح المكتب (واجهة الاستخدام الرسومية - GUI) والتي أصبحت معيارًا لأنظمة التشغيل المستقبلية. كان هذا الجهاز مصدر الإلهام المباشر لجهاز “ليزا” الخاص بشركة أبل عام 1983، ومع الوقت أصبح مثالًا ممتازًا على التصميم وسهولة الاستخدام.

 

1983 Apple Lisa

بدأ التطور الفعلي لشركة أبل في عام 1978. في ذلك الوقت، كان ستيف جوبز (الرئيس التنفيذي لشركة أبل) على رأس فريق التطوير الخاص بـ “ليزا”. تأثر بشدة بالجولة التي قام بها آنذاك في “زيروكس بارك” عام 1979، حيث وجد أن القيمة الحقيقية لأجهزة الحاسب وسهولة استخدامها ستكون في الواجهة الرسومية، وهو ما نقله إلى حاسب ليزا.

 

1984 Apple Macintosh 1.0

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

 

1985 Atari TOS

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

 

1985 Amiga Workbench

كانت بداية استخدام الألوان الأربعة في الأيقونات، حيث حملت هذه الأيقونات مفاهيم وتعابير غير معتادة واستخدمت تسميات فريدة من نوعها، محاولةً بذلك التميز عن باقي “واجهات الاستخدام” في تلك الفترة.

 

1985 Windows 1.0x

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

 

1986 GEOS for Commodore 64

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

 

1989 – 1995 NeXTSTEP

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

 

1991 Macintosh System 7

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

 

1992 Windows 3.1

مرة أخرى، قامت المصممة سوزان كاري التي صممت أيقونات أبل بتصميم واجهة الاستخدام هذه لشركة مايكروسوفت، مع أيقونات ملونة ومميزة.

 

1994 Apple Copland

إحدى واجهات الاستخدام التي قدمتها أبل في غياب ستيف جوبز، حيث تضمنت أيقونات ثلاثية الأبعاد، وظلالًا، وبعض الرموز والمفاهيم الفريدة من نوعها.

 

1995 Windows 95

استخدام المزيد من الألوان وتحسين تقديم الرسومات. بعض العناصر من هذا الإصدار لا تزال جزءًا من تصميمات ويندوز حتى اليوم.

 

1997 Macintosh OS 8

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

 

1997 – 2001 BeOS

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

 

2001 Mac OS X v10.0

كانت هذه قفزة مذهلة في عالم تصميم واجهات الاستخدام والأيقونات. حيث قدم نظام التشغيل الجديد من أبل إصلاحًا كاملًا في الشكل والمظهر. في خطاب ألقاه ستيف جوبز في Macworld Keynote 2000، كشف عن واجهة استخدام “أكوا”، ووصف التعامل معها بأن الناس سيودون “لعقها”. 🙂 كانت جميع التفاصيل أعلى بكثير من سابقاتها، حيث استخدمت تأثيرات اللمعان والظلال، وكان حجم الأيقونة 128 × 128 بكسل، والشفافية 8 بت.

 

2001 Windows XP

في نفس العام الذي أطلقت فيه أبل واجهة ماك الثورية، أطلقت مايكروسوفت واجهتها “لونا”، التي تضمنت العديد من التطويرات، لكن أبل كانت متفوقة بشكل واضح.

 

2005 Tango Desktop Project

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

 

2008 KDE SC 4

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

 

2007 Windows Vista

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

 

2011 GNOME 3.00

جنوم هي بيئة سطح المكتب مفتوحة المصدر التي كانت كامتداد لكيدي في عام 1997.

 

2011 Ubuntu 11.04

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

 

كان هذا ملخصًا للفصل الأول من كتاب Rockstar Icon Designer الذي يتحدث عن تصميم الأيقونات. أتمنى أنني وفقت في تلخيص وتوضيح هذا الفصل 🙂

Leave a comment

Please note, comments need to be approved before they are published.