3 اتجاهات التصميم الأساسية ، ديسمبر 2017
جميع اتجاهات التصميم الأساسية الثلاثة لهذا الشهر تتعلق بالطباعة. وتعرض الاتجاهات بعض الطرق النجمية الجميلة لاستخدام النوع الجميل لإنشاء تفاعل المستخدم وجعل انطباع أول رائع.
أحد الموضوعات الشائعة بين هذه التصاميم هو أن جميع أنماط الطباعة قابلة للقراءة بشكل كبير. إذا كنت تخطط للعمل مع عنصر نصي أكثر عصرية أو غير تقليدي ، فاختر محرفًا لن يواجه المستخدمون صعوبة في قراءته. التقنية العصرية هي الخدعة مع هذه التصاميم ، وليس المحرف نفسه.
في ما يلي الاتجاهات الشائعة في هذا الشهر:
1. اكتب فقط فوق التمرير
في حين أن صورة رائعة يمكن أن تساعد في جذب المستخدمين إلى تصميم ، فإن الكلمات والفضاء الصحيحين هما في بعض الأحيان التذكرة.
المفتاح لتحقيق الاستفادة القصوى من اتجاه التصميم هذا هو تحسين رسالتك. يجب أن تكون الكلمات بسيطة ، أن تقول شيئًا ذا مغزى وأن تنشئ قيمة للمستخدم.
فكيف يمكنك أن تفعل ذلك؟
- ابدأ بعبارة رئيسية. يمكن أن يكون مهمتك أو اقتراح قيمة للمستخدمين. أخبر المستخدمين بما تقدمه إلى الطاولة ولماذا سيكون موقعك الإلكتروني مهمًا بالنسبة لهم.
- اختر محرفًا بسيطًا يحتوي على نفس الحالة المزاجية مثل الرسائل لكتل النسخ الأطول.
- إذا كانت كتلة النص قصيرة ، كما هو الحال مع أنواع من النوع ، فكر في اختيار نوع funkier لجذب المستخدمين.
- الاستفادة القصوى من المساحة. لاحظ أنه في كل من الأمثلة أدناه ، يتوفر النص على مساحة كبيرة للتنفس ، مما يسهل قراءته في لمحة. يمكن للفضاء أيضًا المساعدة في جذب الانتباه إلى النص ، ويمكنه أيضًا موازنة عناصر النص إذا كنت لا ترغب في توسيطها على الشاشة ، مثل تصميم يرفع .
- استخدم اللون للمساعدة في إضافة الاهتمام المرئي. يمكن أن تساعد الألوان المشرقة العصرية في جذب المستخدمين إلى التصميم. يمكن أن يساعد اللون أيضًا في تعيين حالة مزاجية ترتبط بالرسائل.
عند العمل باستخدام تصميم ثقيل النوع ، لا تجبره. في بعض الأحيان لن يكون لديك نص كافٍ لملء "شاشة" كاملة. أقل + على المزيد ونوع نوع استخدام حظر اللون لإنشاء لوحات متعددة الحجم تماماً لمحتوى النص فيه.
2. النص في صناديق بيضاء
مع وجود العديد من العناصر المرئية الجريئة في مشاريع تصميم مواقع الويب - والعديد من نقاط التوقف المتجاوبة للتعامل معها - يتم إعادة ظهور الصناديق البيضاء كعنصر حاوية للنص. يمكن للمربعات البيضاء ذات النص داكن الداخل أن تضمن قابلية القراءة عندما يتعلق الأمر بالرسائل في أعلى الصور أو الفيديو أو الرسم التوضيحي حيث يوجد تباين ألوان.
وعلى الرغم من أن هذا الاتجاه قد يبدو قليلًا ، أو جيدًا ، أو قذرًا أو كسولًا ، إلا أنه يبدو رائعًا في الواقع عندما يتم بشكل جيد.
لا يمكنك فقط وضع صندوق في أي مكان على الصورة والأمل في الأفضل. يجب وضع الصناديق البيضاء بطريقة إستراتيجية بحيث لا تغطي أجزاء مهمة من الصورة ، بحيث ينتقل المستخدمون إليها أثناء النظر في التصميم.
يجب أن تكون الصناديق البيضاء كبيرة بما يكفي لاحتواء كمية معقولة من النص ويجب أن يكون لديك خطة لهذا العنصر على شاشات أصغر ، مثل السماح لكل شيء في مربع النص بالتخلي عن الصورة الرئيسية. لا تحاول وضع مربع نص على صورة على شاشات أصغر لأنك ستنتهي بوضع مربع نص صغير جدًا بحيث لا يمكن قراءته أو سيغطي المربع معظم الصورة نفسها.
إذا كنت وعاء للعلاج مربع أبيض ، والمتعة. يستخدم كل مثال من الأمثلة أدناه الصناديق البيضاء بطرق مختلفة تمامًا.
هل الفضاء يقطع مربعًا أبيض في الركن السفلي من الصورة بحيث تكون معظم الصورة مرئية. ينزف المربع الأبيض إلى المساحة البيضاء أدناه بحيث يبدو كأنه يظهر خارج اللوحة أدناه. يساعد هذا الأسلوب على توصيل شريط التمرير الرئيسي بالمحتوى أدناه (ويمكن أيضًا تشجيع التمرير).
كيف هو يستخدم النقط المستديرة بحيث تطابق مربعات النص البيضاء بشكل أفضل نغمة التوضيح في الخلفية. هذا التحول الخفيف في الشكل ، بحيث تبدو الصناديق أكثر سلاسة يساعد على توصيل العناصر بحيث يكون للمربعات والخلفية إحساس ثابت. لا تريد مربعات بيضاء للنص يشعر وكأنها وضعت بشكل عشوائي على الخلفية. (وهذا لا يعمل ولن يساعد في خلق شعور متماسك للمستخدمين).
Macaulay Sinclair يحتوي على نص أكثر من الأمثلة الأخرى باستخدام جزء واحد من شبكة لوحات الصور لعقد عنصر النص. هنا ، لا تختر الصورة خلف الصندوق الأبيض أي قيمة للمعلومات. يحتوي على نظام ألوان وحركة يشبه الصور الأخرى ويخدم في الغالب لخلق التماسك بين عنصر النص وبقية التصميم.
3. طبع القواطع
لم يقل أحد على الإطلاق أن النص يجب أن يكون عبارة عن سلسلة من الأحرف المليئة بالحزم. المزيد من المصممين يختارون القواطع المطبوعة التي تتميز كتلة اللون على صورة بحيث تأتي الصورة من خلال حروف واضحة.
يمكن أن تعمل هذه التقنية مع الصور الثابتة أو المتحركة ومع تراكبات ملء الشاشة بحيث لا تتاح سوى كمية صغيرة من المعلومات من خلال الحروف (تقريبًا لإنشاء نسيج) أو مع المزيد من نمط الصورة المحظورة على صورة أكثر من صورة الخلفية مرئي.
الخدعة لجعل هذا العمل هو محرف الصحيح. يجب أن تحتوي الحروف على حدود سميكة بما يكفي لكي تظهر الصورة أو النسيج في الخلفية. لا يمكنك القيام بذلك باستخدام خط رفيع أو مكثف مع أي نجاح ثابت.
تعمل هذه الطريقة أيضًا بشكل أفضل إذا كان عدد الكلمات والحروف محدودًا إلى حد ما. التزم بـ 1 إلى 3 كلمات مع 10 أحرف أو أقل أو استخدم كلمات شائعة جدًا سيعرفها المستخدمون في لمح البصر.
دانبري يستخدم فصلًا نصيًا مشرقًا كسحب لتشجيع المستخدمين على التفاعل مع عبارة الفيديو التي تحث المستخدم على اتخاذ إجراء. المربع البرتقالي بأكمله هو مجرد زر عملاق.
فيوجن الخمرة يستخدم شريط فيديو الخلفية من كرم في الحروف. ما هو عظيم في هذا التصميم هو تأثير طبقة ثلاثية: خلفية الفيديو أسفل فصل النص الأبيض أسفل صورة المنتج.
كانيكو يستخدم صورة غير قابلة للتعريف مثل ملء الحروف. إذا اخترت هذا النمط ، اجعل هذه الخلفية بسيطة كما فعلت مع هذا التصميم. هناك مجرد لمسة من اللون والملمس التي توجه العين إلى النص على قماش قاس.
استنتاج
توفر المجموعة مصدر إلهام للمشاريع التي قد لا تحتوي على صورة أو فيديو رائع ، حتى تتمكن من العثور على طريقة لإنشاء شيء ما سيستجيب له المستخدمون. لا تخف من استخدام النص كعنصر مرئي وإعلامي في هذا التصميم.
ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي وصلة على تويتر . أحب أن أسمع منك.