اتجاهات التصميم الأساسية ، يونيو 2016
يقوم المصممون بتغيير قواعد تصميم الويب ، وذلك بفضل حل المشكلات الإبداعي. إن صوت التشغيل التلقائي ، ودمج الصور الحقيقية والمصورة ، وحتى تصنيف الشعارات في أعلى الصور هي بعض من أهم تقنيات التصميم في الوقت الحالي ، وكانت جميع المفاهيم الثلاثة تعتبر من المحرمات منذ فترة طويلة.
في ما يلي الاتجاهات الشائعة في هذا الشهر:
1. تشغيل تلقائي للصوت
ليس منذ فترة طويلة ، لم تكن القاعدة تتضمن الصوت على موقع الويب الخاص بك إلا إذا كان اختياريًا. وأنت بالتأكيد لن تذهب مسار اللعب التلقائي.
تلك الطاولات تحولت! ما كان ليكون ميزة قصّ عرض النطاق الترددي ، أصبحت ميزة التصميم الاقتحامي شائعة جدًا.
يتم استخدام الصوت بشكل خاص لاثنين من أنواع مواقع الويب المختلفة - للمحتوى المرتبط بالإعلام مثل الموسيقى والأفلام أو الأخبار وللتصاميم الخاصة بنوع اللعبة أو القصة. تكمن الحيلة في استخدام الصوت في أنه يحتاج إلى تضمين زر تشغيل / إيقاف للمستخدمين الذين ما زالوا يرغبون في التفاعل مع موقع ويب في صمت.
الصوت هو أنه لا ينبغي أن يحدث صدمة للمستخدمين. العديد من المواقع ، مثل هذا كان هاتف لويز ، التي تستخدم صوت التشغيل التلقائي تستخدم مخزنًا مؤقتًا من الأنواع لإظهار تحميل محتوى الصوت. قم بدمج إجراء التحميل هذا مع مفتاح تبديل ويمكن للمستخدمين تحديد ما إذا كان الصوت لهم أم لا قبل أن يصدر الموقع الضجيج الأول.
خدعة أخرى عندما يتعلق الأمر باستخدام الصوت هي أن تبدأ بهدوء. أنت لا تريد أن يقفز المستخدمون من مقاعدهم لأن تصميمك يفتح مع وجود صدع معدني ثقيل. كل صوت إلى التصعيد من الهمس تقريبا إلى الحجم الكامل في الثواني القليلة الأولى.
وأخيرًا ، من المهم أن يكون الصوت (وخاصة عندما يتم تشغيله تلقائيًا) جزءًا حيويًا من المحتوى الذي يساهم في تجربة المستخدم بشكل عام. لا تستخدم الصوت لمجرد أنك تريد تجربة شيء جديد ؛ استخدامها مع الغرض. ضع في اعتبارك أيضًا - حتى مع وجود الصوت كجزء من التصميم ، سيصل العديد من المستخدمين إلى المحتوى بدونه. تصميم بحكمة.
2. خلط الصور والتوضيح
يمكن أن يكون تقنيًا شاقًا ولكن تم تجاوز الخط الفاصل بين التصوير والتوضيح. يمكن أن يمزج خلط العناصر الحقيقية والمرسومة باليد جوًا من النزوة إلى مشروع ممتع ومثير للعيان على حد سواء.
تفعل ذلك دون أن يكون جبني ليكون لها تأثير دائم على المستخدمين. وفيما يلي بعض الاقتراحات:
- استخدم الرسوم التوضيحية للرموز والأزرار والتصوير الفوتوغرافي للتأثير المرئي السائد
- أنشئ نمطًا مرئيًا يستخدم في الغالب رسومًا توضيحية ، ولكن أضف مقاطع فيديو قصيرة أو مناطق صور للتأكيد عليها
- أضف عناصر رسوم متحركة مصورة للحصول على لمسة من شيء مختلف بالقرب من الصور
- أنشئ شارة أو شعارًا موضحًا لاستخدامه مع صور العلامة التجارية أو على العبوة التي ستظهر في صور العلامة التجارية
- استخدم الرسم التوضيحي للمساعدة في توجيه المستخدمين من خلال عناصر مرئية أخرى ورواية قصة
مخيطة هو مثال رائع على نهج المزيج والمباراة في التصوير الفوتوغرافي والتوضيحي. لا تعد شركة التخطيط المالي مكانًا يمكن أن تتوقع فيه العثور على هذه التقنية قيد التنفيذ ، ولكنها فعالة. تضيف الرسوم التوضيحية المتحركة في خلفية صور الأشخاص اهتمامًا إلى ما يمكن أن يكون مؤثرًا. تحصد إحصاءات التحويم المتحركة انتباه المستخدم وتشجع التمرير. يتم استخدام مزيد من الرسوم التوضيحية في إيقونية المواقع لتشجيع النقرات وإضافة الذوق البصري إلى أجزاء النص الثقيل من التصميم.
3. الشارات على رأس الصور البطل
الشارات في كل مكان تستدير الآن. من تصميم الشعار إلى أنماط الطباعة الكلاسيكية القديمة التي يمكن أن يطلق عليها لقب محب المفضلة ، أصبحت هذه العناصر البسيطة جزءًا أساسيًا من أنماط التصميم البسيطة. وهي أيضًا خيار شائع للتصميمات التي قد تفتقر إلى التصوير الفوتوغرافي.
وهذا يتغير مع استخدام مزيد من المصممين للتصوير الفوتوغرافي في صور البطل. يتجلى هذا الاتجاه من خلال صورة بطل واحدة (عادة ما لا يكون شريط التمرير) مع شارة بيضاء أو شبه شفافة في الأعلى. غالبًا ما يتم توسيط الشارات أفقيًا وعموديًا ، على الرغم من اختلاف المواضع.
إنها صورة ملفتة للنظر على النقيض من الشعار (أو النص). ما يجعل هذا العمل هو أن الصورة الكبيرة تجذب المستخدمين. تعمل الشارة كنقطة محورية لما غالباً ما تكون صورة ضعيفة أو فضفاضة إلى حد ما. (هذا لا يعني أن الصور المستخدمة في هذا النمط سيئة ، لكنها تستفيد من مساعدة شارة.)
هذا الاتجاه هو تطور لشيء رأيناه منذ فترة مع رؤوس صور البطل. المتضخم ، خيارات الطباعة الجريئة كانت جنون العام الماضي. هذا تحول طبيعي بسبب شعبية أنماط الشارة والتشابه بين كيفية استخدام النوع والشارات المتضخمة.
- كلاهما تميل إلى أن تكون بيضاء أو خفيفة
- كلاهما يميلان إلى توجيه رسالة واحدة إلى المستخدمين
- كلاهما يعملان في تصاميم ليس لديها الكثير من الصور المتنافسة
- كلاهما جريئان وجريئين لأنهما لا يقدمان إلا للمستخدمين نقطة دخول حقيقية
- كلاهما يعمل بشكل جيد بشكل استثنائي مع التصوير الفوتوغرافي للأوراق المالية
- يقدم كلا الأسلوبين حلًا مرئيًا جريئًا عندما لا يكون لديك الكثير من خيارات الصور
- كلتا الطريقتين تقرضان لإضافة لمسة من الرسوم المتحركة في أماكن أخرى (مثل حالة التمرير) لإغراء المستخدمين بسبب عدم وجود الكثير من العناصر المتحركة الأخرى ، مثل الفيديو أو شريط التمرير
ما هو جميل حول شارة رائعة هو أنه يمكن أن يخدم المزدوج واجب علامة العلامة التجارية الخاصة بك كذلك. (يعد هذا خيارًا رائعًا للمؤسسات الصغيرة أو مواقع المحفظة). قم بإنشاء شارة مع وضع الفكرة في الاعتبار أنه سيكون logomark الخاص بك. صمم ألوانًا وإصدارات بيضاء لمزجها ومطابقتها حسب الاستخدام. تُعد هذه الوظيفة الإضافية سببًا آخر لحدوث شارات شائعة جدًا في الوقت الحالي.
استنتاج
هل أنت شجاع بما يكفي لإضافة موسيقى التشغيل التلقائي إلى تصميم موقعك على الويب أو مزج صور حقيقية أو مصورة؟ كلتا الاتجاهين تأتي مع عنصر المخاطرة - وفرصة الدفع. إذا لم تكن مستعدًا تمامًا لهذه الاتجاهات ، فإن تضمين شارة على صورة بطل هو أمر يمكن أن يعمل تقريبًا لأي نوع من مخططات التصميم. يمكنك أيضًا إجراء هذا التعديل على الطاير واستخدامه حسب الحاجة.
ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي وصلة على تويتر . أحب أن أسمع منك.