سلام طراحان، آیا شما برنامه نویسان را دیوانه کرده اید. در ادامه ۱۰ راه برای توسعه طراحان وب سایت (بخش اول) را مطالعه نمایید.

شانس با شما همراه است زیرا نیازی نیست تا برخی رفتارها را به صورت کد تبدیل کنید. واین کار برای توسعه دهنده گانی که با شما در پروژه ها کار می کنند، سخت می شود. میخواهید یک دوست و همکار بهتری باشید؟

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

مطلب پیشنهادی:۲۰ نمونه از بهترین سایت های جدید (بخش دوم)

درابتدا توسعه دهندگان را مدنظر قرار دهید

بزرگترین مشکل بین طراحان و توسعه دهندگان این است که آنها هر کدام به صورت سربسته برای خودشان کار می کنند. افراد یا تیم ها تا تمام شدن اولین طرح پیش فرض درباره پروژه صحبت نمی کنند. سپس به صورت یک هند آف از طراح به برنامه نویس منتقل می شود.

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

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

توسعه طراحان وب سایت

مطلب پیشنهادی:نقش زبان طراحی سایت در صنعت طراحی را می دانید؟

تمرین تداوم مدیریت فایل

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

چند بار سند فتوشاپ را با صدها لایه نامعلوم باز کرده اید؟ این نوع فایل را به یک توسعه دهنده ارائه ندهید. هر لایه و سبک بدون در نظر گرفتن اینکه چه نرم افزاری استفاده می کنید باید به درستی نامگذاری شود.

سبک ها، نمونه های رنگی و تایپوگرافی باید در طول طراحی به صورت هماهنگ باشد. (یک دکمه نباید از صفحه به صفحه متفاوت باشد.)

نام فایل ها و سبک هدر هر پروژه باید به صورت یکسان باشد. گروه مانند عناصری با شرایط یکسان می باشند و از یک سیستم پوشه سازگار استفاده  می کنند. و به این صورت،  توسعه دهنده دیگر مجبور نیست که از هر پروژه جدیدی برای پیدا کردن قطعات و عناصر استفاده کند.

توسعه طراحان وب سایت

 از فونتهای Google استفاده کنید

یکی از بزرگترین چالش های پروژه های طراحی که شامل قطعات چاپی و دیجیتال می باشد، مدیریت تایپوگرافی است. از فونت دسکتاپ که برای  پروژه های چاپ استفاده می شود، برای طراحی وب یا برنامه استفاده نکنید و فقط در نظر داشته باشید که آنها کار میکند ( اغلب کار نمیکنند )

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

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

دلیل این ساده بودن این است: فونتهای جاسازی شده می توانند کمی فریب دهنده باشد.  به علاوه، فونت های گوگل رایگان هستند و این اطمینان را میدهند که هزینه های پروژه های بیشتری را متحمل نخواهید شد.( در حالی که در آن هستید، در نظر بگیرید که همان کار را با آیکون ها انجام دهید و از یک بسته مانند Font Awesome استفاده کنید که اجازه می دهد که برنامه نویس آیکن ها را با استفاده از CSS مجهز کند و چندین فایل تصویری وارد نکند!)

توسعه طراحان وب سایت

مطلب پیشنهادی: ۱۳ نکته سریع برای بهبود مهارت طراحی وب (بخش ۱)

طبقه بندی تصاویر مهم

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

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

سعی نکنید این کار را به تنهایی انجام دهید. از توسعه دهنده بپرسید که چگونه فایل ها باید به منظور استفاده بهتر نامگذاری شده و فشرده شوند.

درباره محیط زیست فکر کنید

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

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

توسعه طراحان وب سایت

شما باید این موارد را بدانید:

• اگر چارچوب دارای مشخصه های پلاستیکی خاص در اندازه های مختلف است
• عرض نازک بین ستون (و اگر آن متفاوت باشد)
• اندازه باریکترین اندازه صفحه نمایشگر کد خواهد بود