اهمیت دیزاین و گرافیک یکی از بخش های اصلی طراحی سایت های امروزی می باشد. در گذشته کد های HTML و CSS بخش اصلی هر سایتی را در برمی گرفتند ولی امروزه با پیشرفت کدنویسی توجه به تصویر و عناصر متحرک از اهمیت بیشماری در ساخت سایت برخوردار می باشد. در این مقاله با چگونگی توجه به المان های گرافیکی در طراحی سایت و مسائلی از این دسته آشنا می شویم.
گرافیک براساس دانش روز در زمینه طراحی سایت کارشناسان امر عقیده دارند که رویکرد گرافیکی به تصاویر از سفالینههای شوش و سیلک تا نگارگری کتابهای خطی در فرهنگ ما جایگاه ویژهای داشته است. طراحی نماد، تصویرسازی، صفحه آرایی و خطاطی (تایپوگرافی) هم در آثار هزاران سال پیش دیده میشود و هم در مدرنترین آثار امروزی. آنچه باعث شده این رویکرد طراحی همچنان زنده بماند، انعطاف پذیری آن نسبت به تغییرات و پیشرفتهای جوامع است. مثلا با اختراع چاپ، هنر نگارگری جایگاه خود را به صفحه آرایی و تصویرسازی داده است و حالا امروز، پدیده اینترنت اتفاقی به همان اهمیت اختراع خط یا چاپ است و در این عرصه نیز گرافیک حرف آخر را میزند.
با پیشرفت جوامع، استفاده عوام مردم از اینترنت روز به روز افزایش یافته است و اکنون به یکی از قدرتمندترین و پرمخاطبترین رسانهها تبدیل شده است و برگ برنده این رسانه در این نکته است که بخش اعظمی از مخاطبان، خود نیز تولیدکننده محتوا هستند. به طوری که روزانه بیش از هفت میلیون صفحه به اینترنت اضافه میشود.اگر به یاد آوریم که نحوه نمایش محتوا در وب غالبا به صورت متن و تصویر است، جایگاه و حوزه تاثیر گرافیک را در این عرصه میتوانیم درک کنیم. مسلما نمیتوانیم انکار کنیم که این گرافیک است که نهایتا میزان تاثیر و جذب مخاطب را تعیین میکند.طراحی گرافیک سایت فقط نقش تزئینی و جانبی را در یک وب سایت ندارد. گرافیک صفحات وب در مرحله اول باید سهولت دسترسی و نظم دهی به محتوا را تضمین کند و بعد به جنبه های تزئینی بپردازد استفاده از طراحی سایت مناسب و گرافیک حرفه ای و با کیفیت در آن باعث می شود کسب و کار شما حرفه ای تر به نظر برسد. اصولاً به حرفه ای ها بیشتر اعتماد می شود و اعتماد باعث فروش بیشتر خواهد شد.
البته گرافیک فقط نقش تزئینی و جانبی در این زمینه ندارد. گرافیک صفحات وب در مرحله اول باید سهولت دسترسی و نظمدهی به محتوا را تضمین کند و بعد به جنبههای تزئینی بپردازد. نوع و سایز فونتها، رنگها، نحوه چینش محتوا و طراحی علائم باید با در نظر گرفتن محدودیتهای برنامه نویسی و در راستای هدف اصلی ساخت سایت قرار بگیرند. به طور کلی می توان گفت توجه به المانهای گرافیکی در طراحی سایت جز جدا نشدنی از دیزاین می باشد.
اما از آنجایی که طراحی سایت نیاز به دانستن زبانهای برنامه نویسی دارد، کمتر اتفاق میافتد که یک گرافیست این کار را انجام دهد. گرافیستها اغلب از دیزاین به شیوه کدنویسی رویگردانند و در مقابل مهندسان کامپیوتر و برنامه نویسان وب، بدون توجه به اهمیت موضوع، خود طراحی صفحات را به عهده میگیرند. از آنجایی که حوزه کاری و دغدغه مهندسان شیوههای برنامه نویسی و استفاده از پایگاههای داده است، اکثر وب سایتهای طراحی شده از لحاظ سیستم برنامه نویسی در سطح قابل قبول، اما از نظر استانداردسازی نحوه نمایش محتوا و طراحی گرافیک در حد بسیار ضعیفی قرار دارند.این نقطه ضعف بسیاری از سایت های اینترنتی ایرانی می باشد و از طرفی، سایتهای طراحی شده توسط گرافیستها (هر چند محدود) عاری از نکات کلیدی و کاربردی در حوزه برنامه نویسی هستند و غالبا حجم زیادی برای دانلود میگیرند.
برای مثال در چند سال اخیر و با گسترش روزافزون سایتهای دولتی، شاهد سطح گرافیکی بسیار پایینی در اکثر اینگونه سایتها هستیم. این به خاطر آن است که مسئولان معمولا طراحی و راه اندازی سایت را به مهندسان متخصص حوزه برنامه نویسی وب میسپارند و از اهمیت گرافیک سایت و طراحی وب غافل میمانند. به طوری که بسیاری از کاربران اینترنت هنگام مراجعه به اینگونه سایتها دچار نوعی تشویش بصری می شوند.و شرکت های نرم افزاری هم اساسا حاضر نیستند سرمایه گذاری خاصی برای آموزش یا بکارگیری از قشر عظیم فارغ التحصیلان حوزه گرافیک و هنر نیسستند.
طراحی گرافیک سایت یکی از نکاتی است که موجب جذب بازدید بیشتر و به طبع آن کسب درآمد بالاتر برای یک وب سایت اینترنتی می شود ، طراحی گرافیک سایت شامل : رنگ بندی ، ساختار ارائه اطلاعات ، تصاویر بکار رفته در طرح و حجم طرح گرافیکی می شود.
طراحی گرافیک سایت باید مانند دکوراسیون بکار رفته در یک فروشگاه ، موجبات جذب مشتریان بیشتر را فراهم آورد ، البته این نکته را از نظر دور ندارید که وب سایت های اینترنتی به همان میزان که باید زیبا باشند ، می بایست سبک و با سرعت بارگزاری بالا طراحی شوند تا بازدیدکنندگان در حداقل زمان ممکن بیشترین اطلاعات را از وب سایت دریافت نمایند.
طراحی سایت به طور کلی به دو حوزه کاملا متفاوت تقسیم میشود: طراحی استاتیک و برنامه نویسی داینامیک. طراحی استاتیک شامل طراحی گرافیک سایت، لیآوت، تعیین رنگها، فونتها و یونیفرم تمام صفحات میباشد که تماما باید تحت زبان برنامه نویسی HTML و CSS اجرا شود. معمولا پیش طرح سایت در نرم فزاری مثل فتوشاپ به طور کامل طراحی، و بعد تحت کدهای استاتیک و با استفاده از تصاویر و انیمیشنهای فلش اجرا می شود. حوزه دوم مربوط به برنامه نویسی داینامیک سایت میشود. میتوان گفت برنامه نویسی داینامیک، مربوط به پشت صحنه سایت میشود و مربوط به دریافت یا ارسال اطلاعات از پایگاه های داده می باشد. به عنوان مثال سیستم های مدیریت محتوا (CMS) سیستمهای داینامیکی هستند که کاربر می تواند با استفاده از آنها به راحتی سایت خود را به روز کند.
در طراحی حرفهای یک سایت، باید طراحی استاتیک سایت به عهده گرافیستی قرار بگیرد که به کدهای استاتیک و محدویتهای آنها کاملا مسلط باشد و نیز به استانداردهای رایج در طراحی وب و شیوه ها و سبکهای نوین آشنایی داشته باشد. در مرحله بعد، یک برنامه نویس داینامیک میتواند محتوای سایت را از پایگاههای داده به قالب استاتیک سایت انتقال دهد. البته با وجود تکنولوژی های جدیدتری مانند css3 , jquery و... طراحی گرافیکی وب از حالت استاتیکی صرف خارج شده است.
به عنوان مثال به مقایسه وب سایتهای دو دانشگاه تربیت معلم سبزوار و دانشگاه هاروارد میپردازم. با یک نگاه کلی به تقسیم فضاها و لی آوت سایت هاروارد متوجه انسجام و ترکیب بندی و انتخاب رنگ صحیح آن میشویم. عناوین خبری به همراه تصاویرشان اسلاید میشوند تا از شلوغی صفحه کاسته شود و همچنین به راحتی میتوانیم از منوی بالای سایت به سه بخش مجزای اداری، آموزشی و معرفی دانشگاه دست پیدا کنیم. در مرکز وب سایت تصویر نسبتا بزرگی از یکی از نماهای دانشگاه دیده میشود که با تیتر و توضیحات مناسبی کنار آن همراه است. حجم این تصویر نزدیک بیست کیلوبایت است و ضمنا ساختار کدنویسی استاتیک آن بر مبنای CSS است که سرعت بارگزاری را بسیار کمتر میکند.
طراحی سایت دانشگاه تربیت معلم سبزوار، سه ستونی با یک هدر است که جزو سنتیترین ساختارهای طراحی است. گزینههای منوی سمت راست بیهیچ ترتیب خاصی زیر هم چیده شدهاند و در نهایت به دو لینک به سایتهای خارجی رسیدهاند. ستون سمت چپ کاملا بلااستفاده مانده و فقط تعداد بازدید در آن درج شده است. در ستون میانی نیز ابتدا یک لینک درشت بدون تصویر به خبر یک همایش گذاشته شده که حتی رنگ آن نیز رنگ پیش فرض است. بخش آخرین اخبار دانشگاه بدون تاریخ و تصویر است و بخشی تحت عنوان سایر زیر آن قرار دارد که جایگاه آن در نقشه سایت معلوم نیست. در پیشانی سایت، چند عکس ریز از سبزوار و یک عکس ناقص و تار از ساختمان اداری در میان تزئینات زائد درج شده. حجم این تصویر نزدیک چهل کیلوبایت است و ضمنا ساختار کدنویسی استاتیک آن برمبنای Table است که در سرعت بارگذاری تاثیر منفی دارد.
البته باید یادآوری کنم که ما دانش و تخصص مربوط به این حوزهها را (هرچند محدود) داریم و اما از اهمیت و کاربرد آنها غافلیم. دانشجویان گرافیک ما طراحی را محدود به پوستر میدانند و آموزشکدهها نیز از هنر دیجیتال به عنوان هنری منحرف و دست دوم یاد میکنند! در حالی که نیاز امروز فعالیت در عرصههای جدید و گاه تلفیقی را میخواهد و همچون هزاران سال گذشته، از گرافیک، انعطاف پذیری و کاربردی بودن را انتظار دارد. امیدواریم هم گرافیستها خود را از رویکرد سنتی نسبت به طراحی رها کنند و هم مدیران و مسئولان توجه به المانهای گرافیکی در طراحی سایت را داشته باشند.
کلمات کلیدی: طراحی سایت، گرافیک سایت، ساخت سایت