تبلیغات
طراحی وب سایت | وب سایت اختصاصی | آموزش طراحی سایت - ساختار کلی برای طراحی سایت

طراحی وب سایت | وب سایت اختصاصی | آموزش طراحی سایت

پنجشنبه 26 شهریور 1394

ساختار کلی برای طراحی سایت

نویسنده: مهرداد محمدی   طبقه بندی: طراحی وب سایت، 

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

محتوای(مطالب) سایت

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


سازگاری سایت با مرورگرهای مختلف

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


باید این مطلب را در نظر داشت که اکثر کاربران اینترنت شاید طریقه بروز کردن مرورگرهایشان را ندانند و یا نخواهند مرورگرشان را بروز کنند و اینکه بازدیدکنندگان ممکن است از کامپیوتر های شخصی linux box ،mac ،pc یا از تلفن های هوشمند همراه با مرورگرهای مختلف استفاده می کنند.به هر حال باید در طراحی سایت به این نکته توجه داشته باشیم که سایتی که طراحی می کنیم حداقل باید با مرورگرهایی که در بالا بدان اشاره کردیم به خوبی کار کنند و حالت ریسپانسیو نیز داشته باشد . برای این کار در طراحی سایت باید قبل از هر چیزی اکثر مرورگرهای معروف را در اختیار داشته باشیم تا بتوانیم به راحتی خطاهای موجود در کد های Html برای مرورگر خاص را رفع کنیم هم چنین باید سایت را در سخت افزار های مختلف نیز آزمایش کنیم.در زیر به آمار استفاده از مرورگرهای معروف را می بینید:


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

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


همواره باید از خصیصه هایی استفاده کنیم که صفحه بتواند در حین دانلود تصاویر بارگذاری شود.از تگ <alt> در ساختار تصاویر حتما استفاده کنیم تا در صورت لود نشدن تصویر در مرورگر کاربر ،بتواند تشخیص دهد هدف از این تصویر چیست. در حالت کلی باید طرحهای گرافیکی وتصاویر با حجم کم وکیفیت خوب و همراه توضیحات در صفحات سایت قرار داده شوند.

رنگ بندی در سایت(رنگ پس زمینه و سایر رنگها در عناصر مختلف )

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


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

مولتی مدیا(ویدئوها و موزیک ها)

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


در ضمن اطلاعات مهم درون مالتی مدیا را باید بصورت متنی نیز در سایت قرار دهیم تا بازدیدکنندگان بتوانند بدون استفاده از مولتی مدیا نیز به چنین اطلاعاتی دست یابند.در ضمن اگر افزونه ای برای استفاده از مولتی مدیا در سایت نیاز باشد لینکی را برای نصب آن قرار دهید. در طراحی سایت قانونی به نام لود ۱۰ ثانیه وجود دارد در استفاده از مولتی مدیا به این نکته نیز حتما توجه شود.

لینکهای موجود در سایت

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

فریم های سایت

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


در نتیجه

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


ساختار طراحی وب سایت

نظرات() 
choc
دوشنبه 10 اردیبهشت 1397 09:58 ق.ظ
Hello there! This is my first visit to your blog!
We are a team of volunteers and starting a new project in a community in the same niche.
Your blog provided us beneficial information to work on. You have done a outstanding job!
Foot Issues
دوشنبه 16 مرداد 1396 04:25 ق.ظ
Great post. I was checking continuously this blog and I'm impressed!
Extremely useful information specially the last part :)
I care for such info much. I was seeking this certain information for a very long time.
Thank you and best of luck.
http://kempeudfgjyqjj.jimdo.com
جمعه 13 مرداد 1396 10:21 ب.ظ
After looking over a number of the blog posts
on your web site, I seriously like your way of writing a blog.
I saved it to my bookmark website list and will be checking back in the near future.
Please visit my web site as well and tell me your opinion.
Can better posture make you taller?
جمعه 30 تیر 1396 12:59 ب.ظ
Having read this I thought it was extremely informative.
I appreciate you taking the time and energy to put this information together.
I once again find myself personally spending way too much time both reading and posting
comments. But so what, it was still worthwhile!
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر