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

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

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

معايير بساطتها

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

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

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

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

استخدام اللون

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

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

الخط والنص / الطباعة

تعد الطباعة أيضًا معيارًا مهمًا للتصميم البسيط. هنا يعتمد اختيار الخطوط على موضوع العمل أو الغرض منه. يجب أن يكون الخط مفيدًا ويمكن الوصول إليه بصريًا ولا يحمل عبئًا مرئيًا. يُنصح بعدم استخدام أكثر من 2-3 محرف (على سبيل المثال: 1. العنوان ، 2. النص ، 3. وسائل الشرح وحقوق النشر ؛ أو 1. العنوان ، 2. الشعار ، 3. النص).

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

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

الاستنتاج بالمعايير

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

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

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

أمثلة على بساطتها في صناعات التصميم الجرافيكي

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



تصميم العبوات (المنتجات)

يظهر هنا مثال على تبسيط تصميم العبوات - إنشاء أسلوب بسيط.



جهاز كشف الكذب: ملصقات

ملصقات رسومية (ملصقات) للأفلام بأسلوب التبسيط.

طبع: أغلفة الكتب

التصميم الجرافيكي لأغلفة الكتب بأسلوب بسيط.


الرسوم التوضيحية / خلفية الكمبيوتر

بساطتها في رسومات الكمبيوتر ، وبالتحديد في أداء خلفيات سطح المكتب لنظام التشغيل.

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

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

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

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

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

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

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

PR: انتظر ... L: انتظر ... CY: انتظر ...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تقليلية

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

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

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

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

عصر التصميم المسطح من Microsoft و Apple

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

لقد عمل عدد قليل جدًا من المصممين الوحيدين مع التصميم المسطح ، لكن Microsoft و Apple هما من جعلته مشهورًا للغاية. حسنًا ، دعنا نتحدث عنها.

واجهة Microsoft و Metro

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


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

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

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

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

كيف هزت شركة آبل التشكل

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

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

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

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

تصميم متكيف

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

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

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

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

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

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

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

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

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

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

1. كن متسقًا

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

2. اكتشف الروابط المخفية


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

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

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

4. كن ذكيا

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

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

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

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

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

7. دعنا نعمل

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

8. جد رصيدك

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

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

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

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


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

11. الفضاء الأبيض هو المكان المناسب

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

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

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

13. الملمس

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

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

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

15. كن منفتحًا

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

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

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

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

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

18. كن متحركا

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

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

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

20. الايقونية

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

21. فكر بشكل طباعي

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

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

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

23. التركيز

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

24. التباين

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

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

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

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

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

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

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

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

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

الحد الأدنى من التصميم: تاريخ موجز

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

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

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

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

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

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

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

سعى جود في عمله إلى الاستقلالية والوضوح للكائن المُنشأ والمساحة التي يخلقها.

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

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

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

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

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

مهم فقط

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

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

مساحة سلبية

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

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

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

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

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

نسيج مسطح

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

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

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

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

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

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

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

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

طباعة مذهلة

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

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

مقابلة

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

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

أفضل الأمثلة

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

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

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

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

أنشئ توقعات عالية بأعلى الشاشة

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

هذا ما تبدو عليه صفحة Apple الرئيسية فوق خط الطي.

اكتب نصوصًا رشيقة

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

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

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

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

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

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

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

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

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

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

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

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

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

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

خاتمة

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

المنشورات ذات الصلة