طراحی سایت، فرآیند پایه ریزی زیبایی شناختی ظاهر یک صفحه وب، شامل چگونگی سازماندهی محتوا و چگونگی پیاده سازی عناصر طراحی است. طراحان وب معمولاً بر روی چیزی به اسم «انتهای جلویی» وب سایت تمرکز دارند که در واقع بخشی از وب سایت است که کاربران آن را می بینند و با آن تعامل دارند (برخلاف کد «انتهای پشتی» که عملکرد وب سایت را تعیین می کند).
این یعنی آنها مسئول انتخاب همه چیز هستند. از جمله عکس ها و تصاویر، فونت، زبان شکل، طرح رنگی، دکمه ها و همچنین چگونگی تناسب تمام این عناصر با یکدیگر. آنها از نرم افزار های طراحی (مانند فتوشاپ یا اسکچ ) برای ایجاد نمونه های آزمایشی، یا نمایش های مبتنی بر تصویر از نحوه ای که وب سایت پس از اعمال کد باید به نظر برسد، استفاده می کنند.
با این تفاسیر، طراحان وب معمولاً مسئول ساخت بخش کاری وب سایت نیستند – بلکه فقط بر پایه ریزی طراحی بصری تمرکز دارند. توسعه دهندگان کد هایی را می نویسند که وب سایت را به کار می اندازد؛ و توسعه سایت نیازمند درک و مجموعه مهارت های متفاوتی از طراحی است.
یک طراح وب در کدام قسمت فرآیند جای می گیرد؟
به منظور درک آنچه که یک طراح وب انجام می دهد، بیایید به‌طور خلاصه متداول ترین نقش های درگیر در مراحل ایجاد یک وب سایت را بازبینی کنیم.
• راهبرد پرداز وب سایت: به منظور تعیین اهداف کسب و کار برای وب سایت سراسری و صفحات منفرد، پژوهش های ژرف بازاری انجام می دهد.
• طراح گرافیک: عناصر بصری برای برند می سازد – لوگو، طرح رنگی، طراحی حروف – و منابع گرافیکی – تصاویر و آیکن ها – که در وب سایت استفاده می شوند.
• تبلیغ نویس: تمام محتوای نوشتاری – از تیتر ها گرفته تا متن اصلی و اختتامیه – مورد استفاده در وب سایت را می سازد.
• طراح UX : بر روی نیاز های کاربر تمرکز دارد، و طرح های صفحات وب اسکلتی (به نام وایرفریم ) را طراحی می کند که عناصر وب سایت را حول رفتار و انتظارات کاربر بهینه سازی می کنند.
• طراح UI : عناصر تعاملی را طراحی می کند، مانند دکمه ها و فرم ها.
• طراح وب: بر روی تمام عناصر بصری یک وب سایت تمرکز دارد و طرح های اسکلتی را به طراحی های تمام شده صفحات وب تبدیل می کند.
• توسعه دهنده انتهای جلویی: به منظور پیاده سازی طراحی سایت بر روی یک مرورگر وب، از زبان های قالب بندی و کد ها (HTML ،CSS و Javascript) استفاده می کند.
• توسعه دهنده انتهای پشتی: به منظور توسعه پیچیده تر کارایی پشت صحنه یک صفحه وب، از زبان های کدنویسی استفاده می کند.
به طور خلاصه، یک طراح وب به اهدافی اشاره دارد که توسط یک راهبرد پرداز وب سایت و وایرفریم یک طراح UX ارائه شده اند، و محتوای تولید شده توسط طراحان گرافیک، تبلیغ نویسان و طراحان UI را برای دستیابی به یک صفحه وب آزمایشی تمام شده ترکیب می کند. سپس توسعه دهندگان این فایل طراح آزمایشی را می گیرند، عناصر گرافیکی را تفکیک و صادر می کنند و از کد ها برای تبدیل آن به یک صفحه وب زنده استفاده می کنند. همه اینها یعنی اگر به دنبال استخدام یک طراح وب هستید، باید راهبرد خود و بیشتر محتوای وب سایتتان را چه به صورت پیش نویس و چه تمام شده، داشته باشید.
با تمام این تفاسیر، این توصیفات شغلی را با شک و تردید بنگرید. این ها تعمیم و توصیف تعاریف سنتی این نقش ها هستند. همانطور که پیش‌تر ذکر شد، بسیاری از مردم از عبارت «طراح وب» به طور گسترده استفاده می کنند، بنابراین می تواند برای افراد مختلف معانی مختلفی داشته باشد. ممکن است بین نقش ها همپوشانی وجود داشته باشد – اکثر طراحان وب پژوهش های بازاری را خودشان انجام می دهند، طرح گرافیکی و UX دارند، و برخی حتی دو برابر توسعه دهندگان کار انجام می دهند (مخصوصاً بر روی انتهای جلویی). همچنین برای شرکت ها (یا مشتریان) غیر معمول نیست که بسته به بودجه، نقش ها و مسئولیت ها را تلفیق کنند. همیشه قبل از شروع یک پروژه اطمینان حاصل کنید که در مورد انتظارات از نقش، هم عقیده هستید.
حقیقت کمی پیچیده تر از این است. تبدیل یک وب سایت به یک واقعیت، نیاز به مقدار زیادی برنامه ریزی، تولید محتوا، تلاش هنرمندانه، کدگذاری و استخدام افراد متخصص دارد. طراحان وب یکی از این متخصصان هستند، اما معمولاً نقش بسیار ویژه ای در کل فرآیند دارند. چه به دنبال این هستید که یک طراح وب شوید و چه می خواهید یک طراح وب را استخدام کنید، مهم است که دقیقاً با آنچه که طراحان وب انجام می‌دهند و آنچه که انجام نمی دهند، آشنا باشید. در غیر این صورت، ممکن است زمان و پول را هدر دهید.
