چگونه یک طراح وب خوب شویم؟1 min read

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

طراحی وب هم از این اصل مستثنی نیست. اما طبیعتا هر حرفه ای زیر و بم های خودش رو داره و بقول معروف فوت های کوزه گری خاصی داره که فقط نزد استاد هست و لاغیر! به نظر من این نکته خیلی در این حرفه صادق نیست علتش هم اینه که آموزش سینه به سینه نیست و این یه مزیت برای این هنر هست. در دنیای امروز و عصر حاضر شیوه یادگیری هم دستخوش تغییرات شده و از خیلی جهات این نکته یه برگ برنده برای علاقه مندان این حرفه هست چراکه به جای یه استاد بی نهایت استاد میتونن داشته باشن بطوریکه هزینه ی زیادی هم برای فراگیری از این استادها (اساتید غلطه) نمی پردازن. پس اگر شما این حرفه رو انتخاب کردید بدانید که حتما فرصت پیشرفت دارید و این فرصت به مراتب بیشتر از حرفه های دیگه هست.
قبل از اینکه جزئی تر به موضوع بپردازم باید به یه تعریف مشترک از طراحی وب برسیم؛ به نظر شما طراح وب به چه کسی گفته میشه و حیطۀ وظایفش چی هست؟
اینجا دو تا مبحث مطرح میشه: یکی مفهوم واقعی طراح وب هست و دیگری اون چیزی که در کشور ما رایج هست. اون چیزی که مرسوم هست اینه. در این تعریف سه تا نکته هست؛ یکی اینه که طراحی وب یه مهارت هست طبیعتا هر مهارتی هم نیاز به دانش و تمرین داره. نکته دوم این هست که طراح وب خالقه یعنی خلق میکنه، می آفرینه! و بدانید که آفریدن هنره و نیاز به ذوق و اشتیاق داره، شما به زور نمیتونی چیزی بیافرینی و نکته آخر هم اینه که حاصل هنر شما مخاطبان زیادی خواهد داشت بعبارت دیگه کار شما علی رغم این که کاملا شخصی انجام میگیره و دمیده از ذهن شماست ولی یه کار کاملا اجتماعی هست و با مردم سر و کار داره. نکته آخر رو به این خاطر گفتم که اولا خودخواهی صرف در این کار وجود نداره و ثانیا شما باید چیزی تولید کنی که دیگران هم بپسندند! بالاخره همه سلایق مختلفی دارن ولی نکته اینجاست که همه در زیبایی شناسی مشترک هستن! بعبارت دیگه همه هارمونی، نظم، ترکیب رنگ و روح کار رو میفهمن و در هرچه زیباتر شدن این موارد اتفاق نظر دارن اینجاست که کار طراح وب حساس میشه و سلیقه بالایی رو میطلبه. سلیقه لزوما اکتسابی نیست ولی در اکثر مواقع میشه با دیدن نمونه های مشابه تقلید کرد تا به یه حدی از زیبایی رسید. اگر فکر میکنید سلیقه زیاد خوبی ندارین و حتی علاقه ای هم ندارین که 4تا اثر خوب رو ببینین و ازش یاد بگیرین بدونید که این کار مناسب شما نیست.
این یه مقدمه کوتاهی از این حرفه بود که حداقل میتونه یه ذهنیتی در شما ایجاد کنه. اما از لحاظ فنی باید روی چه مباحثی اشراف داشت؛ فهرست وار این سرفصل ها رو شما باید بدونید:

• HTML
• CSS
• Javascript
• Photoshop

قبل از اینکه وارد این مباحث بشم یه نکته ای رو بگم و اون این هست که هر صفحه وبی دو تا نما داره. یکی Client Side هست و دیگری Server Side. در کلاینت ساید اون چیزی که در مرورگر کاربر نمایش داده میشه دیده میشه مثلا همین سایت من؛ عکس rss اون بالا هست رنگ قالب وب سایت قرمز هست و … حالا اینکه شما نظراتتون رو مطرح میکنید من چه جوری میبینم و جواب میدم به چه صورت انجام میگیره در سرور ساید مطرح میشه. بعبارت دیگه آنچه که مربوط به گرافیک و نحوه نمایش صفحه هست رو تحت عنوان کلاینت ساید گفته میشه و شامل اون مواردی هست که من فهرست کردم و آنچه که مربوط به برنامه نویسی سمت سرور میشه که با استفاده از بسترها و زبانهای برنامه نویسی مثله ASP.NET(#C) یا php انجام میگیره تحت عنوان سرور ساید گفته میشه.
طراح وب باید به مباحث کلاینت ساید وب مسلط باشه. اون نکته ای که در ابتدا مطرح کردم مبنی بر تعریف طراح وب در ایران رو اینجا راجع بهش صحبت میکنم. شما در اینجا کمتر طراح وبی رو میشناسید که برنامه نویسی سمت سرور نکرده باشه و بالعکس. حالا دلایلش از حوصله این پُست خارج هست که ان شاءا… در آینده بهش خواهم پرداخت. اما در کل این مواردی که نام بردم رو باید در موردش اطلاعات کسب کنید.
شیوه کاری طراح وب به این صورت هست که با استفاده از فوتوشاپ تمپلیت یا همون قالب وب سایت رو طراحی میکنه بعد این قالب رو کد میکنه و تبدیل به HTML میکنه. پس تسلط به فوتوشاپ یه نیاز اساسی هست. پیشنهاد من برای اینکه بتونید خوب قالب طراحی کنید این هست که تا میتونید Sample ببینید و از اونها ایده بگیرید؛ شکر خدا چیزی که زیاده نمونه سایت های مختلف هست. این هنر هم مثله هر هنر دیگه ای با تقلید شروع میشه تا به آفریدن و خلقِ بقول معروف آنلاین منجر شه. پس برای شروع واهمه ای از تقلید نداشته باشین و تا میتونین در این زمینه تمرین کنین. به نظر من بهترین مرجع برای یادگیری فوتوشاپ Help خودش هست.
راجع به موارد دیگه هم میتونین از این سایت مطالب خوبی یاد بگیرید.
البته flash هم از مسائلی هست که در یه صفحه وب ممکنه وجود داشته باشه ولی به نظر من لزوما نیازی نیست که یه طراح وب اون رو بدونه. تا اونجایی که میتونین از flash کم استفاده کنید چون هم حجم بالایی داره و هم در مفاهیم SEO مشکلساز میشه البته با توجه به قدرت بالای جاوااسکریپت و فریم ورک های مختلفی که دارن بخوبی کار میکنن نیازی که به یه فایل flash در یه صفحه احساس میشد داره جایگزین میشه که حالا این بماند….
سعی کنید در CSS واقعا متبحر شین طوری که کاملا table less کد بنویسین و از همون ابتدا هم این موضوع رو تمرین کنین.
در یادگیری جاوااسکریپت باید مفاهیم رو خوب درک کنید! اینجاست که شما کدنویسی و در واقع برنامه سازی میکنید. این مفاهیم میتونه در آینده به شما در یادگیری مباحث سرورساید کمک زیادی کنه. اگر هم نمونه کدی رو پیدا میکنید صرفا کپی پیست نکنید و سعی کنید الگوریتم اونو بفهمید.

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

بد نیست اشاره ای هم به Cross Browser Compatability کنم. CSS دنیای جالبی داره این دنیا در بعضی موارد با برخی از Web Browser ها علی الخصوص IE6.0 ناسازگاری داره. البته بالعکسش صحیح تر هست. علت این مساله بر میگرده به تفاوت در انجین مرورگرها که با بعضی از استانداردهای CSS تقابل دارن. خدا رو شکر این موضوع در ورژن های بعدی مرورگرها بهبود پیدا کرده ولی ازونجایی که اکثر افراد در ایران کلا اینترنت رو به لوگوی IE6.0 میشناسن یکی از دغدغه های طراحان وب، طراحی وب سایت هایی هست که در تمامی مرورگرها خروجی یکسانی داشته باشن. پس بعد از اینکه کمی کاربلد شدید حتما وب سایتتون رو در مرورگرهای مختلف آزمایش کنید تا وب سایتی Cross Browser تحویل مشتری بدید.

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