سیاوش رستمی
سیاوش رستمی
خواندن ۶ دقیقه·۴ سال پیش

طراحی سایت جذاب چه راهکاری دارد؟

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

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

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

باید این رو بدونید که وب سایت چی هست و به چه دردی می خوره؟

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

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

خوب حالا یک وب سایت چه ویژگی هایی داره؟

همونطوری که همه ما اسم داریم، یک وب سایت هم دارای اسم و مشخصات هستش، همیشه عادت دارم که با مثال های کاملا آسون و راحت توضیح بدم.

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

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

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

چرا باید هر وب سایت اسم داشته باشه؟

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

طراحی سایت کاربر پسند
طراحی سایت کاربر پسند

رنگ شناسی در طراحی سایت

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

منظورم اینه فرض کن برای اینکه یک خونه داشته باشی، آجرارو میچینی رو هم یا اول از همه به یه نقشه احتیاج داری؟

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

منظورم از نقشه خوب چیه؟ یعنی اینکه قبل از خلق یک اثر به دو تا نکته توجه کنیم :

1- این اثر رو برای چه چیزی یا چه کسی خلق می کنیم؟

2- این اثر رو برای چه هدفی خلق می کنیم؟

منظور سوال اولم اینه که اگر سایتی رو طراحی می کنیم باید بدونیم که این سایت برای شخص طراحی میشه یا برای شرکت. اگه این رو دونستیم باز این سوال رو باید بپرسیم :

این اثر رو برای چه شخصی یا چه شرکتی خلق می کنیم؟

منظور از این سوال اینه که اون شخص یا شرکت چه شغلی دارن و قرار چکاری با اون وب سایت انجام بشه؟

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

طراحی سایت گرافیکی
طراحی سایت گرافیکی

اما مسئله اینجاست که چطوری می تونیم رنگ مورد نظر رو انخاب کنیم؟

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

یه نکته بسیار مهم رو که باید بدونید اینه که:

در طراحی سایت از چند رنگ استفاده کنیم؟

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

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

منظورم از پالت رنگی بسته های رنگی هستن یا همون رنگ های مکمل که در کنار هم زیبایی خاصی رو ایجاد می کنن.

یکی از وب سایت هایی که این پالت های رنگی رو ارائه میده وب سایت colorhunt که من همیشه ازش استفاده می کنم.

پیشنهاد می کنم شما هم ازش استفاده کنید، سایت عالی در این زمینه هستش.

استفاده از تصاویر جذاب و گرافیکی در طراحی سایت

من خودم همیشه از وب سایت های گرافیکی بیشتر خوشم میاد، برای همین بیشتر طرح هام البته قدیم، الان وقت طراحی ندارم :)) گرافیکی بود.

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

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

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

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

از ترکیب این دو استفاده کنین تا متحیر بشین.

تصاویر گرافیکی رو برای وب سایت از کجا پیدا کنیم؟

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

البته متاسفانه این وب سایت هم مثل خیلی از سایتای دیگه برای ما ایرانیا بسته شده و باید زحمت بکیشید با فیلتر شکن برید داخلش :(

استفاده از CSS و CSS Animation

اگه طراح سایت هستید باید از تاثیر CSS روی زیبایی و جذاب شدن سایتتون اطلاع داشته باشید، برای اون دسته از عزیزانی که نمی دونن css چی هست؟

در حقیقت css یک زبان برنامه و کدنویسی هست که در ارتباط با html که اون هم زبان برنامه نویسی واسه ساخت یک وب سایت هستش.

توضیحات کامل رو درباره CSS و HTML تو پست های بعدی میدم خدمتتون.

ولی همین قدر بدونیم که html یک ساختمان بدون رنگ و خام هستش و CSS به اون ساختمان رنگ، شکل و زیبایی میده.

البته تو سایت w3schools هم می تونید در خصوص css مطالبی رو بخونید، اگه انگلیسیتون خوبه.

استفاده از Java Script برای خلق ویژگی

یکی دیگه از ویژگی های یک سایت جذاب استفاده از javascript هستش.

البته باید بدانید که javascript چیست و چه خصوصیاتی دارد؟

برای این که این مطلب رو بدونیم باید اطلاعات کاملی در خصوص طراحی سایت داشته باشیم، یعنی با طراحی یک سایت آشنایی داشته باشیم، javascript هم از آن دسته از زبان های برنامه نویسی تحت وب هستش که در تعامل با html و css فعالیت میکنه.

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

البته باید بگم که کلی مطلب هست که برای یک وب سایت جذاب باید بدونیم که من چندتا دونه از مهمترین هاشو براتون نام بردم امیدوارم که لذت برده باشید.

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

نظرات خودتون رو با من در میان بگذارید، و بگید که چه وب سایتی بیشتر جذابیت داره؟

گرافیک محور یا واقع گرا ؟!


طراحی سایت جذابآموزش طراحی سایتطراحی سایت کاربر پسندآموزش طراحی وب سایتطراحی سایت
سیاوش رستمی هستم مدیر سایت وب داران https://webdaran.com / آموزش هایی درباره تولید محتوا + سئو + طراحی سایت + بازاریابی شبکه های اجتماعی / یاد بگیر + اجرا کن + در آمد داشته باش
شاید از این پست‌ها خوشتان بیاید