اتجاهات التصميم الأساسية ، أبريل 2016
تصميم الموقع بالتأكيد تبدو سعيدة في هذه الأيام. ربما لأن الربيع في الهواء أو ربما يكون هناك فيبي جيد. في كلتا الحالتين ، تعكس اتجاهات تصميم موقع الويب هذا الشهر هذا الشعور التصاعدي ، مع الرسوم التوضيحية الرائعة على غرار الرمز ، والتصوير الفوتوغرافي الكبير وخيارات الألوان الزاهية.
في ما يلي الاتجاهات الشائعة في هذا الشهر:
1) الرسوم التوضيحية على غرار الرمز
من الصعب عدم حب التوضيح العظيم. بعض من أفضل الرسوم التوضيحية التي نراها الآن لديها شعور أكثر من الأيقونة لهم. يأتي مع عدد قليل من الخصائص الرئيسية:
- عناصر مسطحة ومبسطة (لاحظ كيف يتم دمج كل الرسوم التوضيحية الصغيرة في موقع استوديو Confederation Studio)
- لون مشرق أو تلوين بسيط يضم ألوانًا أولية
- الأشكال الهندسية مع غرض تفاعلي
- عناصر مع شكل ومظهر الرمز ، ناقص الحاوية ، بحيث تراه بشكل مرئي على هيئة رسم وليس زرًا
- آثار توضيحية مرسومة باليد
- عناصر تشبه الرموز ، ولكنها تشغل مساحة أكبر على اللوحة من أيقونة
- رسومات بسيطة على غرار الخطوط (مثل أسلوب رسم أفضل 2016)
ما يميز هذا الاتجاه هو أنه يعمل على دمج عنصر النزوة في مشروع تصميمي دون الشعور بأغلبية ساحقة. يخلق توازنا لطيفا من المصنوعات اليدوية والمهنية. كما أنها تأخذ شعورًا ذكوريًا إلى حد ما أكثر من العديد من الاتجاهات الأخرى التي تركز على النزوة ، مثل الألوان المائية أو حروف النص المرسومة باليد.
حتى لو لم تكن رسماً ، فهذا اتجاه يمكنك الاستفادة منه. هناك الكثير من البائعين - مدفوعين ومجانين - يقومون بإنشاء مجموعات الرموز المستندة إلى المتجهات. ابحث عن مجموعة تحتوي على جميع ملفات الأشكال الفعلية حتى تتمكن من قطع الأجزاء ، وتغيير الألوان وأجزاء المزيج والمطابقة لإنشاء رسم بياني مصور كبير الحجم لمشاريعك.
2. أكبر من تصوير الحياة
صورة أو صورة جريئة كبيرة تجعل الانطباع الأول مذهلاً. هذا هو السبب في أن العديد من المصممين يختارون صورًا أكبر من ثم الحياة لجذب المستخدمين إلى تصاميم مواقع الويب الخاصة بهم. قد يكون عنصر التصميم هذا مثيرًا للدهشة ومثيرًا للاهتمام وسيكون بديلاً رائعًا إذا كان لديك صورة واحدة أو اثنتين عظيمتين ، ولكن ليس مكتبة كبيرة للعمل بها.
ولكن عليك أن تشعر بعدم الارتياح للوصول إلى هناك.
لتحقيق أقصى استفادة من اتجاه التصوير الفوتوغرافي الأكبر من الحياة ، يجب أن تكون مستعدًا للقيام بأحد الأمور الثلاثة مع التصميم:
- اقتصاص صورة بشكل محكم لدرجة أنها تستهلك جزءًا كبيرًا من الشاشة ، بحيث يتم تصغير الصورة إلى نسبة أكبر من الواقع
- يمكنك التكبير إلى مستوى غير مريح تقريبًا مع صور الأشخاص والوجوه لعرض كل التفاصيل
- قم برسم صورة قياسية ولكن أضف عنصرًا مختلفًا أو مثيرًا بطريقة غير متوقعة
كل هذه التقنيات الثلاثة قد تكون غير مريحة في البداية. يمكن أن تجعلك المحاصيل الشديدة ، والوجوه الغليظة والوجوه الشاذة بعض القلق في البداية. اقترب البصرية لهذا النوع من التصميم بطريقة مختلفة قليلا. ابدأ بأكبر أو خيار غريب. ثم التراجع بزيادات صغيرة وتقييم ما تشعر به تجاه الصورة. من المحتمل أن ينتهي بك الأمر إلى أحد الخيارات السابقة.
من خلال اتباع هذه الطريقة ، فإنك تسمح لنفسك بمشاهدة التصميم والتصوير بطريقة مختلفة. هذا ما يجعل هذا الاتجاه مدهشًا جدًا - الصور مختلفة. تجذب المستخدمين نظرًا لأن الأشكال والمحاصيل والأنماط العامة تختلف تمامًا عن معظم المواقع التي يستضيفها المستخدم يوميًا.
3. خيارات الألوان الزاهية
لون مشرق ، جريئة في. وقد أثر هذا الاتجاه في تصميم المواد. على الرغم من أن المادة هي أسلوب تصميم قائم على التفاعل ، إلا أن بعض المكونات البصرية تكتسب زخماً من تلقاء نفسها. هذا ينطبق على اللون على وجه الخصوص.
لماذا تستخدم لوحة الألوان ذات النمط المادي إذا لم يكن باقي التصميم من المواد؟ إنها طريقة بسيطة لإضافة عنصر عصري إلى مشروع بدون إعادة تصميم شاملة. يمكنك إضافة لون زاهي تقريبًا وترك باقي التصميم بمفرده مع بعض التعديلات على CSS أو الصور.
ما هو لون المادة؟ لا يوجد تعريف مثالي ، ولكن إليك طريقة وصف Google له: "الألوان في التصميم المادي مستوحاة من الأشكال الجريئة التي تتماشى مع البيئات الباهتة والظلال العميقة واللمسات البارزة الساطعة. تأخذ المواد إشارات من العمارة المعاصرة وعلامات الطريق وشريط علامات الرصيف والملاعب الرياضية. يجب أن يكون اللون غير متوقع وحيوي. "- https://www.google.com/design/spec/style/color.html
إذا كنت مهتمًا بإنشاء لوحة ألوان تعتمد على المواد وتحتاج إلى مكان بدء ، فجرّب لوحة الألوان. http://www.materialpalette.com/
خيارات الألوان الجريئة جميلة وتبرز في مواجهة العديد من المشاريع الأكثر هدوءًا والتي تحظى بشعبية كبيرة. تشتهر موسيقى البلوز الزرقاء والخضراء والأصفر بشكل خاص باللهجات في لوحة الألوان. يبدو أن هذا الاتجاه يركز على لمسات من لون المادة ، وليس لوحات الألوان كاملة النطاق.
بالنسبة للمشروع الذي يبهر حقا ، فإنه يأخذ أكثر من مجرد لون مشرق. يجب أن يكون مزاج المشروع مشرق بنفس القدر.
- لاحظ كيف تتقاطع Lefty باللون الأخضر الفاتح مع صور الأشخاص السعداء والمبتسرين لخلق جو إيجابي ساحق.
- يستخدم BNP Paribas لونًا أخضرًا مشرقًا ليجلب المستخدمين إلى واجهة على نمط اللعبة تم تعيينها على خلفية داكنة.
- يستخدم Big Drop اللون الأصفر الغامق (والأزرق والأحمر والأخضر في التمرير) مع الصور الخفيفة ومحرفًا ممتعًا لجذب المستخدمين ، مما يجعل موقع النشاط التجاري يبدو أقل رسمية.
لا تكمن الخدعة في إضافة تلميحات من الألوان المستوحاة من التصميم متعدد الأبعاد في فقدان علامتك التجارية. لا تُعد لوحة الألوان بأكملها بناءً على الاتجاه ؛ بدلاً من العثور على طريقة لدمج الألوان الزاهية دون إغراق التصميم. استخدامات المثال هي طرق رائعة للتفكير في ذلك - استخدم شكلًا ملونًا بسيطًا كعنصر مرئي ، وجرّب عنوانًا بلونين جريئًا أو استخدم لوحات زاهية الألوان لإنشاء تجربة تفاعلية أكثر غامرة للمستخدمين أثناء التمرير لأسفل الصفحة.
استنتاج
من الرائع أن تجعلك بعض الاتجاهات سعيدة. هذا ما تفعله هذه المجموعة بالألوان وباختيارات الكتابة والصور. ربما ليس فقط تأثير الربيع وسنستمر في رؤية هذه العناصر بمزيد من التصاميم في الأشهر القادمة.
ما هي الاتجاهات التي تحبينها (أو تكرهها) في الوقت الحالي؟ أنا أحب أن أرى بعض المواقع التي فتنت بها. مراسلتي وصلة على تويتر . أحب أن أسمع منك.