3 اتجاهات التصميم الأساسية ، يونيو 2017
في بعض الأحيان ، يمكن أن يؤدي تصميم القرص البسيط إلى تصميم موقعك على الويب من العادي إلى العصري. كل اتجاه من اتجاهات هذا الشهر هو هذا النوع من التقنية ، بدءًا من الطباعة الصغيرة إلى السمات الهندسية إلى الصور غير الواضحة. يمكن لأي من هذه التقنيات العمل في مشروع تصميم جديد أو كتعديل للتصميم الحالي.
في ما يلي الاتجاهات الشائعة في هذا الشهر:
1. نص "صغير"
هل يبدو أن الكتابة المتضخمة هي شيء من الماضي؟ لقد بدأ النص الصغير "الصغير" تقريبًا في استبدال الرؤوس الجريئة الكبيرة التي كانت تمثل تصميمًا رئيسيًا لموقع الويب لفترة من الوقت الآن. من العناوين الصغيرة إلى النص الأساسي الذي يبدو متناثرًا ، كان هناك اتجاه واضح في خفض حجم الطباعة.
في حين قد تكون هناك بعض المخاوف بشأن قابلية القراءة عندما يتعلق الأمر بأحجام النصوص الصغيرة ، خاصة بالنسبة للنص الأساسي ، فإن الخطوط الأصغر ليست أمراً سيئاً. بدأت الكتابة المتضخمة تقترب من الاتجاه نحو الأحجام والأحجام التي كانت كبيرة جدًا بحيث لا يمكن قراءتها بسهولة.
تبدو الخطوط الصغيرة أكثر نعومة نوعًا ما وتعطي التصميم مساحة أكبر للعناصر الأخرى للعين للتنقل إليها. الخدعة في الفعالية من خلال الكتابة الصغيرة هي الحفاظ على الحد الأدنى للكتابة. بدون الكثير للقراءة ، يمكن أن يكون هذا الاتجاه فعّالًا ومثيرًا للاهتمام. من ناحية أخرى ، مع كتل كبيرة من نوع اكتب ضئيل ويمكن أن تعوق قدرة المستخدم على القراءة بسهولة ومسح النسخ بكفاءة.
التوازن هو مصدر قلق كذلك. جميع الخطوط يجب أن تتدنى إلى حد ما لخلق شعور لطيف بالانسجام. Moonfarmer يستخدم محرفًا خفيفًا لمعالجة الشعار وخطًا صغيرًا من النسخة الثانوية. تباين عناصر النوع بشكل رائع ويبدو أن معالجة نوع الضوء تناسب مزاج الصور.
HTML برغر يأخذ تقريبا النهج المعاكس مع عنوان جريئة وخطوط ثانوية صغيرة من النص. تعمل الكلمات الوصفية الأخف بشكل صغير لأنها كلمات شائعة - HTML ، CSS ، والتجارة الإلكترونية - وتتناقض بشكل كبير مع العنوان الذي لا يزال كبيرًا جدًا.
ماونتن ديو في تصميم NBA يدفع كل شيء إلى نطاق صغير. هذا هو أحد أصغر معالجات العناوين الرئيسية التي ستعثر عليها على الأرجح ، ولكن مع تراكب X الغامق وخلفية الفيديو ، لا يزال المستخدمون يتم سحبهم إلى النص الصغير.
2. طبقات هندسية
كانت طرق جديدة لعناصر الطبقات تنمو بشكل مطرد في شعبيتها. في البداية ، أعادت تقنية التصميم متعدد الأبعاد استخدام تقنية التصميم السائد والحديث ، كما أن الطبقات الهندسية هي طريقة مختلفة لإضافة اهتمام مرئي إلى عناصر مرئية قد تترك شيئًا ما مطلوبًا.
يستخدم كل مثال من الأمثلة أدناه إطار عمل بأشكال جريئة لإضفاء حياة جديدة على الصور التي هي عبارة عن مباني بسيطة إلى حد ما ، صورة اجتماع ، صور لأشخاص يعملون. تعطي إضافة الأشكال المرحة والقواطع واللون للمستخدم نقطة بداية للوصول إلى التصميم. لاحظ كيف تستخدم كل تصميمات هندسية لنقل المستخدم بشكل فعال من الشكل إلى المحتوى الأكثر ملاءمة ، مثل العنوان أو العلامة التجارية.
يمكن استخدام الهندسة بعدة طرق تتكامل مع بقية التصميم:
- يقتطع الصور لجلب التركيز على عناصر الاختبار المهمة مثل مشاريع الملح .
- استخدام عنصر حد ساطع غير متوقع لإنشاء نقطة بؤرية خارج النطاق الذي يؤدي بالمستخدمين عبر الشاشة مثل بيلي والفرنسية .
- وضع الصور في أشكال غير عادية لإضافة تركيز جديد على الصور ، مثل الكيمياء القديمة .
أفضل جزء في استخدام الطبقات الهندسية هو أنه سهل ويعمل إلى حد كبير مع أي نوع من المحتوى. يتزايد المستخدمون على الأزرار الدائرية والعناصر الأخرى التي يتم وضعها فوق بعضها البعض للحصول على شعور تفاعلي متعدد المستويات وأكثر تفاعلًا.
يمكن أن تساعد الزوايا والمنحنيات الموجودة في العناصر الهندسية على توجيه المستخدمين من عنصر إلى آخر ، وعندما تستخدم بشكل فعال تعتبر أداة توجيهية كبيرة. زوايا الموقع بحيث "توجه" إلى المحتوى الذي ترغب في أن يشاهده المستخدمون ويستخدمون دوائر للمحتوى الذي يجب مشاهدته أولاً.
3. عدم وضوح الصور
الصور غير الواضحة هي تقنية ليست جديدة. ولكن يبدو أن الحصول على حياة جديدة بمزيد من التصاميم يضم صورًا أو فيديو غير واضح تمامًا أو جزئيًا.
يمكن للصور غير الواضحة أن تخلق إحساسًا متميزًا بموقع ويب به عنصر من الغموض أو تساعد في دفع التركيز بعيدًا عن الصورة إلى جزء آخر من التصميم. يستخدم كل مثال من الأمثلة أدناه ضبابية لأسباب مختلفة:
- Digitalux يأخذ ما يمكن أن يكون مملاً من الفيديو - الأشخاص الذين يعملون في مكتب - ويستخدم اللون الأزرق لإضافة القليل من الحركة خلف الرسالة الرئيسية والاتصال بالعمل ؛
- Playkot يستخدم خلفية واضحة لإضافة المزيد من التركيز إلى الطابع الممتع والمعالجة الطباعية المثيرة للاهتمام في المقدمة ، مضيفًا عنصرًا واقعيًا لمغامرة الألعاب الافتراضية هذه ؛
- ESPN "نحن المعجبين" ملامح خلفية على طراز الاستاد غير واضحة تكاد تكون ساحة لكرة القدم في أي مكان لعرض معاينة الفيلم الوثائقي التلفزيوني. تساعد الخلفية غير الواضحة على التركيز بشكل أكبر على علاج النوع الممتع الذي يمثل العلامة التجارية الرئيسية لهذه السلسلة.
استنتاج
في بعض الأحيان تكون أهم الاتجاهات هي صعود الحجارة في تطور الاتجاهات الأخرى. يمكن أن يكون من المثير للاهتمام أن نرى التقدم بخطوة صغيرة كما يحدث. هذا ما تميل إليه عند النظر إلى العناصر الشائعة التي يمكن تطبيقها على أي مشروع تقريبًا ، مثل الاتجاهات الثلاثة المعروضة هنا.
الشيء الجميل في هذه الأفكار هو أنها قابلة للتطبيق على أي نطاق. يمكنك إضافة نص صغير إلى صفحتك الرئيسية ، على سبيل المثال ، ومعرفة كيف يؤثر التغيير على المستخدمين قبل طرحه على نطاق أوسع. وستساعد التجربة والاختبار على هذا المستوى في التكهن بما إذا كان هناك اتجاه كهذا سيبقى قوياً أو سيتلاشى بسرعة.
ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي وصلة على تويتر . أحب أن أسمع منك.