تصميم بسيط: ما يجب فعله وما لا يجب فعله

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

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

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

افعل: استخدم اللون!

يميل الناس إلى الاعتقاد بأن التصميم البسيط أحادي اللون ، أو حتى أسوأ - أبيض وأسود و / أو تدرج الرمادي.

لا لا لا. لا.

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

هذا يعني أنه عندما يتعلق الأمر بالألوان ، يجب ... استخدام الألوان. ألق نظرة على هذا المثال من Epoch Design:

استخدام اللون هنا ضئيل للغاية ، لكن المصمم قد زاد من استخدامه للتأكد من رؤيته.

وهنا من بوربول:

خلفية ثنائية اللون مذهلة ولا تُنسى ، لكنها لا تصفعك على وجهك.

لا تستخدمي كل الألوان!

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

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

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

هذا هو عكس التصميم البسيط.

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

هذا ليس بالحد الأدنى ، أليس كذلك الآن؟

افعل: استخدم الرسوم المتحركة

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

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

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

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

افعل: استخدم المسافة البيضاء

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

وشاهد كيف يتم استخدام اللون الوحيد للفت انتباهك إلى الأزرار والروابط التي تحتاجها تمامًا؟

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

لا تفعل: استخدم المسافات البيضاء فقط

على الطرف الآخر من الطيف ، فإن الإفراط في استخدام المسافات البيضاء يجعل استخدام موقعك غير قابل للاستخدام تقريبًا للزوار. كما ترى ، فإن استخدام Google للمسافات البيضاء يسلط الضوء على كيفية رغبتك في استخدام الموقع: اكتب شيئًا في المربع.

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

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

افعل: استخدم خطوطًا رائعة بشكل مناسب

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

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

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

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

لا تستخدم خطوط رائعة بشكل غير مناسب

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

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

ماذا عن طبيبة أرادت التأكد من أنك تعلم أنها كانت الخيار الأفضل لإنقاذ حياتك؟

أو إذا كنت تبحث عن مصمم ويب رائع ومعاصر وكان كل ما تراه هو:

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

انطلق وقلل!

وتصغيرها أيضًا ، لكن هذه مقالة مختلفة تمامًا. # يارب

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

ما هي إرشاداتك عند تصميم مواقع مبسطة؟

الصورة المصغرة للمادة من قبل Boo-Tique / shutterstock.com