5 آذر 1402

3 مورد اساسی طراحی سایت، آگوست 2023

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

1 . گرد، عناصر متن متحرک

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

قرار است با این محتوای چرخان چه کار کنید؟ کلیک؟ فقط نگاهش کن؟

استفاده ممکن است با توجه به طراحی بسیار متفاوت باشد، اما یک چیز مسلم است. توجه شما را به خود جلب می کند و به نظر می رسد طراحان در حال حاضر این تکنیک را دوست دارند.

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

در اینجا سه ​​نمونه وجود دارد که این کار را به روش های مشابه اما متفاوت انجام می دهند.

سیزده 23 از یک عنصر متنی چرخان بزرگ روی عنوان اصلی برای جلب توجه استفاده می کند. حرکت در واقع بین جهت عقربه‌های ساعت و خلاف جهت عقربه‌های ساعت با حرکت ماوس تغییر می‌کند.

سیزده 23

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

گلابی

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

دانیلو دیمارکو

2 . درمان های تصویری به سبک کلاژ

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

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

Tora این کار را با دو ردیف تصویر انجام می دهد که به آرامی در جهت مخالف حرکت می کنند تا احساسی نسبت به رستوران داشته باشید. این کولاژ از یک شبکه محکم و سازمان یافته با احساس بسیار برنامه ریزی شده استفاده می کند.

تورا

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

لیسنیاکک

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

کیهان

3 . درمان های متنی عظیم

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

وجه مشترک این است که هر یک از این طرح ها از یک کلمه بزرگ و واحد به عنوان عنصر اصلی هنری و همچنین نام تجاری استفاده می کنند. هر مثال همچنین از ​” کلمه بزرگ” به روشی متفاوت استفاده می کند تا کاربران را به طور منحصر به فرد جذب کند.

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

زجنو

Boldly Foods از حروف غول‌پیکر روی یک پس‌زمینه روشن به‌عنوان صفحه بار استفاده می‌کند، در حالی که بقیه طرح وارد می‌شود. (سپس تصاویر بزرگی را در یک نوار لغزنده، با یک عنصر بزرگ ​”Boldly” نشان می‌دهد.)

غذاهای جسورانه

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

کنراد

نتیجه

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