المراحل الخمس لنظام التصميم

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

1. الذرات

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

2. الجزيئات 

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

3. الكائن الحي: المرحلة الثالثة من نظام التصميم الذري

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

4. القوالب

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

5. الصفحات

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

فوائد بناء نظام التصميم بالتصميم الذري:

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

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

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