3 اتجاهات التصميم الأساسية ، يوليو 2017

يركز هذا الشهر على عناصر التصميم. وقد اشتملت العديد من الاتجاهات الحديثة على أنماط المستخدم ، أو الألوان ، أو الطباعة ، ولكن هنا يتعلق الأمر بأساليب دقيقة. الاتجاهات الأساسية للإحاطة علما تشمل الملاحة في الهبوط ، مربعات كعنصر تصميم والكثير من الخطوط العمودية والحركة.

في ما يلي الاتجاهات الشائعة في هذا الشهر:

1. Downpage الإنتقال

يبدو أن المصممين في مرحلة التجريب تمامًا عندما يتعلق الأمر بالملاحة في هذه الأيام. من خيارات التنقل الجانبية ، الرأسية إلى أنماط النوافذ المنبثقة إلى أنماط downpage ، عناصر القائمة هي نوع من جميع أنحاء المكان.

على الرغم من استخدام ميزة التنقل في الصفحة السفلية ليكون بلا تمييز واضح ، إلا أنه يمكن أن ينمو عليك. ومع اختيار المزيد من المصممين لنمط المستخدم هذا ، فسيتم قبوله بشكل عام. إليك كلمة تحذير: إذا اخترت التنقل في أسفل الصفحة ، فراقب بدقة تحليلات موقع الويب للتأكد من فهم الزائرين للنمط والاستمرار في النقر عليه. قد لا تعمل هذه التقنية مع جميع الجماهير.

إذن كيف تجعلها تعمل؟

يتم تطبيق أفضل أساليب التنقل في الصفحة الرئيسية على التصميمات البسيطة. تعد الصفحة الرئيسية التي لا تحتوي على شريط تمرير وعددًا قليلاً من الصفحات هي الأفضل.
يجب أن تكون عناصر التنقل في الصفحة المنخفضة على الجانب الكبير ، بحيث لا يغفلها المستخدمون.
تكون العناصر اللاصقة ضرورية إذا كانت الصفحة تحتوي على تمرير أطول.
ضع في اعتبارك التنقل في الصفحة المنخفضة على الصفحة الرئيسية للحصول على بديل جديد ، ولكن عد إلى نمط أكثر تقليدية في الصفحات الداخلية.
استخدامه مع إطار الحد الأدنى. يمكن أن يضيع التنقل في الصفحة المنخفضة بسهولة في تصميم معقد أو يحتوي على الكثير من العناصر التي تتنافس على جذب انتباه المستخدم.
تضمين عنصر تصميم "إضافي" لدفع المستخدمين نحو التنقل. يمكن أن يتضمن ذلك أي شيء من اختيار لون غامق إلى بصري اتجاهي يساعد في توجيه العين نحو التنقل في موقع غير تقليدي.

2. صناديق كعناصر التصميم

قد يكون هذا واحدًا من أكثر الاتجاهات تميزًا وتعددًا في عام 2017 ، وهي العناصر المعبأة لأغراض جمالية نقية.

تعتبر الصناديق حاوية كبيرة - كما رأينا من اتجاه البطاقة - ولكن المصممين يعملون مع الصناديق لتمييز المحتوى وإظهار الصور وجذب العين إلى جزء معين من اللوحة. وانها تعمل بشكل جميل.

الشيء الجميل في هذا الاتجاه هو أنه متعدد الاستخدامات. لست بحاجة إلى إعادة التفكير في تصميم كامل لاستخدام العناصر المعبأة. يمكن أن تكون بمثابة صور نقية أو رابط لمحتوى آخر. يمكن أن يحتوي المربع على أي شيء تقريبًا ، من صورة رائعة إلى عبارة تحث المستخدم على اتخاذ إجراء.

تتضمن بعض النصائح لتحقيق أقصى استفادة من عنصر تصميم محاصر ما يلي:

استخدم مربعًا لإنشاء عمق أو تركيز ، مثل سيدريك لاشوت ، أدناه. الصورة على خلفية سوداء بسيطة ، والنص الأبيض في الأعلى يضيف التركيز على الشكل المستطيل وصناديق أخرى قابلة للنقر على الصفحة الرئيسية وطوال التصميم.
استخدم مربعًا لطبقة العناصر. فيودي دي سان غريغوريو ، أدناه ، يستخدم مربعًا لرسم العين إلى جزء محدد جدًا من المحتوى باستخدام تقنية طبقات تجعله يبدو وكأنه جزء من الصورة. ننظر عن كثب في اليدين في العلاقة مع المربع. يستخدم هذا المفهوم نفسه لصور متعددة في scroller الأفقي ويضيف طبقة إضافية من التعقيد الجميل للتصميم البسيط.
استخدم مربعًا لإنشاء تدفق. Beoplay ، أدناه ، يستخدم مربعات مكدسة مع صور لإنشاء مسار خلال التصميم. كل مربع يتحرك من عدد من الصناديق الصغيرة لإشراك المستخدم وتشجيع التمرير.
استخدم مربعًا لإنشاء عنصر قابل للتنفيذ ، مثل عبارة منبثقة تحث المستخدم على اتخاذ إجراء ، بالإضافة إلى التصميم.
استخدم الصناديق لإنشاء تصميم باستخدام البطاقات في نمط التصميم متعدد الأبعاد. وبينما كان هذا الاتجاه موجودًا لبعض الوقت ، إلا أنه لا يزال خيارًا شائعًا ، خاصة بالنسبة للتصميمات المستندة إلى الجوال.

3. خطوط عمودية

لا تفكر دائمًا في الويب كمساحة رأسية ، ولكن المزيد من المصممين يدمجون عناصر عمودية جدًا في التصميمات.

من الخطوط النحيفة إلى إنشاء تدفق إلى الصور مع عناصر صعود ونزول مميزة ، يمكن أن تساعد العناصر العمودية على توجيه المستخدمين من خلال تصميم وتشجيع التمرير وحتى تركيز الانتباه على عناصر معينة. كمكافأة إضافية ، تكون العناصر العمودية مثيرة للاهتمام بشكل بسيط لأنها ليست شائعة مثل العناصر الأفقية أو المربعة أو الدائرية.

قد تبدأ بعض الرغبة في التفكير بشكل أكثر عمودية بين يديك. بينما يعيش معظم مواقع سطح المكتب في المساحة القياسية 16: 9 ، فإن الوصول إلى مواقع الويب على الهواتف والأجهزة اللوحية غالباً ما يتم تشغيله على الجانب مع اتجاه رأسي أكثر. (في حالة العديد من الهواتف المحمولة ، يكون هذا الاتجاه عموديًا بوضوح.)

وهذا يجعل اللمحات الرأسية وأنماط المستخدمين أكثر شيوعًا وأكثر قبولًا لزوار موقع الويب. لن يرفضوا التصميم أو يتساءلون كيف يتفاعلون معه. الاتجاه العمودي هو الاتجاه السائد تماما.

هناك الكثير من الطرق لدمج الشعور العمودي بالتصميم.

جرب خلفية مع خطوط عمودية خفية لإنشاء نسيج.
قم بإنشاء مجموعة صور ذات أشكال رأسية.
استخدم خطوط رأسية فوق الصورة الرئيسية لإنشاء عمق بين طبقات العناصر ، مثل الصور أو مقاطع الفيديو والنص.
استخدم عملية المسح المتحرك رأسيًا لفصل العناصر في شريط تمرير الصورة.
تخطيط الصور بتركيز رأسي.
ضع في اعتبارك تصميمًا منقسمًا بحيث يكون لكل جانب نسبة أبعاد موجهة رأسياً.
استخدم نمط خلفية للكائنات الصغيرة في محاذاة رأسية.
مكدس الرموز أو العناصر بدلا من الفضاء عبر الشاشة.

استنتاج

في أي وقت تفكر فيه باستخدام اتجاه في أحد مشاريع التصميم ، هناك عنصر مخاطرة ينطوي عليه الأمر. الى متى سيصبح الاتجاه رائجًا؟ هل ستجعل مظهر التصميم مؤرخًا؟

بدلاً من اختيار خيارات موقع الويب العصرية الواسعة النطاق ، ضع في اعتبارك عنصرًا عصريًا مثل تلك المذكورة أعلاه. يمكن دمج هذه العناصر في التصميم (ويسهل إزالتها إذا لم تعجبك لاحقًا). الحيله للحفاظ على الاسلوب الحديث في التفاصيل ؛ لا يتطلب تصميم العلامة التجارية الجديدة كل ستة أشهر.

ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي وصلة على تويتر . أحب أن أسمع منك.

تصميم الويب اتجاهات التصميم تصميم عصري تصميم مواقع انترنت تصميم موقع حديث