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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

پرستو بخشی

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

افزایش حجم آپلود در وردپرس چگونه انجام می شود ؟

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

تاریخچه طراحی سایت بخش 1

تاریخچه طراحی سایت بخش 1

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

طراحی سایت با جوملا

طراحی سایت با جوملا

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

قوانین ایمیل مارکتینگ

قوانین ایمیل مارکتینگ

از این جایی که ایمیل مارکتینگ یک شیوه ی عالی برای بازاریابی اینترنتی است پس باید برای این که بتوانید ان را به درستی انجام دهید همه چیز را راجب به ان بدانید . از جمله : تعریف کلی ایمیل مارکتینگ، تاریخچه ی ایمیل مارکتینگ، مزایای ایمیل مارکتینگ، ویژگی های محتوای ایمیل مارکتینگ، اهداف ان […]

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

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

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

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