همواره به خاطر داشته باشید که روشهای گوناگونی برای طراحی وب سایت وجود دارد و روش فوق تنها یکی از روشهای موجود میباشد و به هیچ عنوان بهترین یا برترین آنها نمیباشد :
در طراحی قالب سایت بهتر است مراحل زیر را قبل از اینکه سراغ Photoshop بروید خود را برای طراحی قالب آماده کنید در نظر بگیرید :
۱-نیازسنجی (مهمترین قسمت پروژه)
به این معنی که شما باید ببینید برای چه نوع شرکتی، سازمانی و یا تجارتی قصد طراحی وب سایت دارید. مسلما وب سایت یک ارگان دولتی با وب سایت نمایندگی شرکت X در ایران تفاوت های بسیاری خواهد داشت.در صورتیکه قرار است وب سایت فوق بصورت روزانه آپدیت شود مسلما باید برنامه نویسی دینامیک و دیتا بیس پشت سر آن باشد. اما اگر قرار است وب سایت فوق سالی ۲ بار آپدیت شود بهتر است طراحی بصورت استاتیک انجام گیرد.
نکته بسیار مهم : باید این نکته را بدانید که چیزی که باعث تداوم کسب و کار و رونق در آن میشود رضایت مشتری است. مطمئن باشید که بهترین مشتریان شما کسانی هستند که توسط مشتریان راضی شما به شما معرفی شده اند. از نقطه نظر بازاریابی بهترین نوع تبلیغ، تبلیغ دهان به دهان میباشد. پس سعی کنید که نیاز واقعی مشتری را پیدا نمایید و دقیقا چیزی که احتیاج دارد را برای او طراحی و آماده نمایید. به صرف اینکه تخصص شما برنامه نویسی asp.net میباشد نباید به تمام مشتریانتان پیشنهاد برای داشتن وب سایت دینامیک بدهید. ۲- ابزار سنجی
باید بدانید برای طراحی وب سایت فوق از چه نرم افزارها و یا برنامه ها و چه نوع زبان برنامه نویسی استفاده نمایید. برای شرکتی که کار آن تولید محصولات غدایی مخصوص کودکان است لازم است وب سایتی طراحی نمایید که در آن فلش بکار رفته باشد. شاید شما در طول این مرحله متوجه بشوید که برای ساخت وب سایت مورد نظر نیاز به برنامه نویسی میباشد که شما به آن آگاهی ندارید، اما کار خوب و تر تمیز را فدای نا آگاهی خود ننمایید. مطمئن باشی حتی اگر آن کار را انجام ندهید بهتر از این است که کار را خراب یا کاری که باب میل مشتری نباشد تحویل دهید. اما زمانی میرسد که شما دست رد به سینه هیچ کاری نخواهید زد. اشتباه نکنید، آن زمانی نیست که شما به تمام زبانهای برنامه نویسی آگاهی پیدا کرده اید، آن زمانی است که دور شما پر است از برنامه نویسان و طراحان مجرب و با دانشی در تمام زمینه ها. مزیت این کار این است که اگر شما کارها را به خود محدود نمایید خیلی زود حجم زمانی کاری شما پر میشود اما میتوان کارها بصورت گروهی انجام داد. مطمئن باشی این روش بسیار بهتری است.
۳-تهیه Porposal
بعد از ۲ مرحله فوق نوبت به تهیه Proposal می رسد. بزرگترین مشکل مشتریان این است که دقیقا نمی دانند به چه نوع وب سایتی و با چه نوع شکل و شمایلی نیاز دارند. شما پس از بررسی کسب و کار و خواسته های مشتری با دادن یک Prposal به ایشان، او را در راه انتخاب خواسته اش کمک و یاری نموده اید.سعی کنید سایتهای مشابه کار او در سطح ایران و بین المللی برای او پیدا کنید و اجازه بدهید با دیدن وب سایتهای فوق دید و نگرش بازتری نسبت به قضیه پیدا کند. سعی کنید از قبل Proposal هایی برای کارهای مختلف از قبل آماده داشته باشید و برای هر پروژه فقط آنرا با توجه به خصوصیات آن پروژه خصوصی سازی نمایید .
۴-پیاده سازی و اجرای
بعد از عقد قرارداد نوبت به پیاده سازی کار میرسد که بیشتر صحبت ما در این قسمت و در باره نحوه ساخت اصولی قالب یا Template سایت میباشد. روشی که امروز برای شما قصد بازگو کردن دارم برای وب سایت شرکتهای تجاری( اعم از استاتیم و دینامیک) کاربرد دارد.
شما باید بدانید که قالب یک سایت با توجه به حجم کار و نیاز مشتری میتوانید شامل ۴ یا ۵ بخش و به شکل زیر باشد :
۱-Header
در این قسمت بنر سایت شما به همراه لوگو و sLogon(شعار شرکت) قرار خواهد گرفت
۲-Navigation Bar
لینک صفحات شما مانند : صفحه اصلی-خدمات-مشتریان-درباره-تماس و . . . قرار میگیرد
۳-Slide Bar
در ابن قسمت هم میتواند لینک صفحات و تبلیغات کادر مخصوص Login و . . . قرار بگیرد
۴-Content Bar
در این قسمت توضیحات مربوط به هر صفحه قرار میگیرد
۵-Footer
اطالاعاتی در باره Copy Rights، قوانین استفاده از سایت،شرکت طراح و . . . قرار میگیرد
نکته مهم : سایت با توجه به حجم اطلاعات میتواند دارای ۲ Navigation Bar باشد . اما اگر حجم صفحات و تعداد آنها کم میباشد از بین بخش ۲ و ۳ بهتر است ای یکی از آنها استفاده نمایید.یعنی Navigation Bar شما یا افقی باشد یا عمودی.
بعد از مشخص شدن اینکه لایه بندی سایت شما به چه ترتیبی خواهد بود باید ۲ یا ۳ عدد قالب برای مشتری طراحی کنید. در قسمت آینده ” نحوه طراحی قالب سایت در فتوشاپ” نحوه تبدیل قالب تهیه شده در فرمت PSD به HTML را به شما عزیزان آموزش خواهیم داد. اما بدانید که لازم است قبل از شروع هر کاری در باره آن کار و ویژگیهای آن بطور کامل تحقیق و توسعه بعمل بیاورید تا از برگشتها و دوباره کاریها اجتناب نمایید .
منبع: ittutorial
تمامی افزونه ها و قالب های موجود در پرشین اسکریپت به صورت کاملا اورجینال و بدون دستکاری تهیه می شوند و به اشتراک گذاشته می شوند. تمامی منابع و فایل های موجود در پرشین اسکریپت متن باز و بدون قفل گذاری می باشد و شما می توانید از سلامت کدهای درون سورس ها اطمینان حاصل کنید
برچسب ها: اصول و پیش نیازهای طراحی وب سایت
نظرات
مطالب داغ
- افزونه صفحه ساز المنتور پرو Elementor Pro وردپرس نسخه 3.25.2- دانلود رایگان
- قالب فروشگاهی چندمنظوره وودمارت WoodMart ووکامرس نسخه 7.6.0
- افزونه فرم ساز حرفه ای وردپرس گرویتی فرم Gravity Forms نسخه 2.8.18
- مجموعه 130 آیکون رایگان Icons8 به صورت SVG
- افزونه فارسی سئو Yoast SEO Premium وردپرس نسخه حرفه ای 23.8
- دانلود افزونه سئو حرفه ای رنک مث Rank Math Pro وردپرس فارسی نسخه 3.0.70
- افزونه فارسی افزایش سرعت وردپرس (راکت) WP Rocket نسخه 3.17.2
- افزونه فروش اقساطی WooCommerce Deposits ووکامرس نسخه 2.3.2
- افزونه امنیتی Wordfence Security وردپرس نسخه 8.0.0
- افزونه قدرتمند چند زبانه کردن سایت وردپرس WPML نسخه 4.6.13
با سلام:
می خواستم بدونم چه جوری میشه یه قالب رو که انگلیسی هست فارسی کرد؟
با تشکر