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

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

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

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

ماذا حدث ؟

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

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

خصائص بساطتها

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

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

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

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

هناك عدة اعتبارات يجب وضعها في الاعتبار عند استخدام عدد محدود من الألوان في لوحة:

• تأكد من أن نظام الألوان به تباين كافٍ ليراه الأشخاص ضعاف البصر ؛
• استخدم ألوان التمييز عن قصد وباستمرار لإبراز المعلومات المهمة جدًا.

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

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

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

استخدام الطباعة "الدرامية". يحدث في 75٪ من الحالات. مثل اللون ، جريئة أو الطباعة الكبيرةأصبحت أداة اتصال أخرى. يمكن أن تعوض الطباعة المستخدمة بشكل فعال عن عدم وجود عناصر أخرى (الصور والرسومات) وتجعل التصميم البسيط أكثر جاذبية من الناحية المرئية.

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

استنتاج

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

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

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

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

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

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

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

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

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

المرحلة الأولى من تطوير التصميم في عصر الويب 1.0. كانت مميزة:

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

هذا ما بدت عليه مواقع الشركات الشهيرة في التسعينيات:







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

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

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

المبادئ الأساسية للتفكير البسيط:

• رفض ذاتية الإدراك ؛
• رفض الرمزية والأشكال المجازية ؛
• وضوح هندسي مذهل
• توازن التناقضات
• الأسطح المحايدة ، القوام الناعم.

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

الحد الأدنى من استخدام الرسوماتلا ينبغي أن يعني غيابها.

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




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


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








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


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


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




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

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

موقع بطاقة العمل ، المحفظة:




موقع الشركة الألكتروني:


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

مدونة / صفحة شخصية:




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


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

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


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






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

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

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

2. القضاء على الأشياء غير الضرورية
هذه العبارة مستعارة من مؤلفي Strunk and White من كتابهم The Elements of Style. هناك بدا الأمر وكأنه "تخلص من الكلمات غير الضرورية". استخدمه المؤلفون لوصف الفلسفة المبسطة. كما هو مطبق على تصميم الويب ، فهذا يعني عدم تضمين عناصر غير ضرورية في تصميمك. للقيام بذلك ، ركز على الوظائف الرئيسية لموقعك ، وبناءً على ذلك ، اترك فقط تلك الوظائف والعناصر الضرورية.

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

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

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

6. أهمية الفضاء الأبيض
المساحة الفارغة (غالبًا بيضاء) هي أساس أي تصميم بسيط. إنها المساحة الحرة حول العنصر التي تنظم أهميتها في التصميم العام وتحدد التسلسل الهرمي للعناصر.

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

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

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

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

11. استخدم الدوائر الزخرفية
توجد جميع أنواع الدوائر الزخرفية في الرؤوس في العديد من التصميمات ، وتُستخدم أيضًا كلكنات في قائمة التنقل.

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

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

نأمل أن يلقي هذا المقال بعض الضوء على هذه المسألة.

جذور البساطة في تصميم الويب

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

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

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

واجهة مبسطة - ما هي؟

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

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

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

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

طريق بساطتها إلى الشعبية

الستينيات

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

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

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

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

1980-2000

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

دعت الأرقام في هذا الوقت إلى الإيجاز وإزالة المعلومات غير الضرورية من الواجهات.

2000s

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

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

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

2010-2013

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

تدريجيًا ، بدأت تفضيلات المستخدم والتصميم في الميل نحو بساطة واجهات الويب. تم التأكيد على هذا التحول من خلال ترقيات كبيرة من قبل اثنين من عمالقة صناعة التكنولوجيا: تصميم Microsoft الحديث في عام 2011 ، و الافراج عن أبل iOS7 في عام 2013.

يعد إصدار Windows 8 في عام 2011 أول إعادة تصميم رئيسية لنظام التشغيل منذ عقود. تم تنفيذ فلسفة التصميم الجديدة بالكامل بروح التبسيط.

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

2014-2015

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

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

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

نقاش قابلية الاستخدام: هل التقليلية جيدة للمستخدمين؟

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

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

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

بعض النصائح لإنشاء واجهة مبسطة

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

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

* ضع في اعتبارك تقليل أي عناصر لا تحمل معلومات مهمة.

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

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

ستتم تغطية مناقشة متعمقة لخصائص بساطتها في المقالة التالية ، في غضون أسبوع. تابع الأخبار!