3 گرایش اساسی طراحی، نوامبر 2024

دیروز

بافت قابل لمس، شبکه‌های متمایز، و طرح‌های دو ستونی برخی از پرطرفدارترین عناصر طراحی وب‌سایت نوامبر 2024 هستند.

باورش سخت است که پایان سال نزدیک است. با این حال، این باعث نمی‌شود که طراحان وب‌سایت از تلاش چیزهای جدید برای جالب نگه داشتن چیزها با شروع پایان سال 2024 جلوگیری کنند.

با توجه به بافت، شبکه‌ها و طرح‌های دو ستونی، روند طراحی وب‌سایت این ماه شامل مواردی است که می‌توانید قبل از پایان سال امتحان کنید.

در اینجا مواردی که در طراحی این ماه ترند شده است:

1. بافت های قابل لمس

زمانی که به دماهای سردتر و پاییز یا زمستان فکر می کنید، اصطلاح دنج اغلب به ذهنتان خطور می کند. فقط کلمه می تواند بافت یک ژاکت یا پتوی عالی را در شما احساس کند.

حالا آن مفهوم را بگیرید و به صورت بصری اعمال کنید. این ایده پشت این روند طراحی با مجموعه ای از تصاویر است که به نظر می رسد می توانید آنها را لمس کنید. فقط دیدن این بافت ها به شما کمک می کند بفهمید که آنها چگونه ممکن است در دنیای واقعی احساس یا تعامل داشته باشند.

محو کردن خطوط بین فضاهای دیجیتال و واقعیت یک موضوع پرطرفدار در تمام سال بوده است و این طرح‌ها این مفهوم را به سطحی واقعا بصری می‌رسانند. (تقریبا می توانستم هر یک از این نمونه ها را احساس کنم.)

چالش این روند طراحی این است که شما باید واقعاً آن را برنامه ریزی کنید. شما به عنصر بصری کامل نیاز دارید – گاهی ثابت، گاهی متحرک. و باید آنقدر واقعی به نظر برسد که بازدیدکنندگان وب سایت فکر کنند می توانند آن را لمس کنند.

این افکت‌ها می‌توانند از عکاسی یا فیلم‌برداری باشند، اما ریشه در ماهیت لمسی اثر هنری و نحوه تعامل آن با سایر عناصر روی صفحه دارند. هر یک از این نمونه ها این کار را به روشی بسیار متفاوت انجام می دهند.

Sales & More از حرکت با بافت برای ایجاد چیزی استفاده می‌کند که کاملاً نمی‌توانید آن را شناسایی کنید، اما هنوز حسی از دست دادن و لمس کردن دارد. تقریباً می‌توانید تصور کنید که توپ‌های کوچک در دستان شما حرکت می‌کنند یا زمانی که از شکل اصلی و اصلی دور می‌شوند، نسیم خفیفی می‌وزد. پس زمینه صاف این طرح را با طرح رنگی کاملاً یکنواخت و تعامل فراوان، چشمگیرتر می کند.

هر کارخانه فونت نفیس از چندین آیتم بافت برای برجسته کردن حروف و ایجاد علاقه بصری استفاده می کند. به دلیل سایه زدن، پس‌زمینه ساده و استفاده غیرمعمول (بافت‌هایی برای حروف)، می‌توانید هر کدام را به راحتی «احساس» کنید. در این طرح از عناصر بافتی مختلف با جزئیات بسیار زیاد در طراحی استفاده شده است.

Moyceram دارای آثار هنری سرامیکی با تصاویری است که ظاهری مایع دارند که تقریباً می توانید احساس کنید. حتی مژه ها و ابروهای رنگ شده روی صورت نیز سبک و قابل لمس به نظر می رسند. اما متمایزترین عنصر ممکن است این باشد که هر دکل خیس به نظر می رسد، به طوری که احساسات هر قطعه خود را نشان می دهد.

2. شبکه های متمایز

چیزهای کمی به اندازه یک شبکه شگفت انگیز برای طراحی وب سایت وجود دارد. یک شبکه، محتوا را منظم، متعادل و از نظر بصری دلپذیر نگه می‌دارد.

در حالی که گریدها عملاً در همه جا وجود دارند، این گرایش شامل دیدن آنها به صورت متمایزتر از استفاده از یک شبکه برای اهداف طراحی است.

این احساس کاملاً ساختار یافته است و به حجم زیادی از محتوا اجازه می دهد بدون احساس درهم ریختگی جایگاه خاص خود را داشته باشند. این طرح ها می توانند شکل های زیادی داشته باشند و تقریباً با هر نوع محتوایی تناسب داشته باشند. بزرگترین محرک نیاز شما به سازماندهی است.

آژانس عشق و پول از یک شبکه تصویر بلوک مربعی ساده برای نمایش کار خود استفاده می کند. بلوک ها عکس ها و تصاویر متحرک را با هم ترکیب و مطابقت می دهند. برخی از بلوک‌ها به کار پیوند دارند و همچنین حالت‌های شناور را نشان می‌دهند. برخی نمی کنند. این شبکه تمیز و آسان است و به لطف انواع محتوا، نوعی احساس ماجراجویی را برای خود ایجاد کنید.

Haydaysss از شبکه‌ای استفاده می‌کند که شبیه یک تقویم است. این تصویری است که اکثر مردم به راحتی آن را درک می کنند. جالب‌تر اینجاست که تنها چیزی است که در صفحه اصلی دریافت می‌کنید. طراحی شبکه برای دسترسی و ورود به محتوا و همچنین ناوبری است. هر بلوک دارای یک انیمیشن شناور ساده است تا به شما در درک تعاملی بودن آن کمک کند، و همچنین حرکتی وجود دارد که هر چند ثانیه یک بار از صفحه عبور می کند تا بازدیدکنندگان را علاقمند نگه دارد.

Alec Tear موضوع جعبه های شبکه ما را با سایت نمونه کار خود دنبال می کند. ظاهر یکنواخت به خودی خود بسیار خیره کننده است، اما با حالت های شناور تمام رنگی که شما را به کارهای مختلف هدایت می کند، جالب تر است. با احساسی تقریباً بی رحمانه، این زیبایی شناسی طراحی به تعادل بخشی از ظرافت کار در آن کمک می کند. پالت مونو همچنین به شما کمک می کند تا روی آنچه در اینجا مهم است تمرکز کنید – حروف، که در این صفحه نمونه کارها به نمایش گذاشته شده است.

3. دو ستون

یکی دیگر از برداشت های استفاده از شبکه ها، قالب دو ستونی است. توجه به این نکته ضروری است که دو ستون به طور خودکار به معنای دو ستون مساوی نیست. (عدم تقارن می تواند نسبتاً خوب باشد.)

هر نمونه از دو ستون برای کمک به سازماندهی محتوا و ارائه بخش‌های متنی قابل مشاهده آسان برای وب‌سایت استفاده می‌کند. خواندن متن با عرض کامل در صفحه‌های دسک‌تاپ معمولاً طاقت‌فرسا است و ستون‌های متعدد را به گزینه‌ای مناسب تبدیل می‌کند. دو ستون همچنین منطق خوبی برای انباشته شدن واکنشگرا در صفحه نمایش های کوچکتر ارائه می دهند.

Vaersagod از دو ستون استفاده می کند که تا حدودی مستقل از یکدیگر هستند. ستون سمت راست دارای کارهای بصری و نمونه هایی برای سایت نمونه کارها است، در حالی که ستون سمت چپ با متن پیمایش می کند. موضوع به صفحات بعدی نیز منتقل می شود، و تقریباً باید کلیک کنید و در اطراف حرکت کنید تا احساس کاملی از نحوه عملکرد آن داشته باشید.

ریچارد جورج از طراحی سنتی تری با دو صفحه استفاده می کند – یکی برای عناصر متنی و دیگری برای تصاویر بصری. دلیلی وجود دارد که این الگوی طراحی هرگز از مد نمی افتد – به زیبایی کار می کند و برای بازدیدکنندگان آسان است تا با آن ارتباط برقرار کنند.

RTRFM به طور کلی از یک شبکه عالی استفاده می کند – برای دیدن کامل آن باید روی آن کلیک کرده و پیمایش کنید – اما کارت های دو ستونی نمونه ای زیبا از نحوه استفاده از دو ستون و در عین حال فوق العاده مد روز هستند. این کارت‌ها با احساس وحشیانه و محتوای فراوان و همچنین عناصر قابل پیوند، بسیار تعاملی هستند و اطلاعات زیادی را به خوبی مدیریت می‌کنند. جلوه های متحرک کوچک به حس کلی می افزاید و این طرح طراحی برای محتوای سایت عالی است.

نتیجه گیری

ترندی که در این مجموعه بیشتر به چشمم می خورد استفاده از بافت است. این طرح‌های تقریباً قابل لمس باعث می‌شوند که بخواهید بیشتر با هم تعامل داشته باشید و به من الهام بخشید تا ویدیو، عکاسی یا تصاویر سه‌بعدی را پیدا کنم که بازدیدکنندگان وب‌سایت فکر می‌کنند می‌توانند احساس کنند.

سایر گرایش‌ها در استفاده از شبکه‌ها و الگوهای متمایز مشابه هستند تا به محتوای وب‌سایت کمک کنند احساس سازمان‌یافته داشته باشند – چیزی که می‌تواند در یک زمان شلوغ از سال با طراوت باشد. اینها گرایش های ساده تر برای مفهوم سازی و استفاده سریع هستند.

مهم نیست که کدام گزینه را بیشتر دوست دارید، از آن لذت ببرید و مطمئن شوید که طرح های خود را آزمایش کنید!