نومورفيا.io موقع ويب مجاني حيث يمكنك بسهولة إنشاء كود ظل UI CSS ناعم للتصميمات الخاصة بك. باستخدام هذه الخدمة المجانية على الإنترنت، عليك فقط ضبط الظل على أيقونة العينة. أيضا، يمكنك محاولة إستخدام ألوان تدرج باردة لتصميم الأيقونات الخاصة بك.
بالإضافة إلى ذلك، يمكنك ضبط الحجم، نصف القطر، المسافة، الكثافة، الأشكال، والتمويه في الأيقونة. من السهل فعل ذلك. ومهما كانت التغييرات التي تقوم بها يمكن أن ترى في الوقت الحقيقي. كل تغيير قمت به يقوم بإنشاء كود CSS أيضا. يمكنك نسخ كود UI CSS هذا بنقرة واحدة لاستخدامه في تصميماتك. دعونا نتفقد الموقع ونعرف كيفية إنشاء كود UI CSS المرن.
إنشاء كود Soft-UI CSS لتصميم الأيقونة على الإنترنت:
إذا كنت تريد تصميم الأيقونة والحصول على رمز CSS الخاص بها، جرب هذا الموقع يسمى Nemourvism.io. هذه خدمة مجانية عبر الإنترنت حيث يمكنك بسهولة إنشاء كود UI CSS المرن لتصميمات الأيقونة الخاصة بك.
عندما تتوجه إلى هذا الموقع، سترى التصميم على اليسار والأدوات التي تريد تحريرها على اليمين. اللون الأصفر في تصميمك هو أن تتيح لك ضبط الظل من الضوء إلى الأغمق. يمكنك الضغط على الزاوية الأخرى لإحضار الضوء من الزوايا.
بجانب هذا، سترى خيارات أخرى يمكنك من خلالها إختيار لون لتصاميمك. لذلك، يمكنك النقر على مربع اللون لإبراز لوحة الألوان واختر لونك لتصميم الأيقونة.
في لوحة الألوان، يمكنك أيضا ضبط ألوان الصبغة، الجلوس، لوم، و RGB. أو، يمكنك إضافة ألوان مخصصة. إذا كان لديك كود لوني للتصميم الخاص بك، يمكنك إضافته مباشرة إلى مربع شفرة اللون.
بعيدا عن هذا، يمكنك إستخدام المنزلق لضبط الحجم، نصف القطر، الكثافة، التمويه، والمسافة. يمكنك أيضا إستخدام أشكال مختلفة لتصميم الأيقونة.
أيا كانت التغييرات التي تقوم بها في التصميم، فإن كود CSS يتم إنشائه أدناه. يمكنك نسخ كود CSS للتصميم بنقرة واحدة.
باختصار:
تصميم UI موجود بالفعل في الإتجاه في عالم التصميم. وإذا كنت تخطط لإنشاء تصميم أيقونة، يمكنك أولا ضبط الشكل والتفاصيل الصغيرة الأخرى في تصميمك. فقط حاول إستخدام ألوان التدرج المختلفة، الأشكال، الأحجام، إلخ، وانتزع شفرة CSS الخاصة بها. لذا، جرب هذا الموقع واحصل على رمز CSS لتصميمات الأيقونة الخاصة بك.
تفضل بزيارة هذا الموقع : هنا