نقش تصویرسازی در طراحی وب سایتهای مدرن
طراحی وبسایت از جذابترین و محبوبترین شاخههای طراحی است که سبکها و ترفندهای جدیدی به طور پیوسته وارد آن میشود. بنابراین اگر به این شاخه از طراحی علاقه دارید، بهتر است با سبکها و یا تکنیکهای جدیدی که میتوانند طراحی شما را ارتقا دهند، آشنا باشید. به همین منظور در این مطلب از خانۀ فتوشاپ میخواهیم دربارۀ طراحی وبسایتهای مدرن و تلفیق طراحی وب با تصویرسازی صحبت کنیم. همراه ما باشید.
در این صفحه میخوانید:
تأثیرات روانشناسی هنر و تصویرسازی
میتوان گفت از زمانی که انسانهای اولیه شروع به خواندن و نوشتن کردند، هنر شکل گرفت. در واقع اولین آثار هنری شناختهشده، نقاشیهایی است که توسط غارنشینان سراسر اسپانیا و فرانسه خلق شده و بیشتر شامل طراحی حیواناتی است که آنها را شکار میکردند.
از آنجایی که انسان از ابتدا از مشاهدۀ هنر لذت میبُرد، رفته رفته با پیشرفت علم، تحقیقات وسیعی در زمینۀ تأثیرات هنر روی انسان شکل گرفت. در واقع انسانهای مدرن به نقاشی و تصویرسازی، به عنوان یک تجربه زیباییشناسی نگاه میکنند. مطالعات نشان میدهد که دیدن تصاویری که از نظر ما زیبا هستند، باعث بهبود یادگیری، کاهش سطح استرس و یادآوری خاطرات خوب میشوند. حتی به لطف خواص درمانی هنر، از این فرصت گاهی به عنوان بخشی از روند درمانی مسائل روحی و جسمی استفاده میشود.
جالب است بدانید که از لحاظ علمی نگاه کردن به آثار هنری، به طور مستقیم بر قسمتهای خاصی از مغز تأثیر میگذارد. بنابراین از این حقایق علمی میتوان نتیجه گرفت که استفاده از هنر و تصویرسازی در طراحی وبسایتهای مدرن، میتواند بر تجربۀ کاربر از وبسایت تأثیر بسیار مثبتی داشته باشد.
سیر تحول استفاده از تصویرسازی در وبسایت
در اوایل ورود اینترنت به زندگی افراد جامعه، آثار هنری و تصویرسازی تبدیل به بخشی جداییناپذیر از طراحی وب شدند. بیشتر این تصاویر یا توسط خود صاحبان سایت طراحی میشد و یا توسط طراحان دیگری برای آن سایت به طور اختصاصی خلق میشد و معمولاً به منظور شخصیتپردازی، در صفحۀ اول وبسایت طراحی میشد. اما طبیعتاً سبک طراحی تصویرسازیها و به کارگیری آنها، با طراحی وبسایتهای مدرن در حال حاضر تفاوتهای زیادی داشته است.
در اواخر دهۀ ۱۹۹۰ طراحان وب متوجه شدند که در طراحیهای خود باید بیشتر روی هدف قرار دادن مخاطب و معرفی کسب و کار تمرکز کنند. در واقع این این نقطۀ آغازین تلاقی هنر و طراحی وبسایت بود. از همان زمان کم کم اصطلاحاتی مثل “معماری اطلاعات” و “تست قابلیت استفاده” بین طراحان وب شکل گرفت و بحث طراحی وب و همینطور ادغام هنر و طراحی وب جدیتر از قبل شد. به علاوه ابزارهای طراحی وب مثل برنامۀ ادوبی XD رواج یافتند (اگر مایلید بر نرمافزار ادوبی XD که یکی از ابزار اساسی برای طراحی وب است تسلط پیدا کنید، میتوانید از دوره آموزش طراحی رابط کاربری با XD استفاده کنید).
میتوان گفت تقریباً طی سالهای اخیر طراحان وب به ارزش واقعی استفاده از هنر در پیادهسازی ایدههایشان در طراحی وب پی بردهاند. در حال حاضر خیلی از طراحان تجربۀ کاربری معتقدند که مباحث روانشناختی که عمیقاً تحت تأثیر هنر قرار دارند، باید در مراحل طراحی وب مورد توجه قرار گیرند. در نتیجه اکنون شاهد تحول در استفاده از آثار هنری و تصویرسازی در طراحی وبسایتهای مدرن هستیم.
۳ دلیل برای استفاده از تصویرسازی در طراحی وبسایتهای مدرن
در حال حاضر این واقعیت تقریباً دیگر بر کسی پوشیده نیست که استفاده از تصویرسازی در وبسایت (البته به شکل درست آن)، باعث رضایت بیشتر کاربر و نهایتاً محبوبیت بیشتر وبسایت برای مخاطبان میشود. اما در این قسمت به ۳ دلیل اساسی برای استفاده از تصویرسازی در طراحی وبسایتهای مدرن اشاره میکنیم:
۱/ برجسته و متمایز کردن یک وبسایت: در حال حاضر طراحی مینیمالیستی یکی از رایجترین سبکها در طراحی وب است. که این میتواند باعث شبیه بودن خیلی از وبسایتها باشد. بنابراین با تصویرسازی منحصربهفرد خود میتوانید ظاهر خاص خود را برای یک وبسایت بسازید.
۲/ برقراری ارتباط عاطفی با مخاطب: استفاده از تصویرسازیهای فکر شده در صفحات وب، باعث برقراری ارتباط عاطفی با مخاطب و ایجاد احساسات مختلف (مثل لبخند، شادی و .. ) در او میشود.
۳/ برای روایت یک داستان: به قول معروف: “یک عکس، هزار کلمه است”. مخاطبان همیشه با عناصر بصری ارتباط بهتری برقرار میکنند. بنابراین برای گفتن داستان برند خود میتوانید از تصویرسازیهای یکپارچه استفاده کنید تا مخاطب را با خود همراه کنید.
۴ روش برای استفاده از تصویرسازی در طراحی وبسایتهای مدرن
حالا شاید بپرسید که چگونه میتوانیم تصویرسازی را در طراحی وب بگنجانیم؟ در ادامه به ۴ جایگاه در وبسایت که میتوانید در آنها از تصویرسازی استفاده کنید اشاره میکنیم.
لوگو
هدف اصلی لوگو، انعکاس هویت برند است. از طرفی لوگو یکی از بهترین مکانها برای وارد کردن تصویرسازی در طراحی وبسایتهای مدرن است. پس میتوانید در لوگوی خود فقط برای زیبایی و یا به طور مناسبتی از تصویرسازی استفاده کنید. برای مثال اگر نزدیک عید نوروز هستید، لوگوی خود را با تصویرسازیهای مربوط به عید همراه کنید. این همان کاری است که کمپانی گوگل در مناسبتهای مختلف از جشنهای ملی گرفته تا رویدادهای ورزشی و حمایت از اهداف خیرخوانه در لوگوی صفحۀ اصلی خود (Google doodles) از طراحیهای منحصر به فرد خود استفاده میکند. حتی بعضی از عناصر به گونهای هستند که کاربر میتواند با آنها بازی کند.
لندینگ پیج
لندینگپیج یا صفحۀ فرود، صفحهای است که برای یک اطلاعرسانی با تبلیغات خاص طراحی میشود و معمولاً شامل عناصر محدودی مثل یک عنوان، متن کوتاه و گزینۀ ورود به یک بخش خاص است. این صفحات نیز مکان بسار مناسبی برای استفاده از تصویرسازی است. به خصوص اگر در تصویرتان از متن جایگزین (Alt text) استفاده کنید، سئوی سایت نیز بهبود پیدا خواهد کرد.
صفحۀ Error 404
وارد شدن به یک لینک و مواجهه با ارور، برای هیچ کاربری خوشایند نیست. حتی گاهی کاربر در برخورد با چنین صفحهای به طور کلی قید بازدید از آن وبسایت را میزند. با این حال وجود این صفحات (به دلیل حذف بعضی از صفحهها) اجتنابناپذیر است. پس چرا با افزودن یک تصویرسازی به صفحۀ ارور ۴۰۴ علاوه بر جلب توجه کاربر و افزایش آمار بازدید سایت، هویت تجاری وبسایت را تقویت نکنیم؟
معرفی کسب و کار در طراحی وبسایتهای مدرن
استفاده از روشهای خلاقانه برای معرفی، فقط مختص مشاغلی مثل طراحی گرافیک یا باقی کارهای هنری نیست! بلکه هر کسب و کاری میتواند خودش را به روشی خلاقانه معرفی کند. بنابراین یکی دیگر از بهترین قمستها در طراحی وبسایتهای مدرن که میتوانید در آن از تصویرسازی استفاده کنید، قسمت معرفی کسب و کار در وبسایت است. برای مثال در تصویرسازی زیر برای معرفی وبسایت، مخاطب متوجه میشود که این کسب و کار قرار است خیلی از نیازهای مختلف را رفع کند. طبیعتاً این تصویرسازی بیشتر از متن در ذهن مخاطب نقش خواهد بست.
امیدواریم این مطلب شما را برای استفاده از تصویرسازی در طراحی وبسایتهای مدرن ترغیب کرده باشد و باعث شده باشد که ایدههای جدید و بکری به ذهنتان خطور کند. لازم به ذکر است که برای شروع طراحی وبسایت و یا تقویت مهارتهایتان میتوانید از آموزشهای طراحی وب خانۀ فتوشاپ استفاده کنید.
درباره ریحانه نصیری
توی دانشگاه آیتی خوندم و به فضای وب و گرافیک خیلی علاقه دارم. به نظرم دنیای وب و گرافیک بیانتهاست و من تلاش میکنم سهمی توی نشون دادن بخشی از اون به شما داشتهباشم.
نوشته های بیشتر از ریحانه نصیری
دیدگاهتان را بنویسید