به عنوان توسعه دهندگان ، ما اغلب به طراحی به عنوان چیزی جدا از کار خود فکر می کنیم – چیزی برای “تیم طراحی” برای نگرانی. اما حقیقت این است که ، نحوه نگاه پروژه های ما می تواند به همان اندازه تأثیر عملکرد آنها داشته باشد.
این که آیا این یک وب سایت شخصی ، داشبورد داخلی یا پروژه جانبی است ، طراحی مداوم به ایجاد اعتماد ، بهبود قابلیت استفاده و باعث می شود که کارها را جلا تر کند.
در اینجا چند مورد وجود دارد که من آموخته ام (و در گذشته نادیده گرفته شده است) که می توانند بدون نیاز به مدرک طراحی ، تفاوت بزرگی ایجاد کنند.
1. به یک پالت رنگی بچسب
به نظر می رسد این امر واضح است ، اما من مقصر بوده ام که رنگ های تصادفی را از حافظه یا هر آنچه که “خوب به نظر می رسید” در آن زمان بیرون کشیده ام. نتیجه؟ UI Frankenstein.
اکنون به یک پالت می چسبم-2-3 رنگ اصلی ، به علاوه یک لهجه. این تصمیمات را ساده می کند و همه چیز را عمدی به نظر می رساند.
💡 نکته حرفه ای: آیا می خواهید تصاویر قهرمان خود را یا عناصر UI پاپ کنید؟ آنها را با یک پس زمینه آبی استاندارد کنید – تمیز ، قابل خواندن است و در حالت های سبک و تاریک به خوبی کار می کند. من حتی از این ابزار برای استفاده خودکار و جایگزینی پس زمینه ها بدون لمس یک برنامه طراحی استفاده کرده ام.
2. از اجزای استفاده مجدد (بصری ، بیش از حد)
همه ما عاشق کد خشک هستیم. همین اصل در مورد طراحی صدق می کند. اگر یک طرح کارت ، سبک دکمه یا شکل تصویر دارید ، از آن در طول پروژه استفاده مجدد کنید. این رابط را قابل پیش بینی نگه می دارد و در هنگام ساخت صفحات جدید باعث صرفه جویی در وقت می شود.
چارچوب هایی مانند Tailwind CSS این کار را بسیار آسان می کنند. اکنون من یک طرح “ورق تقلب” از کلاسهای متداول را حفظ می کنم تا در صفحات سازگار باشم.
3. تایپوگرافی: یک بار انتخاب کنید و با آن بچسبید
با استفاده از پنج اندازه فونت مختلف و سه قلم؟ آنجا بوده است اکنون من فقط یک فونت را برای عناوین ، یکی برای بدن انتخاب می کنم و اندازه های واضح را در REMS یا از پیش تنظیم شده از پیش تنظیم تنظیم می کنم. این یک ظاهر طراحی شده سریعتر و منسجم تر می شود.
4. ساده سازی کنید ، سپس دوباره ساده کنید
اگر یک طرح عجیب به نظر برسد ، من چیزهای بیشتری اضافه نمی کنم. من چیزها را حذف می کنم یک رابط به هم ریخته اغلب به کمتر نیاز دارد ، نه بیشتر.
هر وقت شک دارم ، سعی می کنم آن را شبیه چیزی به نظر برسانم که اپل مناسب حمل و نقل است. تمیز ، متمرکز ، کمی اتاق تنفس. شگفت آور است که چقدر این کمک می کند ، حتی در ابزارهای سنگین یا داشبورد.
افکار نهایی
لازم نیست طراح باشید تا همه چیز خوب به نظر برسد. فقط با چند انتخاب سازگار – یک پالت رنگی ، مؤلفه های قابل استفاده مجدد ، تایپوگرافی قابل خواندن – پروژه های شما فوراً احساس حرفه ای تر می شوند.
و جایزه؟ کاربران به هیچ وجه در مورد طراحی فکر نمی کنند. آنها فقط از آن استفاده می کنند. که صادقانه ، بهترین نوع تعارف است.
