مقالات

مقالات

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

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

* این مقاله در سایت رسم نیز منتشر شده است.
* این مقاله در نشریه فرهنگ (ویژه نامه روز جهانی گرافیک 1388) نیز به چاپ رسیده است.





   نظر شما؟...



نگار شمس ( وبسايت | ايميل )
سلام مقاله "کاربست گرافیک در طراحی وب "در نشریه فرهنگ به چاپ رسیده است. در صورت امکان می توانید صفحه و شماره نشریه را به ایمیل negarshams39@yahoo.com ارسال کنید.
[7/5/1395 - 15:12]

نگار شمس ( وبسايت | ايميل )
سلام مقاله "کاربست گرافیک در طراحی وب "در نشریه فرهنگ به چاپ رسیده است. در صورت امکان می توانید صفحه و شماره نشریه را به ایمیل negarshams@yahoo.com ارسال کنید.
[7/5/1395 - 15:11]

کاردان ( وبسايت | ايميل )
مقاله فوق العاده خوبی بود.اگه سایت معتبر یا کتابی در این حیطه می شناسید ممنون میشم راهنمایی کنید.
[26/1/1394 - 17:39]

نازي ( وبسايت | ايميل )
خيلي خوشم اومدعالي بود .
[30/8/1391 - 19:37]

غزال ( وبسايت | ايميل )
سلام من ميخوام عكس پسر زمينه وبلاگ باشه لطفا كمكم كنيد
[21/1/1391 - 11:07]

( وبسايت | ايميل )
Very good
[11/7/1390 - 22:02]

مهدی هوشمندی ( وبسايت | ايميل )
با سلام به نظرم بهتر از نمونه های خوب داخلی هم نام ببریم مثل سایت دانشگه آزاد قزوین http://qiau.ac.ir
[18/3/1390 - 13:48]

جعفر حمودي ( وبسايت | ايميل )

[23/2/1390 - 19:06]

shni ng ( وبسايت | ايميل )
چرا قالب ساز آنلاینتون خرابه؟ وقتی رو دریافت کد میزنی ، کد رو بهت نمیده!! میشه بگید مشکل از چیه؟
[1/2/1390 - 11:44]

shivacris ( وبسايت | ايميل )
چرا قالب ساز آنلاینتون خرابه؟ وقتی رو دریافت کد میزنی ، کد رو بهت نمیده!! میشه بگید مشکل از چیه؟
[7/10/1389 - 14:49]

حامد محمد بیگی ( وبسايت | ايميل )
من قالب ها رو دوست دارم اگه میشه یک مقاله در این باره به من معرفی کنید. /حامد
[29/6/1389 - 10:52]

وفا ( وبسايت | ايميل )
سلام خسته نباشيد واقعا سايت جالبي دارين خسته نباشين ميتونيد راجع به طراحي قالب مقاله اي براي من بديد يا معرفي كنيد من علاقه زيادي به طراحي وبلاگ و وب دارم خيلي ممنون
[24/4/1389 - 11:19]

نرجس ( وبسايت | ايميل )
مرسی مرسی بالاخره یکی صداش دراومد مرسی گرافیک وب ایران نیاز به فرهنگ سازی پایه ای توی دانشگاه هامون داره
[14/4/1389 - 14:33]

میرزایی ( وبسايت | ايميل )
سلام من قصد دارم قالب وب هایم را عوض و خودم طراحی کنم چگونه می توانید کمکم کنید متشکرم
[13/4/1389 - 13:54]

مرضيه سلطانعلي ( وبسايت | ايميل )
سلام،lمقاله خوبي بود.اين مقاله، در ويژه نامه رسم چاپ شده؟اگر چاپ شده،ممكنه تاريخ نشر،شماره ويژه نامه،شماره صفحه رو برام ايميل كنيد؟وياتاريخ نشر،شماره نشريه،صفحه در نشريه فرهنگ رو برام ايميل كنيد. با تشكر
[5/12/1388 - 11:55]

effat ( وبسايت | ايميل )
salam . khobiid. fekr nemekardam javab bediid mamnon az ahamiyatetoon. man khili kar mikonamo maghalatoo tarh mibinam.ama mikham ke khili bish az ina pishraft konam.shoma teh hastiid? man esf hastam. lotfan age momkene shomare tamaseton roo lotf konid hamkare gerami
[20/7/1388 - 01:00]

امير ( وبسايت | ايميل )
سلام 1- اين مقاله رو ابتدا تو سايت رسم خوندم ، خيلي جالبه. چند وقتيه وبلاگم رو به روز نكردم. ميخام از اين مقاله با درج آدرس ات تو وبلاگم استفاده كنم 2 - اگه مايل باشي بلينكيم منتظرتم
[3/5/1388 - 14:59]

جواد ( وبسايت | ايميل )
سلام وب عالي داري ميخواستم بگم كاش آموزش طراحي قالب وبلاگ ميذاشتي ....همين
[3/4/1388 - 02:59]






درباره من | تالار دانشجویان | قفسه | English | ديوار يادگاري
www.Hamed-BD.com © 2003-2013
استفاده از محتوای سایت فقط با ذکر منبع مجاز است.