5 گام در طراحی سایت

5 گام ساده در طراحی سایت که میدانید برای هر کاری یک سری مراحلی دارد که باید به صورت پله به پله انجام داد تا به نتیجه مطلوب برسیم. یعنی مثلا برای اولین بار، سراغ کد نویسی رفتن اشتباه و دشوار است، بلکه ابتدا باید قالب سایت را طراحی نمائیم و بعد به سراغ قدم های بعدی برویم.

5 گام در طراحی سایت

1. طرح دستی

این مرحله از اهمیت بسیار بالایی برخوردار است. زیرا مشخص می‌کنیم که چیدمان سایت به چه شکلی باشد. به عنوان مثال، قسمت menu یا header در کجای سایت قرار بگیرد. لیست اخبار، مطالب یا محصولات و … باید چیدمان سایت را مشخص کنیم، که هر قسمتی در کدام ناحیه ای از سایت قرار داشته باشد. برای اینکار، 2 روش به صورت اسکچ دستی (sketch) یا طرح دستی وجود دارد.

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

• روش دوم: در این روش با یکی از نرم افزارهایی برای طراحی سایت مثل Photoshop یا وب سایت‌هایی مثل wireframe ، قالب سایت را طراحی نماییم و حدود 20 یا 30 تا طرح بزنیم و کارفرما یا مشتری را مجاب به انتخاب یکی از طرح ها را کنیم. این روش یکی از مرحله مهمی است که برای شروع طراحی سایت می باشد.

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

wireframe

pidoco.com

gomockingbird.com

balsamiq.com

iplotz.com

2. طرح گرافیکی

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

برای انتخاب رنگ‌ها می‌توانید از سایت های زیر استفاده کنید:

colordrop

colorion

colorhunt

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

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

themeforest.net

templatemonster.com

free-css.com

dreamtemplate.com

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

3. کد نویسی قالب سایت سمت کلاینت ساید (Client-side)

در مراحل طراحی سایت، نیاز به یک متخصص می باشد و در هر مرحله وظیفه ی شما به عنوان یک طراح سایت این است که با استفاده از Html، Css، JavaScript و Jquery به طور کامل قالب سایت را بر اساس طرح گرافیکی تایید شده از کارفرما یا مشتری، پیاده سازی کنید.

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

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

4. برنامه نویسی سایت سمت سرور ساید (Server-side)

پیاده سازی بخش سرور ساید سایت می باشد، که می بایست با یکی از زبان‌های سرور ساید مثل php , Asp  و غیره انجام شود. در این مرحله، توسط کاربر قابل دیدن نیست و فقط صحت عملکرد برنامه هست. در واقع مهمترین این مرحله در مرحله 5 مین طراحی سایت می باشد.

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

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

5. کنترل کیفیت 

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

امیدوارم این مطالب برای شما مفید بوده باشد.