کتابخانههای رابط کاربری۷ دقیقه
رابط کاربری شیشهای در Ein UI
نگاهی خودمونی به سبک طراحی شیشهای و مدرن در Ein UI.
احسان غفار
نویسنده
برچسبها
#Ein UI#رابط کاربری شیشهای#ریاکت#طراحی رابط کاربری
نگاهی خودمونی به سبک طراحی شیشهای و مدرن در Ein UI.
EinUI اولش فقط یه آزمایش کوچیک بود، صرفاً برای بازی با ظاهر و جلوههای بصری. ولی کمکم شد همون چیزی که هر بار موقع شروع یه پروژهی جدید، دلم میخواست از اول آماده داشته باشمش.
EinUI یه کتابخونهی رابط کاربری با حالوهوای شیشهای برای ریاکت و نکست هست که کمک میکنه برنامهها و داشبوردهای خوشگل بسازی، بدون اینکه اعصابت بابت کد و نگهداریش خرد بشه.
سالها بود هی داشتم یه سری چیزای تکراری رو از نو میساختم؛ کارتها، دکمهها، داشبوردها و ویجتهای کوچیک با افکت بلور، درخشش و ظاهر شیشهای.
هر بار هم میرسیدم به یه دوراهی:
EinUI نتیجهی همین کشمکشهاست.
یه مجموعه کامپوننت آماده که هم خوشگل باشه، هم کدش جلو چشم خودت باشه. نه چیزی قفل شده، نه جادوی عجیبغریب پشت پرده. کامپوننتها سادهان، قابل ترکیبان و هر جاشو بخوای میتونی دستکاری کنی.
EinUI متنبازه، با شَدسیاِن جور درمیاد و برای کسایی ساخته شده که هم به ظاهر اهمیت میدن، هم به تمیز بودن کد.
اینجا شیشهای بودن فقط محو بودن و شفافیت نیست.
سه تا چیز باهم قاطی شده:
این حس رو توی چیزایی مثل کارت شیشهای، دکمه شیشهای و ورودی شیشهای میبینی. همهچی طوری طراحی شده که با حرکت موس و تغییر حالت، طبیعی واکنش نشون بده.
هدف اینه که داشبوردت حس پنلهای شیشهای معلق رو بده، ولی همچنان سریع، قابل استفاده برای همه و مناسب پروژهی جدی باشه.
EinUI قرار نیست چرخ رو از نو اختراع کنه. روی همون ابزارایی ساخته شده که خودم هر روز باهاشون کار میکنم:
سازگار با شَدسیاِن کامپوننتها رو مستقیم با دستور نصب میکنی و مال خودت میشن.
تیلویند نسخه جدید استایلدهی سریع، قابل تغییر و بدون دردسر.
الگوهای استاندارد دسترسپذیری یعنی با کیبورد هم درست کار میکنه و برای همه قابل استفادهست.
تایپاسکریپت از پایه برای اینکه موقع کدنویسی کمتر به خطا بخوری.
نتیجه اینه که راحت میتونی بندازیش تو پروژهای که از قبل داری، بدون دعوا با تنظیمات.
EinUI با چند تا کارت ساده شروع شد، ولی الان شده یه مجموعه جمعوجور و کاربردی.
کارتهای تغییرشکلدهنده، افکت موج، تایملاین، گیج، داک و چیزایی که بیشتر به درد داشبوردهای حرفهای میخوره.
تقویم، ساعت، هواشناسی، وضعیت سهام و حتی صفحههای کامل مثل فرم ثبتنام، همه ساختهشده با همین کامپوننتها.
الان حدود ۱۹ تا کامپوننت داره و هنوزم دارم روش کار میکنم.
اگه قبلاً با شَدسیاِن کار کرده باشی، خیلی زود راه میافتی.
بعدش دیگه همهچی دست خودته. میتونی کد رو ببینی، تغییر بدی یا کلاً از نو بسازیش.
EinUI قرار نیست جعبهی سیاه باشه؛ فقط یه شروع قوی برای ساختن چیزای قشنگتره.
اگه دوست داری رابط کاربری خوشگل بسازی، بدون اینکه اذیت شی، EinUI هم یه تجربهست، هم یه ابزار که دارم همزمان با پروژههای خودم بزرگش میکنم.
مستندات و پیشنمایش زنده: https://ui.eindev.ir