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