چگونه یک طراح وب خوب شویم؟
توسعه وب, مقاله, کسب و کار دیجیتال

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

۹ 236

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

  • 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 تحویل مشتری بدید.

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

Share

در باره نویسنده / 

حمیدرضا متقیان

مدیر محصول نرم افزار. علاقه مند به دنیای وب و ارزش آفرینی در کسب و کار.

۹ دیدگاه

  1. farid ۱۳۹۰-۰۱-۰۸ در ۶:۲۴ ق.ظ - 

    عالیعه همین که بدونیم از چه و کجا باید شروع کنیم
    از شما متشکریم

  2. Pait ۱۳۹۰-۰۷-۱۵ در ۱۱:۲۰ ق.ظ - 

    Thanks alot – your answer selovd all my problems after several days struggling

  3. saeed ۱۳۹۰-۱۱-۲۰ در ۱۰:۳۴ ق.ظ - 

    به قئل فرید همین که بفهمیم از کجا شروع کنیم ، خیلی خوبه
    من که کپیش کردم که بازم بهش مراجعه کنم ان شاالله(البته با اجازه نویسنده)

  4. الهه ۱۳۹۰-۱۲-۲۵ در ۲:۱۰ ب.ظ - 

    سلام ممنون باعث شد دید من بازتر بشه بازم ممنونم از کمکتون.درپناه حق

  5. حمیدرضا ۱۳۹۱-۰۱-۰۲ در ۲:۳۰ ب.ظ - 

    سلام؛ خواهش می کنم. موفق باشید…

  6. عارف ۱۳۹۱-۰۲-۲۹ در ۹:۵۸ ب.ظ - 

    باسلام
    با تشکر . پست جالبی نوشتید. من تازه وارد دنیای طراحی وب شدم و بیشتر روی css و فوتوشاپ تمرکز کردم. البته قداری هم Php کار کردم . سوال من اینه که توی ایران چطور میشه کار حرفه ای رو شروع کرد منظورم بازار کاره؟ به نظر شما یک نقطه شروع کجا می تونه باشه؟ بازم تشکر.

  7. حمیدرضا ۱۳۹۱-۰۲-۳۰ در ۴:۳۵ ق.ظ - 

    سلام
    خواهش می کنم. معمولاً به این صورت هست که افرادی که از کلاینت ساید شروع میکنن در ادامه به سرورساید هم میرسن. دنیای سرورساید خیلی بزرگ تر هست و طبیعتاً دانش بیشتری هم میخواد. در ایران هم شما به سه شکل میتونید فعالیت کنید: ۱) کار تمام وقت ۲) کار پاره وقت ۳) پروژه ای
    در استخدام تمام وقت شما باید انتظارات شرکت رو بتونید برآورده کنید. معمولاً نیاز به سابقه کار و نمونه کار دارید.
    در استخدام پاره وقت میتونه انتظارات از شما کمتر باشه و بعنوان شروع به شما در کسب تجربه کمک میکنه.
    در نوع پروژه ای هم هستن پروژه هایی که از عهده شما برمیاد.
    پیشنهاد من این هست که در ابتدای راه بیشتر به دنبال کسب دانش و تجربه باشید تا درآمد. منتها طوری هم نشه که ارزش کار بخواد پایین بیاد. بعد از یه مدتی درآمد خودش میاد…
    موفق باشید.

  8. مائده ۱۳۹۲-۰۹-۳۰ در ۱۲:۳۲ ب.ظ - 

    سلام من نیز به عنوان کسی که مدت هاست به شروع این کار و کسب درآمد از طراحی وب سایت فکر می کنم اما هنوزم هیچ کاری نکردم، ازتون تشکر می کنم که کمک کردید بفهمم باید چطور شروع کنم. معمولا شروع هر کاری می تونه سخت ترین مرحله اش باشه.
    باز هم برامون بنویسید. خیلی مفید بود.

  9. آرام ۱۳۹۳-۰۱-۱۷ در ۵:۳۲ ب.ظ - 

    ممنون از وب سایتتون
    خیلی آموزنده است
    حیفم اومد نظر ندم و اینو نگم
    موفق باشید

ارسال پاسخ

ایمیل شما نمایش داده نمی‌شود. موارد مورد نیاز علامتگذاری شده است *

نوشته های تصادفی

  • Some-Thoughts-On-Failure

    چک لیست شکست در RUP

    این مقاله در وبلاگ Jeff Sutherland در سال ۲۰۰۲ به نقل از  کریج لارمن نوشته شده که خوندنش خالی از لطف نیست. این پست در تکمیل پست قبلیم هست تا بعضی از دوستان بدونن که تا چه حد RUP رو اشتباه فهمیدن و اشتباه اجرا میکنن. اگر شما هم مثل ۱۱ مورد زیر در مورد…

  • باور Agile

    باور Agile

    یه روز صبح از خواب بلند میشم و به خودم میگم من میخوام از امروز سلامت تر زندگی کنم و تصمیم میگیرم هر روز یه سیب بخورم. حتماً اون ضرب المثل بلاد بیگانه رو شنیدید که میگه: An Apple a Day Keep Doctor Away.  اما جالب اینجاست که من در کنار خوردن سیب همچنان بخوردن…

پربازدید ترین ها

  • بندهای حیاتی یک قرارداد تولید نرم افزار

    بندهای حیاتی یک قرارداد تولید نرم افزار

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

  • بایدها و نبایدها در ارائه پروپوزال

    بایدها و نبایدها در ارائه پروپوزال

    در اسفند ۸۸ در وب سایت بزرگ برنامه نویس به موجب سوال یکی از دوستان در مورد “شیوه ارائه طرح پیشنهادی نرم افزار”  توضیحاتی هر چند مجمل دادم که خوندنش خالی از لطف نیست: Proposal رو باید بر اساس RFP یا Request For Proposal ای که از مشتری میگیرین تهیه کنید. RFP از اهمیت زیادی…

  • the-internet-of-things

    آینده در دستان اینترنت اشیاء (IoT)

    Internet Of Things تحولی در آینده اینترنت است که مسلماً کسب و کار نرم افزار رو بسیار پر رونق تر و در عین حال فراگیرتر می کنه.  فرض کنید به خرید رفتید و خیلی راحت از یخچال خونتون استعلام میکنید که چه چیزهایی رو باید خریداری کنید؛ نیم ساعت قبل از اومدنتون میتونید سیستم تهویه…

عضویت در خبرنامه

بایگانی