3 اتجاهات التصميم الأساسية ، أغسطس 2017
إذا كنت تشتاق إلى أيام الصيف من أجل تغيير المشهد ، فإن اتجاهات تصميم الويب لهذا الشهر هي البداية المثالية. وعلى الرغم من أن التصميم البسيط كان هو الأسلوب "المتأخر" المتأخر ، إلا أن المزيد من المصممين بدأوا يتحولون إلى مزيد من التفاصيل والميزات في التصميم. أنماط التصميم المدهشة التي بدأنا نراها هي بديل جديد للأساليب غير المنسوجة التي اعتدنا عليها.
ما رأيك؟ هل أنت مستعد لخيارات الطباعة الأكثر نحافة ، والتفصيل أكثر تفصيلاً والشعارات على غرار الرمز؟ قد تكون بعد رؤية بعض مشاريع التصميم هذه.
في ما يلي الاتجاهات الشائعة في هذا الشهر:
1. رقيقة (نير) الطباعة
اكتب رقيقة مرة أخرى! حصلت الخطوط رقيقة على خلفية سيئة عندما اخترت Apple خطًا خفيفًا وخفيفًا للغاية لنظام التشغيل مع نظام التشغيل iOS 7.
رفض المصممون الخيار الذي كان صعبًا للقراءة وقليلًا من العديد من المواقف التصميمية التي تحدث في ذلك الوقت. (كانت شقة كل الغضب ، لكن البعض جادل بأن شركة أبل تقريبًا تقترن بالحرف الرفيع جدًا كان كثيرًا). وفي الوقت نفسه ، أصبحت الخطوط العريضة والأكثر جرأة العنصر المسيطر على عنوان موقع الويب والطباعة على الصور البطيئة فوق التمرير .
بدأ المد يتحول في الاتجاه الآخر. إن الخطوط الدقيقة اليوم أرق إلى حد ما مما اعتدنا عليه ، ولكنها ليست قريبة من خيار أبل.
أفضل شيء حول اختيار حرف أرق هو أن لديك حرية أكثر قليلاً في التصميم. على الرغم من أنه لا يُنصح باستخدام الخطوط الرفيعة لنسخ الجسم ، إلا أنها يمكن أن تعمل بشكل جيد بأحجام أكبر عندما يكون هناك الكثير من التباين.
تعرض الأمثلة الواردة أدناه بعضًا من أفضل استخدامات الخطوط الأقل سمكا:
- استخدم محرفًا رفيعًا في جميع الأحرف الاستهلالية لإنشاء عنوان مؤثر. غالبًا ما يعمل هذا الخيار بشكل أفضل مع بضع كلمات فقط ، مثل رحلات السفاري الافريقية الفاخرة ، أدناه. من المهم بنفس القدر أن تفكر في الحروف بالعلاقة بالأحرف الفعلية ؛ قد تكون بعض الكلمات صعبة القراءة في الخطوط أو الأغطية الرفيعة.
- إقران محرف رفيع مع خيار أكثر جرأة لإنشاء التركيز ، مثل WebDesignStudio ، أدناه.
- استخدم محرفًا أرقًا بلون (على خلفية متباعدة) لإضافة تركيز مرئي ، مثل مركز ليدز للجولف ، أدناه.
تبحث عن الإلهام؟ في ما يلي خمس خطوط Google تناسب الفاتورة (وستبدو رائعة): المصدر بلا برو ، جرعة ، نطاق واحد ، راجدهانى ، مارتل سان .
2. تفاصيل تفصيلية
من المتعة إلى المعالجات المطبعية إلى عناصر واجهة المستخدم التي تخلق فرحة غير متوقعة ، أصبحت التفاصيل الدقيقة أكثر شيوعًا. تكمن الخدعة في إنشاء شيء مفصّل في جعله يبدو بسيطًا قدر الإمكان للمستخدم ، مما يعني أنه من السهل فهمه واستخدامه.
الشيء العظيم في التفاصيل هو أنه يمكنهم إضافة الكثير من الشخصية إلى المشروع. هذه العناصر يمكن أن تحمل عبر الوسائط من مشاريع الموقع إلى تصميم المنتج إلى العناصر المطبوعة بحيث أن كل شيء من ماركة لديه نفس الشيء الخاص بصريا. (هذه طريقة ممتازة لتأسيس تماسك العلامة التجارية).
يمكن أن تظهر هذه التفاصيل بعدد من الطرق ويجب أن تضيف دائمًا إلى التأثير الكلي ، ولا تنتقص منها. تستخدم أفضل التفاصيل التفصيلية لمثيل واحد في التصميم ولا ينبغي أن تربك المستخدمين. يمكن أن يؤدي استخدام شيء محدد أكثر من اللازم إلى خلق عكس التأثير المقصود وفي الواقع إرباك المستخدمين. لذا بمجرد أن تجد "خدعة" استخدامها مرة واحدة واستخدامها بشكل جيد.
ال مجموعة الآجال ، أدناه ، يستخدم أسلوبًا متقنًا مع الشعار ذي النمط القديم باللون الملون فوق العنوان. نمط النمط غير شائع لتصميم الويب ويجمع بينه وبين الشعار المتقن ، إنه مزيج مذهل. ولكن يمكنك أيضًا معرفة كيف يمكن لهذا التصميم أن يكون فعالاً فقط مع استخدام واحد. قد يكون من الصعب استخدام أحرف الكتابة إذا تم استخدامها للكتل الكبيرة من النص وقد يؤدي التصميم إلى تعطيل الرسائل. هنا ، استخدمه فريق التصميم بشكل مثالي.
الكراسي مهمة فيترا ، أدناه ، يستخدم الرسوم المتحركة واجهة المستخدم وضع لإشراك المستخدمين. تتضمن الصفحة الرئيسية زر "سحب" الذي يفتح في قائمة خط المنتج. تظل الخلفية كما هي في كلا الفريقين بحيث يتم دائمًا إبراز الكراسي في بكرة الفيديو. تعتبر الرسوم المتحركة بين النقرات مثيرة للاهتمام أيضًا ، وحتى إذا لم تكن مستعدًا لشراء كرسي ، فإن التنقل في جميع أنحاء الموقع يتم تشجيعه.
في بعض الأحيان لا يتضمن التصميم الأكثر تفصيلاً أي تأثيرات خاصة فائقة. فقط مدرسة كايت ، أدناه ، يستخدم الفيديو المرئي الحقيقي والشكلي الممتع لمزيج يجذب العين. في حين أن الشعار الكبير يبدو بسيطا ، فإن إنتاج الطباعة التي يمكن قراءتها وتشغيلها بهذه الطريقة يمكن أن تكون صعبة. هنا ، يعمل بشكل جميل ويتطابق مزاج الحروف مع ما تتوقعه من هذا النوع من الأعمال.
3. أيقونة الشعارات
هل هذا رمز أم شعار؟ يتم تجاوز الخط الفاصل بين عنصري التصميم في كل وقت. الشعارات على غرار رمز ظهرت في كل مكان.
تم رسمها من نمط الحد الأدنى ، ولأنها تعمل في مجموعة متنوعة من التطبيقات ، يمكن أن تكون شعارات الرموز ملونة أو مستوحاة من فن الخط. تميل معظم الاستخدامات نحو شعار أصغر في الشكل الذي سيتم نقله أيضًا إلى مواقع الشبكات الاجتماعية للحصول على علامة تجارية متسقة عبر الإنترنت.
الجانب السلبي لشعار أيقونة هو أنه لا يوجد الكثير من المساحة لاسم الشركة الفعلي. تم تصميم أفضل شعارات الرموز بحيث يمكنها الوقوف بمفردها أو جنبًا إلى جنب مع الحروف ، مثل District0x ، أدناه. لاحظ كيف يمكن أن تعمل أيقونة "d" الملونة بنفسها - تبدو رائعة في شكل شعار دائرة تويتر بسبب الشكل غير المتماثل - ولا تشعر بالطريقة التي تقترن بها بالاسم التجاري الكامل.
جردان للاثاث و منارة نوبيس ، أدناه ، اختيار أنماط شعار رمز أكثر بساطة مع تحديد اسم العلامة التجارية في النوع أدناه. على الرغم من أن هذا خيار شائع ، إلا أنه يمكن إنشاء بعض قطع الاتصال بين الاسم والشعار. اختر المواضع التي تربط بين العناصر - وكلا الأمرين يركزان على الشعار واسم شركة typeset - لإنشاء مسار عين من عنصر إلى آخر.
استنتاج
من الممتع مشاهدتها حيث تبدأ الاتجاهات بالانتقال من ديناميكية إلى أخرى. هل تعتقد أن أساليب أكثر تفصيلا ستحل محل الحد الأدنى؟ أم أنها مجرد عباءة عابرة؟
ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي وصلة على تويتر . أحب أن أسمع منك.