3 گرایش اساسی طراحی، اکتبر 2024

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

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

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

1. صفحات اصلی با تاکید بر تایپوگرافی

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

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

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

Stellare از نام تجاری خود با فناوری انیمیشن رنگی/پس زمینه و جناس های هوشمندانه استفاده می کند تا فوراً توجه شما را جلب کند. (آیا این تکنیک برای شما مفید بود؟ باعث شد من لبخند بزنم.) تا حدودی کار می کند زیرا طراحی بسیار ساده است. برای درک متن، لازم نیست بدانید چه ویدیویی در پس زمینه است. خواندن همه چیز با انتخاب متن ساده و تمرکز زیاد روی یک کلمه کلیدی آسان است.

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

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

2. عناصر تو در تو

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

از طرفی وقتی این تکنیک به خوبی کار می کند، می تواند تاثیر بسیار خوبی داشته باشد.

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

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

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

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

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

3. راه های نشان دادن هوش مصنوعی

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

تمرکز بر روی نحوه نشان دادن دوباره هوش مصنوعی با چیزهایی است که به نظر می رسد نوعی فناوری پیشرفته است، اما بر روی "چهره" دادن به فناوری متمرکز نیست.

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

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

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

نتیجه گیری

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

این یک مفهوم دشوار است، اما فکر کردن خارج از چارچوب کمک می کند. فکر می کنید خودتان می توانید راه جالبی برای نشان دادن این موضوع پیدا کنید یا از مفهومی که در جای دیگری دیده اید وام می گیرید. این غذای عالی برای فکر کردن است... و بهتر است قبل از اینکه یکی از این پروژه ها به سراغتان بیاید به آن فکر کنید.