طراحی سایت مشهد # دهکده وب سئو و بهینه سازی سایت طراحی اپلیکیشن موبایل

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

051 3894 5808
0915 435 6018
دهکده وب
طراحی سایت » طراحی سایت » بهبود کسب و کار » تاثیر طراحی گرافیک در صفحات وب سایت قسمت2
تاثیر طراحی گرافیک در صفحات وب سایت قسمت2
بهبود کسب و کار, طراحی سایت, گرافیک سایت 3 دسامبر 2018

تاثیر طراحی گرافیک در صفحات وب سایت قسمت2

پرستو بخشی پرستو بخشی

تاثیر طراحی گرافیک در صفحات وب سایت قسمت2

دهکده وب

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

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

شیوه های راه اندازی وب سایت :

  • طراحی سایت استاتیک
  • برنامه نویسی داینامیک

باید بگوییم که طراحی سایت استاتیک شامل موارد زیر می باشد :

  1. طراحی گرافیک سایت
  2. لی‌ اوت
  3. تعیین رنگ ها
  4. فونت ها
  5. یونیفرم تمام صفحات

تمام این موارد باید تحت زبان برنامه نویسی ” HTML “ و ” CSS “ اجرا شوند . معمولا پیش طرح وب سایت در نرم فزاری مثل فتوشاپ به طور کامل طراحی و بعد تحت کد های استاتیک و با استفاده از تصاویر و انیمیشن های فلش اجرا می شود . تمام این مطالب حاکی از تاثیر طراحی گرافیک در صفحات وب سایت است . حوزه دوم مربوط به برنامه نویسی داینامیک سایت می‌ شود .

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

استاتیک و داینامیک

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

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

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

برسی وب سایت دانشگاه هاروارد

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

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

برسی وب سایت دانشگاه تربیت معلم سبزوار

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

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

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

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

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

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

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

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

به اشتراک بگذارید!
پرستو بخشی

پرستو بخشی

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

طراحی سایت نمونه کار

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

دهکده وب
5 100
طراحی سایت نمونه کار طراحی سایت نمونه کار 5.0 5.0
انکر تکست چیست؟

انکر تکست چیست؟

اگر در زمینه ی سئو و بهینه سازی سایت فعالیت میکنید یا در گوگل جستجو کرده باشید احتمالا با اصطلاحات بسیار زیادی رو به رو شده اید . یکی از این اصطلاحات سئویی ” انکر تکست ” [ ANCHOR TEXT ] است . انکر تکست در فراید سئو و بهینه سازی محتوا یک موضوع مهم […]

دهکده وب
5 100
انکر تکست چیست؟ انکر تکست چیست؟ 5.0 5.0
200 نکته ی طلایی سئو – بخش10. گوگل انالیتیکس

200 نکته ی طلایی سئو – بخش10. گوگل انالیتیکس

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

دهکده وب
5 100
200 نکته ی طلایی سئو – بخش10. گوگل انالیتیکس 200 نکته ی طلایی سئو – بخش10. گوگل انالیتیکس 5.0 5.0
الگوریتم PayDay Loan

الگوریتم PayDay Loan

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

دهکده وب
5 100
الگوریتم PayDay Loan الگوریتم PayDay Loan 5.0 5.0

هنوز دیدگاهی ثبت نشده!

دیدگاه خود را درباره این مطلب ارسال کنید!

خبرنامه دهکده وب

در خبرنامه دهکده وب عضو شوید و مطالب مفید را در ایمیل خود دریافت کنید.