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