طراحی در فتوشاپ در مقابل طراحی در مرورگر

مرورگر در مقابل فتوشاپ !

یک راست در مرورگرها طراحی کنید !

• فریمورک هایی مانند Bootstrap و Foundation انجام این پروسه را سریع تر میکنند، البته به نظر من ابتدا لازم است چندبار خودتان همه ی کدها را بنویسید تا هنگامی که از این فریمورک ها استفاده میکنید درک کنید که در پشت صحنه ی آنها چه اتفاقی در حال رخ دادن است.
• اگر یک شرکت دارید، یادگرفتن کدنویسی front-end طراحان وبتان باعث میشود که سرعت انجام کارهایتان بالاتر برود، برای مثال میتوانید توسعه دهندگان وبتان را از HTML و CSS نویسی فارغ کنید و تنها وظیفه ی آنها توسعه ی طرح هایی باشد که به دستشان میرسد.

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

ابتدا در فتوشاپ طراحی کنید !

• اپلیکیشن های طراحی و ویرایش عکس مانند فتوشاپ ابزارهای بسیار مناسبی هستند برای اینکه یک طراح زیبا بکشید، هرچند با استفاده از مداد و یک برگه کاغذ نیز میتوانید طرح های سریع و زیبایی بکشید و خیلی سریع یک خروجی تولید کنید.
• بهتر است ابتدا خروجی هایی که از این ابزارها بدست می آورید را به مدیران کسب و کارتان نشان بدهید، در این صورت برای تغییر آن دردسر کمتری خواهید کشید، اگر در مرورگر طراحی کنید و سپس مجبور شوید لایه بندی را عوض کنید خیلی دردسر بیشتری خواهید داشت.

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

نتیجه گیری