اتجاهات التصميم الأساسية ، أكتوبر 2016
كما يقول المثل: كل شيء قديم جديد من جديد. هذا صحيح في التصميم بالتأكيد. هذا الشهر بعض من أكبر الاتجاهات في تصميم المواقع ليست جديدة على الإطلاق. يقوم المصممون بإعادة اختراع أنماط الطباعة في المدارس القديمة والعودة إلى الشبكة وإعادة النظر في الرسائل على الصفحة الرئيسية.
إنه مزيج مثير من العناصر المرئية التي رأيناها في الماضي ، وربما نرى مرة أخرى في المستقبل. في ما يلي الاتجاهات الشائعة في هذا الشهر:
1. الطباعة المدرسية القديمة
يتخذ عدد أكبر من المصممين نهج المدرسة القديمة لعرض الطباعة. ذهبت هي sans رقيقة جدا أو مكثف sans ، والمزيد من أنماط النمط التقليدي في. serifs على الطراز القديم والحديثة والانتقالية هي نمط العرض go-to الجديد.
انها مفاجئة بعض الشيء ، في الواقع. لسنوات. كانت "القاعدة" هي استخدام sans serifs لتحسين قابلية القراءة والمصممين فعلوا ذلك ، في كثير من الأحيان دون شك. استخدام جديد من serifs لنوع كبير - وحتى نوع أصغر - هو منعش وقابل تماما. غالباً ما تعيش التصاميم في مساحة صغيرة ، بحيث لا يضطر هذا النوع للتنافس على الاهتمام وتركز عمليات التزاوج على الحروف المظلمة على خلفية فاتحة. (كل الأشياء التي تساعد على القراءة.)
لا أعرف الكثير عن أنماط الكتابة هذه؟ وإليك فكرة سريعة عن كل من هذه الروايات القديمة "الجديدة":
- النمط القديم: تتميز الكتابة بعالم قديم ينساب من بعض الأنماط السوداء والقوطية منذ العصور الأولى للطباعة. غالباً ما تحتوي الحروف الأقلية على أشكال صغيرة (تلك الضربات الصغيرة في نهاية ستوكس الأطول) وشكل مستدير. RSQ ، أدناه ، هو عرض مثالي للطباعة على الطراز القديم.
- الحديث: هذا النمط من الحروف شائع جدًا في التصميم المطبوع ، مثل الصحف والمجلات ، ولكنه بدأ للتو في الوصول إلى مشاريع الويب. تحتوي الأشكال الحديثة على عروض سكتة دماغية سميكة ورقيقة في كل حرف ، وأحيانًا بكميات كبيرة من التباين. يستخدم Ink + Volt ، أدناه ، serif الحديثة الجميلة. ولكن لاحظ أيضا كيف يتم استخدام الحروف. النوع داخل مربع أبيض بحيث لا تضيع الأجزاء الرقيقة من كل حرف في خلفية الفيديو ، مما يحد من إمكانية القراءة. هذا هو الحل الأمثل لاستخدام serif الحديثة.
- انتقالي: تبدو هذه الحروف المشابهة تشبه إلى حد كبير الحروف الحديثة ذات فرق واحد كبير - فالخطابات لها عروض سكتة دماغية موحدة. هذا يجعل من serifs التقليدية أسهل في الاستخدام لأنها يمكن أن تكون أكثر قابلية للقراءة في مواقف أكثر التصميم.
ليس كل الطباعة المدرسية القديمة تقع في فئة serif. بعض أساليب المدرسة القديمة التي ظهرت فقط تذكرنا بوقت آخر ، مثل تلك التي استخدمها دليل Frontend ، أدناه. إن هذا المسلسل غير التقليدي الذي يميل في أواخر الثمانينيات إلى أوائل الثمانينات يأخذك إلى مكان وزمان آخر. (وهذا هو المدرسة القديمة تماما.)
2. شبكات محددة
في بعض الأحيان يمكنك رؤية الشبكة ، وأحيانًا لا يمكنك ذلك. وفي كلتا الحالتين ، تكون الشبكة الصلبة هي الأساس لتصميم منظّم وسهل النظافة على العيون.
شبكات أكثر تحديدا تجعل العودة. جزء منها قد يكون من تأثير التصميم المادي ، الذي يتميز بالعديد من العناصر في الأعمدة والصفوف الأنيقة ، وقد يكون جزء منه سهولة نقل وإعادة ترتيب العناصر في الأطر المستجيبة.
في كلتا الحالتين ، يمكن للشبكات المحددة تبدو مذهلة لمجموعة متنوعة من المشاريع على أي شاشة إلى حد كبير. ما هو لطيف حول استخدام شبكة محددة هو أنه يجعل الحياة سهلة حقا للمصمم. بمجرد أن تحصل على تعليق العمل داخل الشبكة ، فإن المواضع وخيارات تغيير الحجم والتصميم تقدم نفسها بوضوح لك.
لا تُعد خدعة استخدام شبكات محددة مظهرًا منظمًا أو مفرطًا في الشبكة. بالنسبة إلى العديد من المصممين ، هذا يعني تبديل الأحجام على "شاشات" مختلفة ، مثل الحصول على صورة بطل كاملة العرض عبر شبكة من العناصر. الصفحة "عقد" أنيقة النوار ، أدناه هذا جيد. كما يتميز الموقع بشبكة داعمة على الصفحة الرئيسية في الصورة ، والتي هي مظلمة أي غامضة ، مما يقودك إلى صفحات الشبكة تحت عنوان الغموض. المد العالي ، أدناه ، يفعل شيئًا مشابهًا مع فيديو مقدمة رائع أعلى كتل الشبكة.
لكن الشبكة يمكن أن تكون محددة بشكل جيد وأقل قليلاً في الصندوق. تستخدم Zumtobel ، أدناه ، الأحرف الموجودة في الاسم الخاص بها لإنشاء كتل الشبكة لمعلومات معينة عن المنتج. فقط في حالة التمرير ، يمكنك رؤية مربعات الشبكة ذات الحجم المثالي ، على الرغم من أن المواضع تتباعد بشكل مثالي أفقيًا وعموديًا في شبكة نظيفة.
كلما فكرت في الشبكات ، كلما بدأت في رؤيتها من خلال عيون المصمم الذي قام بإنشاء كل منها. يمكنك البدء ببعض شبكات الويب الشائعة إذا لم تكن راضيًا عن الفكرة أو إنشاء شبكتك الخاصة. الحيلة هي أن عليك استخدام الشبكة باستمرار لتحقيق نجاح بصري حقيقي.
3. الرسائل الحد الأدنى فوق "أضعاف"
مسألة اليوم هي: هل هناك معلومات كافية فوق التمرير لاهتمامك بما يكفي لمواصلة النظر في الموقع؟ يمكن أن يكون من الصعب الإجابة. لكن الكثير من المصممين يراهنون على فكرة النقر أو التمرير ، حتى لو كانت هناك كلمة واحدة فقط على الشاشة.
باستخدام عناصر مرئية أخرى مثل الفيديو أو أشرطة التمرير التمرير أو شاشات عرض المنتجات ، قد يفعل المستخدمون ذلك. ولكن يمكن أن يكون مقامرة ، خاصة مع التصميمات التي لا تتضمن قائمة ملاحة مع الحد الأدنى من الرسائل.
ثم هناك هذا: يدخل الكثير من المستخدمين إلى مواقع الويب من خلال صفحات أخرى غير الصفحة الرئيسية ، فلماذا لا نخاطر هناك؟ انظر إلى البيانات والنقرات ، واعرف ما يحدث.
هذا هو واحد من تلك الاتجاهات التي ستكون مثيرة للاهتمام لمشاهدة. يمكن أن تختفي بسرعة تقريبًا كما ظهرت ، ولكن هناك الكثير من المواقع التي تستخدم هذا النموذج.
استنتاج
هناك الكثير من المرح لمشاهدة دورة اتجاهات التصميم مرة أخرى إلى الأزياء. ما هو لطيف حول اثنين من هذه الاتجاهات - الطباعة في المدارس القديمة وشبكات محددة - هو أنها قابلة للاستخدام بشكل كبير في عدد من أساليب التصميم.
ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي وصلة على تويتر . أحب أن أسمع منك.