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

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

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

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

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

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

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

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

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

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

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

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

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

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

الاستنتاج على أساس المعايير

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

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

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

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

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

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

فيما يلي مثال على تبسيط تصميم العبوة - التصميم بأسلوب بسيط.

الطباعة: الملصقات

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تقليلية

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

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

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

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

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

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

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

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

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

لقد كان ذلك فريدًا من نوعه مع إصدار 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 سنوات واليوم. إن التغييرات الدقيقة التي تم إجراؤها والمساحات البيضاء والتركيز على المحتوى وبساطة الموقع تجعل هذا التصميم خالدًا.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

مهم فقط

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

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

مساحة سلبية

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

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

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

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

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

نسيج مسطح

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

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

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

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

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

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

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

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

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

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

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

مقابلة

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

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

أفضل الأمثلة

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

خاتمة

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