نیومورفزم جنریٹر

نیومورفزم جنریٹر کے بارے میں

Neumorphism جنریٹر نرم، ابھری ہوئی "soft UI" شکل ڈیزائن کرتا ہے: ایک ایسا عنصر جو اپنے پیچھے موجود سطح سے باہر — یا اندر — دبا ہوا محسوس ہو۔ ایک بنیادی رنگ منتخب کریں اور یہ ٹول باقی سب خود بخود اخذ کر لیتا ہے، کیونکہ یہ اثر تبھی کام کرتا ہے جب عنصر اور اس کا پس منظر ایک ہی رنگ رکھتے ہوں اور گہرائی مکمل طور پر دو مخالف سمت کے box-shadows سے پیدا ہو۔

سلائیڈرز جیومیٹری کو کنٹرول کرتے ہیں: سائز، border radius، سائے کا فاصلہ، ان کی شدت اور دھندلاہٹ (blur)۔ چار شکل والے موڈز — flat، concave، convex اور pressed — اندرونی گریڈینٹ اور سائے کی سمت بدل دیتے ہیں، اور ایک لائٹ سورس منتخب کنندہ ہائی لائٹ کو چاروں کونوں میں سے کسی ایک کی طرف منتقل کرتا ہے تاکہ عنصر آپ کے ڈیزائن کی روشنی سے میل کھائے۔

ڈیفالٹ طور پر ہلکے اور گہرے سائے کے رنگ بنیادی رنگ سے خودکار طور پر اخذ کیے جاتے ہیں، لیکن ایک مینوئل موڈ آپ کو دونوں خود سیٹ کرنے دیتا ہے۔ تیار شدہ CSS — background، radius اور دوہرا box-shadow — صرف ایک کلک کی دوری پر ہے۔

نیومورفزم جنریٹر استعمال کرنے کا طریقہ

1. بنیادی رنگ منتخب کریں — یہ عنصر اور اس کے پیچھے کینوس دونوں پر لاگو ہوتا ہے۔
2. ایک شکل منتخب کریں: flat، concave، convex یا pressed۔
3. یہ کنٹرول کرنے کے لیے لائٹ سورس کونا سیٹ کریں کہ ہائی لائٹ کہاں پڑے۔
4. سلائیڈرز سے سائز، border radius، فاصلہ، شدت اور blur ایڈجسٹ کریں۔
5. اگر آپ اخذ شدہ ہلکے اور گہرے رنگوں کو تبدیل کرنا چاہتے ہیں تو مینوئل سائے کے رنگ فعال کریں۔
6. CSS کاپی کریں اور اپنے عنصر پر چسپاں کریں۔

اکثر پوچھے جانے والے سوالات