البساطة الوظيفية في تصميم الويب: التاريخ وقواعد التطبيق وأفضل الممارسات كيف يمكن أن تساعد البساطة في تصميماتك خوسيه إستيبان باسو

لقد ترجمنا لكم ملاحظة مثيرة للاهتمام لمؤلف TheNextWeb Amber Lee Turner، والتي تتحدث عن أصول التصميم المسطح، وكيف يتغير الواجهات الآن وما ينتظر النمط المسطح في المستقبل.

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

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

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

ما هو التصميم المسطح؟

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

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

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

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

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

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

من أين أتى التصميم المسطح؟

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

النمط السويسري

يعد النمط السويسري (الذي يطلق عليه أحيانًا النمط المطبعي الدولي) هو أول إلهام للتصميم المسطح يتبادر إلى الذهن، لذا فإن الأمر يستحق الخوض في مزيد من التفاصيل.

يركز التصميم السويسري في المقام الأول على استخدام أدلة الشبكة، وطباعة sans-serif، والتسلسل الهرمي الواضح للمحتوى والتصميم. خلال الأربعينيات والخمسينيات من القرن الماضي، كان من الممكن رؤية التصميم السويسري في العديد من الصور الفوتوغرافية كعنصر تصميمي.

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

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

تقليلية

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

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

من أشهر الأعمال الفنية بأسلوب التبسيط هي هذه اللوحة التي رسمها إيف كلاين “العصر الأزرق”:

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

عصر التصميم المسطح من مايكروسوفت وأبل

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

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

مايكروسوفت وواجهة المترو

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


نفس Zune من Microsoft - انظر إلى الواجهة، ألا يذكرك بأي شيء؟

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

ستطلق Microsoft قريبًا على هذه الواجهة اسم Metro

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

كيف هزت أبل skeuomorphism

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

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

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

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

التصميم التكيفي

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

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

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

مستقبل التصميم المسطح

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

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

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

من المحتمل أنك سمعت مصطلح "البساطة" هنا وهناك، خاصة في السنوات القليلة الماضية، ولكن ما هو بالضبط وكيف يمكننا تحقيق أقصى استفادة منه؟

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

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

1. تحقيق الاتساق

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

2.استكشف الاتصالات المخفية


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

3. العب بالعلاقات المكانية

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

4. كن ذكيا

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

5. استخدم الدقة

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

6. استخدم شبكة معيارية

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

7. دعونا نحقق الأداء الوظيفي

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

8. ابحث عن رصيدك

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

9. اكسر بعض القواعد

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

10. تصور الخط الخاص بك


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

11. المساحة البيضاء هي المساحة المناسبة

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

12. استكشف خياراتك

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

13. الملمس

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

14. فكر خارج الصندوق

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

15. كن منفتحًا

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

16. استخدم المقياس

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

17. ليس كل شيء أبيض وأسود

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

18. كن أكثر نشاطا

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

19. استخدم الرمزية

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

20. الايقونية

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

21. فكر بطريقة مطبعية

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

22. تغييرات طفيفة. مكافأة كبيرة

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

23. التركيز

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

24. التباين

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

25. التصميم للمستقبل

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

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

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

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

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

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

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

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

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

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

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

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

العلاقات العامة: انتظر... ل: انتظر... سي: انتظري...

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

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

تكمن أصول التقليلية في حركات مثل فن البوب ​​والتفوقية. تأثر تطور الاتجاه أيضًا بعمل K. Malevich واتجاهات مدرسة باوهاوس.

الخصائص الرئيسية

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

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

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

رفض الضروري لصالح الأكثر ضرورة

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

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

الفنانين الحد الأدنى

الفنان الأمريكي، سيد التجريد ما بعد الرسم فرانك ستيلا (مواليد 1936) عاش بشكل رئيسي في نيويورك، حيث بدأ كرسام ومصمم.

في 1959-1960، تم نشر سلسلة أعمال ستيل "اللوحات السوداء". وكما يوحي الاسم، كانت هيمنة الخطوط السوداء سمة مميزة للوحات.

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

وتلاها «اللوحات السوداء» ثم «اللوحات الألومنيوم» ثم «اللوحات النحاسية». في ذكرى الأحداث التاريخية الرهيبة، يتم إنشاء سلسلة من أعمال "القرى البولندية".

فرانك ستيلا: "ما تراه هو ما تراه"

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

حصل فرانك ستيلا على الميدالية الوطنية للفنون في الولايات المتحدة وجائزة الإنجاز مدى الحياة من المركز الدولي للنحت.

إلسورث كيلي (1923-2015) - فنان ونحات أمريكي، أحد الممثلين الرئيسيين للبساطة والحافة الصلبة والرسم الميداني الملون.

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

وفي أواخر الستينيات عمل نحاتًا، ثم بدأ فيما بعد باستخدام المعدن في أعماله. تتضمن أعمال الفنان عددًا من الأعمال في أنواع فن البوب ​​والسريالية.

" لا أريد أن أرسم الناس. أريد أن أرسم شيئًا لم أره من قبل"

توفي إلسورث كيلي في 27 ديسمبر 2015 عن عمر يناهز 92 عامًا. حصل على الوسام الوطني الأمريكي للفنون.

عبر الفنان الإسباني أنطون لاماساريس (مواليد 1954) عن أفكاره في أعماله بشكل بدائي متعمد.

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

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

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

خوسيه إستيبان باسو

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

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

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

تطور التدفق

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

الغرض من بساطتها

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

بساطتها اليوم

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

في أعمال طلاء الجدران لدينا، يستخدم الاستوديو الخاص بنا أحيانًا مبادئ التبسيط.

بساطتها في التصميم الجرافيكي هي تبسيط للتكوين والتركيز على التفاصيل المهمة.

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

"إنه أسرع مما تعتقد"

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

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

التصميم البسيط: تاريخ موجز

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

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

"رياح النصر. "يوم واضح" للفنان الياباني كاتسوشيكا هوكوساي (1830). استخدام الألوان البسيطة يخلق شعوراً بالسلام

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

الجناح الألماني في برشلونة الذي أنشأه لودفيغ ميس فان دير روه عام 1929

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

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

سعى جود في عمله إلى الاستقلالية والوضوح للكائن المبني والفضاء الذي خلقه.

ما هو "تصميم الويب البسيط"؟

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

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

لم تتغير صفحة Google الرئيسية كثيرًا منذ 15 عامًا

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

مهم فقط

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

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

مساحة سلبية

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

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

عنصر التصميم الرئيسي المرتبط بالبساطة في أذهان معظم الناس هو المساحة السلبية.

الخصائص البصرية

في التصميم البسيط، كل التفاصيل مهمة. ما تقرر الاحتفاظ به مهم جدًا.

نسيج مسطح

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

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

الصور الفوتوغرافية والرسوم التوضيحية جذابة

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

يجب التعبير عن جميع خصائص البساطة في الصور

نظام ألوان محدود

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

ومن خلال تقليل المعلومات المرئية الواردة، تصبح لوحة الألوان أكثر وضوحًا ويزداد تأثيرها على المستخدم

الطباعة الفعالة

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

استخدم الطباعة لنقل المعنى وخلق اهتمام بصري

مقابلة

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

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

أفضل الأمثلة

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

تحقيق وجود مركز تركيبي واحد

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

اتبع قاعدة "مفهوم واحد لكل صفحة" وقم بتركيزها حول وسيط مرئي واحد

أنشئ توقعات عالية من خلال الجزء العلوي من الشاشة

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

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

كتابة نصوص موجزة

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

تخلص من كل الكلمات غير الضرورية.

تبسيط التنقل (لكن لا تخفيه)

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

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

قارن مع التنقل المتاح دائمًا لهذا الموقع:

في معظم الحالات، يكون التنقل المرئي دائمًا أفضل للمستخدمين.

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

استخدم الرسوم المتحركة الوظيفية

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

الرسوم المتحركة تجعل التفاعل مع الموقع أكثر ديناميكية.

استخدم البساطة في الصفحات المقصودة والمحافظ

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

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

خاتمة

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