بنابراین در اینجا یک سوال وجود دارد … “سیستم طراحی شما واقعاً چیست؟”
از یک طراح بپرسید ، آنها می گویند این تصاویر و دستورالعمل ها است. به غیر از اجزای سازنده ، شامل دستورالعمل هایی برای قلم ها ، اندازه ها ، حاشیه ها ، موقعیت ها و سایر جنبه های مهم تجربه بصری شما برای افراد است
این یک مشکل واقعی است ، زیرا شکاف بین آنچه شما تصور می کنید و به آن امیدوار هستید و آنچه که در نهایت دو سال بعد دارید هر روز در حال افزایش است. چرا؟ زیرا بعضی چیزها در ترجمه بین تصاویر و کد گم می شوند ، و به دلیل گذشت زمان واقعیت توسعه دهندگان را مجبور به تغییر موارد می کند
بنابراین اجازه دهید برای یک لحظه از Sketch-> Zeplin-> GitHub–> گردش کار برنامه هایی که امروز می شناسیم برویم و سعی کنیم نحوه آینده را بررسی کنیم. بیایید از برخی از ابزارهایی که امروز می توانند در تحکیم این روند کار کمک کنند بازدید کنیم.
تنها حقیقت واقعی این است
سیستم طراحی واقعی شما همان چیزی است که کاربران شما می گیرند
شما می توانید شگفت انگیزترین دسته از اجزای موجود در Figma یا Sketch و بهترین راهنمایی ها را برای یک سیستم طراحی خیره کننده که تاکنون نوشته شده است داشته باشید. اگر این چیزی نیست که توسعه دهندگان شما استفاده می کنند و آنچه کاربران شما می گیرند ، سیستم طراحی شما نیست
طراحی Uber
و
AirbnbEng
در حال ساخت سیستم طراحی component UI هستند (به زبان های تصویری Uber و Airbnb مراجعه کنید).
برای ترجمه این سیستم ها به کدهای مورد استفاده در برنامه هایشان ، آنها کتابخانه های component UI را پیاده سازی می کنند (به کتابخانه های HP ، Atlassian ، Pinterest و دیگران مراجعه کنید). این کتابخانه ها ، به نوبه خود ، در برنامه های مختلف نصب و استفاده می شوند
اما ، وقتی یک توسعه دهنده مجبور باشد تصاویر را به کد ترجمه کند ، ممکن است همه چیز کمی متفاوت از آنچه انتظار می رود ، پایان یابد. ابزارهایی مانند
زپلین
می تواند این کار را آسان تر کند ، اما تغییر اغلب اجتناب ناپذیر است. به عنوان مثال ، موقعیت نسبی و مطلق یک مشکل رایج است. همینطور قلم ها و استفاده از قلم ها در اجزای شما
یک سیستم طراحی مبتنی بر component می تواند به برنامه های شما سازگاری بصری و عملکردی بدهد و به شما کمک کند تا در خانه احساس راحتی کنید و به راحتی مسیر خود را برای تکمیل تعاملات دلخواه با محصول خود طی کنید.
برای تغییر این متن بر روی دکمه ویرایش کلیک کنید. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
گاهی اوقات ، سازنده برنامه ای که بنا به دلایل مختلف نمی تواند از کتابخانه استفاده کند. به عنوان مثال ، یک ظاهر طراحی شده یا حاشیه متناسب نیست. یا شاید کتابخانه به برنامه ای که باید سبک و سریع باشد ، وزن زیادی اضافه می کند.
هنگامی که یک توسعه دهنده نیاز به تغییر چیزی در کتابخانه دارد ، مجبور است درخواست خود را که ممکن است پذیرفته نشود یا در یک تاریخ نامعلوم درخواست کند. این یک مسدود کننده جدی و بسیار رایج برای تصویب چنین کتابخانه هایی است
