تولیدکننده نئومورفیسم

درباره تولیدکننده نئومورفیسم

تولیدکننده Neumorphism ظاهر نرم و برجسته «soft UI» را طراحی می‌کند: عنصری که به نظر می‌رسد از سطح پشتش بیرون زده — یا در آن فرو رفته. یک رنگ پایه انتخاب کنید و ابزار بقیه را استخراج می‌کند، زیرا این جلوه فقط زمانی کار می‌کند که عنصر و پس‌زمینه‌اش رنگ یکسانی داشته باشند و عمق کاملاً از دو سایه متضاد (box-shadow) ایجاد شود.

اسلایدرها هندسه را کنترل می‌کنند: اندازه، شعاع گوشه، فاصله سایه‌ها، شدت و بلور آن‌ها. چهار حالت شکل — flat، concave، convex و pressed — گرادیان داخلی و جهت سایه را عوض می‌کنند، و یک انتخاب‌گر منبع نور، نقطه روشن را به هر یک از چهار گوشه منتقل می‌کند تا عنصر با نورپردازی طراحی شما همخوان شود.

به‌طور پیش‌فرض رنگ‌های سایه روشن و تیره از رنگ پایه محاسبه می‌شوند، اما حالت دستی به شما اجازه می‌دهد هر دو را خودتان تنظیم کنید. CSS تولیدشده — background، radius و دو box-shadow — تنها یک کلیک فاصله دارد.

نحوه استفاده از تولیدکننده نئومورفیسم

1. رنگ پایه را انتخاب کنید — این رنگ هم روی عنصر و هم روی بوم پشت آن اعمال می‌شود.
2. یک شکل انتخاب کنید: flat، concave، convex یا pressed.
3. گوشه منبع نور را تنظیم کنید تا محل افتادن نور روشن مشخص شود.
4. اندازه، شعاع گوشه، فاصله، شدت و بلور را با اسلایدرها تنظیم کنید.
5. اگر می‌خواهید تن‌های روشن و تیره استخراج‌شده را بازنویسی کنید، رنگ‌های سایه دستی را فعال کنید.
6. CSS را کپی کرده و روی عنصر خود جای‌گذاری کنید.

سوالات متداول