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

سمات وخصائص التصميم المسطح :

• يتسم التصميم المسطح بالبساطة والسهولة .
• لا توجد تأثيرات فى التصميم المسطح.
• سياسة الألوان الجديدة من أهم مايميز التصميم المسطح .
• يأتى التصميم بأبعاد ثنائية فقط .
• يتميزالتصميم المسطح بالتفاصيل القليلة وليست العميقه.
• يتميز التصميم المسطح بالنصوص الظاهرة والسهلة فى القراءة .

أسباب وبداية شهرة التصميم المسطح ..

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

قواعد التصميم المسطح ...

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

الفرق بين التصميم المسطح والتصميم العادى :

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

الإختلافات بين التصميم المسطح والتصميم المادى ..

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

تنتشر معظم الآراء فى أن التصميم المسطح يأتى كرد فعل لإنتشار التصميم المادى أو العادى .