بسم الله الرحمن الرحيم
ما هو التصميم المسطح .. [ FLAT ]
بدأت العديد من الشركات الشهيرة مثل جوجل وآبل وتويتر وفيسبوك ومايكروسوفت وغيرها بانتهاج سلوك جديد في التصميم؛ فبعد أن كانت التصاميم والشعارات والأيقونات تعتمد على الشكل الثلاثي الأبعاد والظل وغيرها من تقنيات التصميم، ها هي الشركات تعود لما يُسمى Flat Design، والتي تعني التصميم المسطح، فقبل أسبوع مضى قامت تويتر بإعادة تصميم تطبيقها على iOS ليحصل على تصميم مُسطح، تبعتها الفيسبوك، ثم ياهو بالإضافة إلى العديد من الشركات، والتي كان آخرها نظام آبل الجديد iOS 7 والذي أعلنت عنه خلال مؤتمرها للمطورين WWDC 2013، والذي حصل على شكل جديد بشكل كامل يعتمد على التصاميم المُسطحة. في هذه المقالة سنقوم بتسليط الضوء على هذا النوع الجديد من التصاميم.
كيف يكون التصميم المسطح ..
التصميم المسطّح هو أسلوب يتصف بالجمال والبساطة المطلقة والاستغناء عن العناصر غير الاساسية في التصميم، إنّه تصميم تصويري يرافق تصاميم مواقع الإنترنت الحديثة، يتمثّل باستخدام تصاميم بسيطة خالية من مؤثّرات الأجسام ومن الـtextures. الألوان المستخدمة هي غالبا ألوان حيّة، بعض العناصر المتكرّرة تطبع هذا التوجّه مثل الأيقونات المرسومة بشكل مسطّح ومع تدرّجات لونية مهذّبة وبسيطة، ولا نعني بأنّ البساطة الكبيرة للتصميم المسطح ستصبح معها عملية التصميم سهلة وبسيطة. أصبح للمصمم عمل صعب بالخروج بتصميم مجرّد من التعقيد والأجسام الحقيقة إلى تصميم مسطّح بسيط يستطيع المستخدم التعامل معه والتميز بين العناصر العادية والعناصر التي تنتظر من المستخدم أن يقوم بحدث معين كالأزرار مثلاً. ويمكننا أن نُجمل بعض صفات التصاميم المسطحة في النقاط التالية:
التصميم المسطّح هو أسلوب يتصف بالجمال والبساطة المطلقة والاستغناء عن العناصر غير الاساسية في التصميم، إنّه تصميم تصويري يرافق تصاميم مواقع الإنترنت الحديثة، يتمثّل باستخدام تصاميم بسيطة خالية من مؤثّرات الأجسام ومن الـtextures. الألوان المستخدمة هي غالبا ألوان حيّة، بعض العناصر المتكرّرة تطبع هذا التوجّه مثل الأيقونات المرسومة بشكل مسطّح ومع تدرّجات لونية مهذّبة وبسيطة، ولا نعني بأنّ البساطة الكبيرة للتصميم المسطح ستصبح معها عملية التصميم سهلة وبسيطة. أصبح للمصمم عمل صعب بالخروج بتصميم مجرّد من التعقيد والأجسام الحقيقة إلى تصميم مسطّح بسيط يستطيع المستخدم التعامل معه والتميز بين العناصر العادية والعناصر التي تنتظر من المستخدم أن يقوم بحدث معين كالأزرار مثلاً. ويمكننا أن نُجمل بعض صفات التصاميم المسطحة في النقاط التالية:
- يحتوي التصميم المسطّح على ألوان قليلة .
- يبدو بشكل عام ثنائي الأبعاد .
- لديه حواف حادة أو مربعة .
- نادراً ما يحتوي على ظلال .
- في العادة يبدو كتصميم بدائي وبسيط .
- يجب ألا يحتوي على تفاصيل عميقة .
- عناصر التصميم المسطح المتواجدة فيه قليلة جداً .
- الوضوح في الكتابة والخطوط العريضة هي أهم ما يميز هذا الأسلوب المتأثر بالأفكار الحديثة .
وبعد أن ذكرت بعض ميزات التصاميم المُسطّحة دعونا الآن نأخذ بعض المقارنات التي قد تسلّط على الموضوع بشكل أكبر، فعندما أطلقت آبل نظامها الجديد iOS 7 والذي اختلف جذريًا عن الأنظمة التي تسبقه، خاصةً في طريقة التصميم، فقد تميز ببساطة شديدة وألوان حادة وحواف بلا ظل، إنّه ببساطة اعتمد على طريقة التصميم المسطح. فعلى سبيل المثال حينما ننظر إلى الفرق بين أيقونة الساعة في نظام iOS في النظام الجديد والذي قبله، لوجدنا قمّة البساطة في النظام الجديد.
خلاصة الكلام :
التصميم المسطّح ليس في واقع الأمر نزعة جديدة ولا خالدة، فهذا الأسلوب في التصاميم كان العديد من المصممين يستخدمونه بصورة مبسطة وأحيانًا بغير وعي منهم بهذه التسمية المستقبلية؛ لكننا لابد وأن نعترف بأنّ هذه التصاميم كانت تستخدم منذ عشرينيات القرن الماضي تحت مسمى آخر هو “الأسلوب السويسري” أو (Swiss Style). التطوّر السريع لمنصات الويب المختلفة والتقاء ظروف عدّة سمحت بإعادة إحياء هذا التوجّه، مع ذلك تظل تحديّات عديدة لجمهور المصمّمين من قبيل تشابه المواقع لبساطتها المفرطة وهو ما قد يدفع بظهور توجّهات جديدة أكثر تطرّفا، التوجّه القادم هو بلا شكّ في مكانٍ ما من الأرجاء وينتظر دوره ليلفت انتباه جمهور المصممين، ليس علينا سوى انتظار بعض الوقت حتى تنفجر هذه النزعة لتشكل دورة حياتها من جديد!
اعلن هنا