آموزش طراحی سایت 6 قدم مقدماتی

آموزش طراحی سایت 6 قدم مقدماتی

در این مقاله تکنیکی کلی رو در قالب ۶ قدم ارائه می کنیم که میتواند زمان طراحی یک وب سایت باکیفیت را بالا ببرد و محصول نهایی را تبدیل به محصول مورد انتظار مشتری کند.

قدم اول:دزدی

بله اشتباه نخوندید>نوشتم دزدی.

خیلی از ما مخصوصا زمانی که قصد داریم سایتی را برای خودمان طراحی کنیم دنبال یک ایده ی ناب هستیم و فکر می کنیم که تمام ایده های پول ساز رو قبلا گرفته اند و …

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

گوگل خیلی بعدتر از یاهو و آلتاویستا شروع به دادن خدمات جستجو کرده است اما…!

اگر به 10 نفر بگویم که یک نقاشی درباره ی موضوعی واحد بکشند آیا واقعا نتیجه ی کارشان شبیه هم هست؟

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

قدم دوم:پیش فرض

این نکته رو به یاد داشته باشید که مشتری با دیدن یک سایت زیبا و کاربردی راضی نمیشود! بلکه با دیدن سایتی که شبیه پیش فرض خودش هست راضی می شود.

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

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

حتما بخوانید  ایجاد سیستم پرسش و پاسخ وردپرس HTML5 Responsive FAQ

در این صورت زمان تحویل پروژه وقت خیلی کمتری را برای تصحیح کار صرف می کنید.

قدم سوم: ابزار

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

حالا چه ابزار (یا بهتره بگیم سایت هایی) برای یه طراح کاربردیه.خب از یه لیست مشخص مثل دراپ باکس,گوگل وبمستر و ..کمی دور میشم و چند تا سایت نمونه رو میگم.

placeit.net : در این سایت می توانید نمایش سایت خود را روی انواع دستگاه ها ببینید تا مطمئن بشید که کیفیت کار برای همه خوبه.

FONT AWESOME:مجموعه ای از ایکون های مقیاس پذیر رو به ما میده.

قدم چهارم:طراحی یا تغییر مسئله این است

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

در یک کلام راه اول بسیار بهتره یعنی پوسته ای رو خریداری(یا دانلود)کنیم و بعد اون رو نسبت به چیزی که ما می خواهیم تغییر بدیم.

با این کار چندین قدم جلوتر هستیم و در ضمن وجود پشتیبانی و انجمن مربوط به اون پوسته هم قابل چشم پوشی نیست.

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

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

حتما بخوانید  فیلم آموزش استفاده از افزونه ubermenu مرورگر و نوار منو

قدم پنجم:استفاده از افزونه ها

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

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

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

قدم ششم:کمک به ایجاد محتوا

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

اما نمی دونند با این کار آینده شغلی خودشون رو به خطر می اندازند.

فرض کنید من مشتری شمام اگه سایتی که طراحی کردید برای من در نهایت به یه سایت موفق تبدیل نشه دیگه قید سایت داشتن رو میزنم یا حداقل دیگه قید کار با شما رو میزنم اما اگه برعکس سایت من به نتیجه برسه…!

به مشتری کمک کنید که از سایت درست استفاده کنه و درست مطلب بزاره بهش کمک کنید تا رتبه ی خوبی به دست بیاره یادتون باشه که یه سایت خوب میتونه نمونه کار و تبلیغ شما باشه.

همیاروردرس

آموزش طراحی سایت