نمط مسطح ماذا. مساحة حرة، عناصر كبيرة

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

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

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

بدأ الناس يتحدثون لأول مرة عن التصميم المسطح في الفترة 2012-2013، عندما ظهر هذا النمط لأول مرة. كان الاتجاه ملحوظا للغاية وتسبب في الكثير من الضوضاء، حيث كانت Microsoft واحدة من أول من طور هذا الاتجاه. الخروج من ويندوز 8 بواجهته الجديدة غيّر التصميم إلى الأبد وحدَّد مسبقًا إلى حد كبير اتجاه تطوير الويب، على الأقل مكونه المرئي.

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

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

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

متوافق مع التصميم التكيفي

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

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

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

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

منصة مرنة

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

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

الطباعة القابلة للقراءة

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

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

السلبيات

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

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

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

فقدان الفردية

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

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

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

مطاردة الموضة

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

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

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

اختيار سيء للخط

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

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

شقة 2.0

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

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

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

لقد فعلت Google الكثير للترويج لـ Flat 2.0. تعد إرشادات التصميم متعدد الأبعاد محاولة لإنشاء لغة مرئية جديدة تجمع بين عناصر التصميم المسطحة وثلاثية الأبعاد. توصيات جوجلمفصلة للغاية وسهلة المتابعة. في الوقت نفسه، لا تصر Google على التقيد الصارم بجميع القواعد المنصوص عليها في المبادئ التوجيهية - يمكن للمصممين تجربة وإنشاء مشاريعهم الأصلية، والتي يمكن أن تجمع بين مجموعة متنوعة من العناصر.

خاتمة

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

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

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

قليلا من التاريخ

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

التشكل

عندما يتعلق الأمر بواجهة المستخدم وتصميم الويب، يشير مفهوم skeuomorphism إلى نهج فكرته الرئيسية هي التقليد. دون الخوض في الكثير من التفاصيل، دعونا نتذكر فقط واجهات Apple التي كانت موجودة قبل نظام التشغيل iOS 7 مع "التركيبات الواقعية والإضاءة والتأثيرات الرائعة".

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

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

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

تصميم شقة

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

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

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

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

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

أظهرت نتائج اختبار قابلية الاستخدام لنظام التشغيل Windows 8 الذي أجرته NN Group أن المستخدمين واجهوا صعوبة في التمييز بين الكائنات القابلة للنقر والكائنات غير القابلة للنقر. اشتكى المستخدمون من أن الكائنات التي تبدو ثابتة كانت في الواقع قابلة للنقر عليها. ونتيجة لذلك، فشلت المهمة الرئيسية للشركة، وهي مساعدة المستخدمين على تفسير النظام بشكل صحيح.

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

تصميم المواد

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

من خلال تسمية مادة التصميم بـ "علامة تجارية"، أعني أنها تحتوي على مجموعة كاملة من التوصيات والمبادئ المحددة بوضوح والتي يتبعها كل مصمم يحترم نفسه. من الواضح تمامًا سبب تقديم Google للتصميم متعدد الأبعاد: كانت هناك حاجة لتوحيد التصميم بحيث تبدو التطبيقات متماثلة على أي من أجهزة Android العديدة.

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

بمعنى آخر، يمكن أن يسمى تصميم المواد نسخة محسنة من التصميم المسطح مع عناصر Skeuomorphism - الرسوم المتحركة والظلال والطبقات. بهذه الطريقة يمكنك جعل المنتج أكثر سهولة من حيث التنقل، وتجنب التعقيد غير الضروري في النمط العام.

إيجابيات وسلبيات التصميم المسطح

دعونا نترك وراءنا تاريخ تطور الأنماط وننتقل إلى شيء أكثر أهمية - دعنا ندرج الأقوياء و الجوانب الضعيفةتصميم شقة.

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

• أسلوب أضيق الحدود.
• بديهية للغاية على مستوى بديهي. سيكون من السهل أيضًا إدراك التصميم المادي لكل من المستخدمين ذوي الخبرة والمبتدئين.
• skeuomorphism المعتدلة. يبدو كل شيء أكثر واقعية بفضل استخدام المحور Z (مفهوم Google الفريد).
• هناك مجموعة من الأدلة التي يتم تحديثها باستمرار. لذلك، يمكن لأي مصمم أن يلجأ إليهم دائمًا في حالة ظهور صعوبات أثناء عملية العمل.
• يتم تشجيع الرسوم المتحركة لحلول الويب. ليست هناك حاجة لتذكيرك بمدى حب الناس للحركة. بالإضافة إلى ذلك، تسمح لك الرسوم المتحركة بجعل الواجهة أكثر وضوحًا وبديهية.

• لديه مالك (شركة جوجل). ولذلك، ينبغي توجيه أي أسئلة واقتراحات للتحسين إلى المالك.
• نظرًا للمحور Z، قد تستغرق عملية التصميم وقتًا أطول حتى تكتمل.
• تتطلب العناصر المتحركة المزيد من الموارد.
• يمكن أن يؤدي الالتزام الصارم بالمبادئ التوجيهية إلى الحد من أصالة التصميم.

لخص

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

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

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

تصميم شقة (تصميم شقة) - هذا النمط الشعبيفي تصميم المواقع والواجهات وكذلك أنظمة التشغيل، سمة مميزةوهي البساطة والرقي والبساطة. بدأ التصميم المسطح يكتسب شعبية في عام 2010 باعتباره عكس التصميم المسطح.

التشكل- زخرفة مادية أو عنصر تصميمي منسوخ عن شكل جسم آخر ولكنه مصنوع من مواد مختلفة أو بطرق مختلفة. ومن الأمثلة على ذلك الفخار المزخرف بالمسامير المقلدة ليشبه الأواني المماثلة المصنوعة من المعدن، أو تقويم الكمبيوتر الذي يقلد مظهرتثبيت صفحات التقويم المكتبي الورقي (تعريف من ويكيبيديا).

تم تسهيل تعميم النمط المسطح في التصميم من خلال إصدار نظام التشغيل Windows 8 من Microsoft بأسلوب Metro، وكذلك iOS 7، حيث شركة أبليختار أيضًا النمط المسطح. وبعد ذلك يبدأ العصر الحقيقي للتصميم المسطح. وقريبًا ستتحول الشركات الكبيرة أيضًا إلى التصميم المسطح خدمات البحثوالتطبيقات - جوجل، يوتيوب، تظهر العديد من المواقع التي تستخدم مبادئ النمط المسطح في تصميمها. في السنوات الأخيرة، أصبح التصميم المسطح رائدًا في اتجاهات تصميم مواقع الويب العالمية.

فوائد التصميم المسطح

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

5 مبادئ لتصميم المواقع المسطحة

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

1 - استخدام الكائنات ثنائية الأبعاد

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

2- الأيقونات والأشياء البسيطة

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

3- الخطوط البسيطة في أسلوب التصميم

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

4- لعبة الألوان

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

5 - بساطتها

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

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

أمثلة على التصميم المسطح

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

لا نعرف ما إذا كنت قد لاحظت ذلك أم لا، ولكن في الآونة الأخيرة (خاصة في العام الماضي) كان هناك اتجاه واضح في تصميم الويب حول العالم نحو التبسيط والبساطة القوية والتبسيط البصري لما نتفاعل معه كمستخدمين مع كل شيء. يوم. ببساطة، أصبح التصميم "مسطحًا": على عكس الأيقونات المحدبة في أوقات النمو السريع الشبكات الاجتماعيةوالويب 2.0، أصبحنا الآن نستقبل بشكل متزايد أيقونات بسيطة للخدمات الجديدة. كل هذا حصل على اسمه - تصميم شقة. ليست شقة بل شقة.

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

وطلبنا منهم الإجابة على ثلاثة أسئلة رئيسية:

• لماذا بدأ العالم يتجه نحو التصميم المسطح على الويب والهاتف المحمول وما هو؛
• وما سيعطيه هذا لـ Apple وiOS 7؛
• وكيف سيؤثر ذلك على المصممين من ناحية، والمستخدمين من ناحية أخرى.

دينيس سوديلكوفسكي، كييف
متخصص في تصميم التفاعل، منتج Prodesign.in.ua

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

ماذا ستحصل أبل من هذا؟ سيحتفظ بمكانته في الاتجاه ومئات الآلاف من التعليقات التي تفيد بأن نظام التشغيل iOS الخاص بهم أصبح مشابهًا جدًا لنظام Android.

سيتعين على المصممين أن يتطوروا (ولا تمزحوا عندما يأتي التصميم المسطح إلى الهندسة الميكانيكية ويمنحنا سيارات مسطحة :)). عندما لا يكون هناك زخرفة، كل العمل يتكون من خلق حالة مزاجية مع محتوى لسيناريو معين مع المستخدم. سيكون لهذه المهنة قواسم مشتركة مع المخرج أكثر من الفنان. المستخدمين، على العكس من ذلك، يتلقون تجربة جديدةوانطباعات جديدة. أنا شخصياً كنت من أتباع iPhone لمدة 4 سنوات، لكن هذا الربيع قمت بتغيير هاتفي إلى Android للسبب الوحيد - لقد سئمت من المثالية الرتيبة لواجهة Apple.

دانييل بروس، ستوكهولم
كبير الإبداع الرقمي، danielbruce.se

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

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

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

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

بخصوص المستخدمين العاديين، فهم يحبون الألوان الزاهية.

إيفان كليمينكو، كييف
مصمم واجهة الهاتف المحمول، 5tak.com

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

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

ثم في الستينيات بدأ الجميع معجبين بالبلاستيك.

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

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

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

أوليسيا غريتشينا، كييف
مصمم واجهة المستخدم في Componentix، تويتر: elendiel

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

يبدو لي أن ل التغييرات الخارجية(واجهة المستخدم المسطحة، والأيقونات) على وجه الخصوص، لم نلاحظ أي تغييرات جدية في سهولة الاستخدام، وكيف يقسم الناس على هذا الموضوع. عندما يتحققون من أنه يعمل، سيبدأ بالقول، "أوه، كم هو مريح، ولماذا لم يفعلوا ذلك من قبل؟" آمل أن يؤثر هذا على المصممين بطريقة تجعلهم يهتمون أكثر بسهولة استخدام الواجهة، بدلاً من الأنسجة والظلال. في النهاية سيكون من الممكن أن نشرح للعملاء أن هذا هو الاتجاه :)

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

بافيل جروزيان، كييف
مصمم المنتجات في MacPaw، جروزيان

"تفاحة! اهاهاها، توقف! - المصممون يصرخون. - يا هلا، أصبح الأمر أسهل. - المستخدمون يهتفون." أنا أفهم وجهتي النظر. اليوم، بعد العرض التقديمي من WWDC2013، وقف العديد من زملائي وقالوا: "تبًا لهذه المهنة! يمكن لأي شخص أن يرسم مثل هذا الغباء الآن. وهذه الأيقونات مقابل 30 دولارًا؟!" وللوهلة الأولى، هم على حق، ولكن إذا بحثت بشكل أعمق، ستدرك أن هناك الآلاف من العناصر لفترة طويلةلقد اختلفوا عن بعضهم البعض فقط في سيناريو الاستخدام، ثم في الشكل، ثم في اللون، وعندها فقط في التفاصيل الفنية. أتذكر الأوقات التي قام فيها كل هؤلاء الأشخاص في الملفات الشخصية على LinkedIn والذين يقولون اليوم UX، UI Designer، بنسخ تأثير الظل الأبيض للحروف بعصبية. مثل أبل. ثم المواقع الخفيفة والخفيفة. مثل أبل. ثم واجهات غنية بالأنسجة والواقعية. مثل أبل. كانت جميع أعمالهم عبارة عن نسخ، حيث لم يكن هناك مفهوم تطوير أصلي وموحد ومريح للجميع. هذه هي بالضبط المشكلة التي يحلها التصميم المسطح اليوم. على الرغم من أنه يبدو من الخطأ بالنسبة لي أن أسميها بهذه الطريقة. ومن الجيد أن مايكروسوفت لم تخترعها، بل أنها تشكلت قبل العصر الرقمي بأكثر من عشر سنوات، في مجال النشر.

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

تبدو مواقع الويب ذات التصميم المسطح وكأنها مساحة كتلة هندسية بسيطة مع لمسات ملونة (أيقونات، وإبرازات نصية، ورسوم بيانية) مع الحد الأدنى من التفاصيل الرسومية وبدون زيادة معلومات نصية. كما يقولون، "البساطة" ولا شيء غير ضروري.

كيف لا ترسم أيقونات مسطحة

أصبح تصميم مواقع الويب "المسطحة" عصريًا إلى جانب الواجهات ويندوز الجديد. تم تسهيل الشعبية المتزايدة لهذا النمط في روسيا من خلال زيادة عدد مصممي الويب الذين تعلموا أنفسهم والذين لا يعرفون أن واجهة موقع الويب وواجهة "الإصبع" (الهواتف الذكية) ليسا نفس الشيء (من السهل التمرير أسفل الصفحة بإصبعك - وعلى العكس من ذلك، ستحتاج إلى الكثير من الصبر والاهتمام الحقيقي بقلب عجلة الماوس لأسفل بمقدار 3-4 شاشات). في المواقع المسطحة الروسية يمكنك غالبًا العثور على الرموز التالية:

المثال هو مجرد ألوان زاهية لا تتطابق مع بعضها البعض + أيقونات ذات جودة رديئة (أخذت المثال من مجموعة مدفوعة، ولكن دائمًا ما يستخدم المستقلون أيقونات تم تنزيلها مجانًا من مجموعات مختلفة لا تتطابق أيضًا مع بعضها البعض).

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

مثال على الأيقونات المسطحة الجيدة:

لا ينبغي دمج الألوان والأيقونات مع بعضها البعض فحسب، بل يجب أيضًا أن تشكل كلًا واحدًا.

مشاكل التصميم المسطح منخفض الجودة

1. التنقل وسهولة الاستخدام

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

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

2. لفافات قدم مسطحة طويلة

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

3. أزرار مربكة

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

4. أيقونات مرسومة بشكل سيء

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

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

5. التركيز على المحتوى الزائف

يفترض تصميم موقع الويب المسطح التركيز على المحتوى. حسنا، من الواضح - إذا لم يكن التركيز على الرسومات، ثم على المعلومات. ولكن إذا نظرت بعناية إلى الصفحات المقصودة "الحديثة" بالنمط المسطح الذي تقدمه استوديوهات الويب الروسية، فلن يتم إيلاء سوى القليل من الاهتمام للمحتوى. يسمى:

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

فهل التصميم المسطح ضروري لمواقع الويب على الإطلاق؟

مع تصميم واجهات الهواتف الذكية، كل شيء واضح - خفيف، خالي من التحميل، سهل الاستخدام. ولكن مع تصميم موقع الويب بالنمط المسطح، لدي سؤال كبير شخصيًا: هل هو فعال على الإطلاق؟

لا يفهم معظم العملاء جودة الرسومات، وعند الموافقة على تصميم موقع ويب، يسترشدون بذوقهم الشخصي (إعجاب/عدم إعجاب). وهنا تلعب الموضة دورًا.

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

مثال على التصميم المسطح عالي الجودة:

موضة تصميم المواقع المسطحة هي موضة مؤقتة، مثل أي موضة أخرى. يبتكر بعض الأشخاص تصميمات أصلية ومبتكرة، بينما يقوم آخرون بتقليدها وتقليدها في الأسلوب لأنهم لا يعرفون كيفية ابتكارها بأنفسهم. ومواقع "الموضة" الرخيصة تنمو كالفطر..