آینده نگری ایتالیایی: حرکتی که همه طراحان می توانند از آن درس بگیرند

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

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

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

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

اتومبیل سرعت (1913) و اتومبیل سرعت بالا به اضافه نور (1913) توسط بالا

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

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

بوکیونی در نقاشی های خود با ارائه الگوهای منحنی موضوعی ، نمایشی خیالی از سوژه های خود ایجاد کرد. جمعیت متضاد است و به زیبایی با خطوط خطی احاطه شده است.

حالتهای ذهن ، کسانی که می مانند (1911) و دولتهای ذهن ، کسانی که می روند (1911) اثر بوچیونی

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

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

قصیده ای برای قرن بیستم ، جلد مجله (1929) ، و نامه آهنگسازی بدون کلمه خطاب به مارینتی (1916) توسط دپرو

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

اسلحه های Gino Severini در عمل ترکیبی از متن ، خطوط و تصاویر برای انتقال صحنه های جنگ است. چشم بینندگان به مرکز "Bboumm" - صدای آشنا در جنگ شنیده می شود. خطوط و منحنی ها حرکت نامنظمی ایجاد می کنند در حالی که کلمات برای پیچیده تر شدن اوضاع قرار می گیرند.

اسلحه در عمل (1915) توسط Severini

جنبش آینده نگر کوتاه مدت بود و در سال 1916 پایان یافت. با این حال ، نفوذ آن بسیار فراتر می رود. در اینجا طراحی پوسترهایی که تحت تأثیر آینده نگری قرار گرفته اند آورده شده است:

Art Deco در نمایشگاه جهانی 1933 و Vorticism در BLAST Wyndham Lewis

در طراحی نمایشگاه جهانی ، ما به وضوح می بینیم که موضوع صنعتی با هواپیماهای پرنده ، شهرها و چراغ های چشمک زن ارائه می شود.

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

می توانید به ما بگویید که آنها چیست؟

جلد Transmetropolitan جلد 2 توسط Darick Robertson؛ جلد مجله شیکاگو

آیا طرح هایی را تحت تأثیر آینده نگری مشاهده کرده اید؟ لطفا به اشتراک بگذارید.

ویژگی های موتور جستجوی گوگل

گوگل در مقایسه با Yandex سرعت نمایه سازی بالاتری دارد ، پیوندهای جدید به معنای واقعی کلمه در عرض چند روز ظاهر می شوند. از یک طرف ، این بسیار خوب است ، اما از سوی دیگر ، مستقیماً با نحوه پیشرفت سایت شما و افزایش سایت های رقبا متناسب است. بنابراین ، امروز شما می توانید در پنج نفر اول و در دو روز در حال حاضر در ده نفر برتر باشید. بنابراین ، هنگام تبلیغ در سیستم Google ، تجزیه و تحلیل و نظارت دقیق تری مورد نیاز است.

هرچه نام دامنه قدیمی تر باشد ، گوگل بیشتر به شما اعتماد خواهد کرد.
Google عاشق سایت های ساختاری است که در آنها برچسب های زیر به درستی نوشته شده است: <H1> ، <H2> ، Html OL یا UL list
و همچنین جداول. و به اطلاعاتی که در ابتدای سایت هستند ، اولویت می دهد تا در انتهای آن.

 

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

برخلاف Yandex ، مناطق هنگام جستجوی کشورها را نشان می دهند. بنابراین ، اگر در حال تبلیغ سایت در شهرهای جداگانه هستید ، باید منطقه ای را در ابزار گوگل وب مستر انتخاب کنید تا به Google کمک کند.
گوگل از پیوندهای ورودی به سایت بسیار بهتر از Yandex ، که در آن عامل رشد پیوند تأثیر کمتری دارد ، تأثیر می گیرد. نکته اصلی این است که در وقایع مستقیم زیاده روی نکنید و از فرمول های کلیدی رقیق تر استفاده نکنید.

[نکاتی برای طراحی سایت شرکتی]

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

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

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

 

ایجاد یک طراحی سایت شرکتی به منظور ایجاد سایتی که به کاربران در یک سایت شرکتی بچسبد و منجر به نتایج شود ، بسیار مهم است.
اول از همه ، بیایید با ارائه چهار طرح زیر ، در حالی که چهار نکته زیر را که باید از آنها آگاهی داشته باشید ، نگه دارید.

با هدف سایت شرکتی مطابقت دهید
با تصویر شرکت مطابقت دهید
متمایز از سایر شرکتها
سازگار با تلفن های هوشمند
من توضیح خواهم داد که چرا هر نکته مثالهای مهم و خاصی است.

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

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

【مثال】

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

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

به عنوان مثال ، در صنعت پوشاک ، تصویر بسته به هدف پوشاکی که با آن سروکار دارید تغییر می کند.

【مثال】

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

بنابراین ، اگر تجارت شما برای زنان خانه دار است ، باید یک تصویر متناسب با تصویر زن خانه دار بسازید.

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

امکان تمایز با محتوای ارسال شده وجود دارد ، اما اگر می خواهید در یک نگاه خود را بیشتر از رقبا متمایز کنید ، به محتوا + α نیاز دارید.
اول از همه ، بیایید وب سایت های شرکتی رقبا را بررسی کنیم و بررسی کنیم که آیا آنها می توانند با موارد زیر + α غیر از محتوا تمایز قائل شوند.

رنگ
چیدمان
عکس
حرکت (جاوا اسکریپت)
ویدئو و غیره

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

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

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

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

 

6 نکته طراحی UI/UX

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

همانطور که استیو جابز یک بار گفت ، "طراحی فقط آنطور که به نظر می رسد و احساس می شود نیست. طرز کار نحوه طراحی است ". طراحی UX/UI (تجربه کاربری و رابط کاربری) شما باید به خوبی کار کند. با این وجود هنوز وب سایت هایی وجود دارند که به خوبی طراحی نشده اند و بنابراین به خوبی تبدیل نمی شوند. ما به شما نکاتی می دهیم!

 

تجزیه و تحلیل
این بسیار واضح به نظر می رسد ، اما تنها در صورتی می توانید یک طرح خوب ایجاد کنید که مشتری خود را به خوبی بشناسید. شروع به تحلیل مشتری خود کنید. بدانید که به چه دلیلی به وب سایت شما می آیند و مطابق آن عمل می کنند. به وب سایت های رقابتی نگاه کنید تا ببینید چگونه با رفتار کاربران برخورد می کنند ، اما به وب سایت های شرکت های دیگر صنایع نیز نگاه کنید. در Klik & Steen ما از روش MBTI (ساده شده) برای تجزیه و تحلیل مشتریان استفاده می کنیم.

این روش 4 ترجیح تصمیم افراد را توصیف می کند: بازدید کننده رقابتی ، بازدید کننده خودجوش ، بازدیدکننده روشمند و بازدید کننده انسان دوست. عناصر همه این 4 ترجیح تصمیم باید در وب سایت یا فروشگاه اینترنتی شما (در واقع در همه صفحات شما) ظاهر شود. البته ممکن است بر اولویت تصمیم گیری در وب سایت یا صفحات خاصی از وب سایت خود تأکید کنید.

چند نکته دیگر که می خواهیم با شما به اشتراک بگذاریم تا بتوانید طراحی UX/UI خود را بهبود بخشید:

طراحی رابط کاربری موبایل
البته طراحی برای موبایل داستانی متفاوت از طراحی برای دسکتاپ دارد. در جایی که با ماوس روی دسکتاپ حرکت می کنید ، این کار را روی موبایل با انگشتان خود انجام دهید. این کار فشار دکمه ها را دشوارتر می کند. به هر حال اندازه دکمه های خود را 7 تا 10 میلی متر تنظیم کنید تا کاربر فضای کافی برای "کلیک" داشته باشد. همچنین مطمئن شوید که فیلدهای ورودی شما بزرگتر از دسکتاپ هستند. مجبور به بزرگنمایی قبل از خواندن آنچه در یک زمینه است می توانید دلیلی برای ترک بازدیدکنندگان باشید.

هنگامی که یک دکمه یک فراخوان اصلی (CTA) است ، آن را بزرگتر و قابل مشاهده تر از بقیه دکمه ها کنید. همچنین وقتی کاربران روی دکمه ای "کلیک" می کنند ، نظرات آنها را در مورد تلفن همراه اعلام کنید. می توانید به بازدیدکنندگان خود نشان دهید که روی این مورد کلیک کرده اند ، به عنوان مثال ، پس از "کلیک" ، دکمه را تیره کنید. این باعث می شود دکمه بیشتر شبیه یک شی سه بعدی باشد. یک وب سایت دیگر نمی تواند پاسخگو نباشد! این برای هر وب سایت یا فروشگاه اینترنتی ضروری است!

رنگها
با استفاده از رنگ می توانید بازدیدکنندگان را به وب سایت یا فروشگاه اینترنتی خود ارسال کنید. به عنوان مثال ، رنگ های گرم ، مانند قرمز و نارنجی ، توجه بیشتری را نسبت به رنگ های سردتر ، مانند آبی و سبز ، به خود جلب می کنند. این امر به ویژه برای اطلاع از زمانی که می خواهید CTA خود را با رنگ ها آزمایش کنید مفید است.

همچنین به شما امکان می دهد اقدامات اولیه را از اقدامات ثانویه تشخیص دهید. دکمه های اصلی از رنگ "حال" بیشتری نسبت به عملکردهای ثانویه ساخته شده اند. دستورالعمل های خاصی توسط W3C (کنسرسیوم شبکه جهانی وب) در مورد تضاد رنگ برای وب سایت ها وجود دارد. نسبت کنتراست برای نمایش بصری متن در وب سایت 4.5: 1 است. این بدان معناست که بین روشن ترین و تیره ترین رنگ باید 4.5 سایه وجود داشته باشد.

برای متنی بزرگتر از 18 نقطه یا 14 نقطه پررنگ ، این نسبت کنتراست 3: 1 است. برای انتقال اطلاعات می توانید از رنگ ها استفاده کنید. یک دکمه سبز با کلمه "توقف" منطقی نیست و به احتمال زیاد فقط باعث سردرگمی بازدیدکنندگان می شود. یک دکمه قرمز با کلمه "توقف" ، از سوی دیگر ، یک انتخاب منطقی است و باعث می شود پیام شما به وضوح ظاهر شود.

نوع قلم
از فونت "استاندارد" استفاده کنید که خواندن آن آسان است. تا جایی که امکان دارد از متن "واقعی" استفاده کنید. متن موجود در تصاویر توسط ربات ها (که برای سئوی شما بسیار مهم است!) خوانده نمی شود و همچنین آنها از طریق سینتی سایزرهای صوتی به صدا تبدیل نمی شوند. مورد دوم اغلب توسط افرادی که نابینا یا کم بینا هستند استفاده می شود. تصاویر برای آنها خوانده می شود.

مهم است که متن شما به اندازه کافی بزرگ باشد تا افراد مجبور نباشند برای خواندن متن شما بزرگنمایی کنند. برای تلفن همراه توصیه می شود که بیش از 30 تا 40 نویسه در هر خط نداشته باشد. برای دسکتاپ ، این 60 تا 75 نویسه است. وقتی به این موضوع پایبند هستید ، وب سایت یا فروشگاه اینترنتی خود را واضح و خوانا نگه می دارید.

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

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

برای آزمایش
همانطور که در وبلاگ های قبلی ذکر شد: وب سایت یا فروشگاه اینترنتی خود را آزمایش کنید! نکات ارائه شده در این وبلاگ به وب سایت یا فروشگاه اینترنتی شما در جهت درست کمک می کند ، اما به ویژه آزمایش کنید که آیا این تغییرات برای وب سایت یا فروشگاه اینترنتی شما نیز کار می کند یا خیر. خودتان این کار را نکنید ، اما به کاربران واقعی اجازه دهید وب سایت شما را آزمایش کنند تا شما نیز نتایج واقعی داشته باشید.

از ابزارهای مختلف برای آزمایش استفاده کنید ، مانند آزمایش A/B Google ، اما ابزاری مانند Hotjar نیز برای مشاهده نحوه استفاده بازدید کنندگان از وب سایت یا فروشگاه اینترنتی شما بسیار مفید است. بنابراین مطمئن شوید که وب سایت یا فروشگاه اینترنتی شما واکنش گرا است ، از رنگ های شما به خوبی استفاده شده و متن های خود را به اندازه کافی بزرگ کرده اید. ارائه "آسان"وب سایت یا فروشگاه اینترنتی ke 'و به تجزیه و تحلیل ادامه دهید!