اذهب الي المحتوي
أوفيسنا

شرح :@@ كيف تصنع أيقوناتك بنفسك لعمل واجهات حديثة Modern UI Access@@


Amr Ashraf

الردود الموصى بها

السلام عليكم ,, الاخوة الاعزاء كل عام وانتم بخير .

كما نعلم ان الايقونات جزء لا يتجزء من الواجهات الحديثة الجذابة التى تلفت الانظار ومن هذا المنطلق واستكمالاً للموضوع السابق الذى تجده هنا :

 

موضوعنا اليوم عن كيف تصنع ايقوناتك خصيصاً لتتناسب مع تصميم برنامجك بطريقة بسيطة , انظر النتيجة :

PickColor.gif.c4b56f36464b7c048193a22d31a39cb1.gif

هناك اختلاف بسيط فى الالوان لأنى عملتهم على عجالة 😅 .

فى هذا الموضوع سنستخدم أداة بها آلاف الايقونات القابلة للتخصيص من حيث اللون والحجم اسم الاداة Pichon يمكنك تحميلها من هذا الرابط المباشر :

من هنا

بعد التحميل والتثبيت ستجد هذه الايقونة pic.PNG.7e1075f95e0f12963dc5ebbb9de4e725.PNG

 

افتح البرنامج وابحث عن الايقونة التى تريدها بوصفها مثلاً Facebook , Twitter وهكذا , ستجد ايقونات غير قابلة للتخصيص ولكن يمكن التحكم فى حجمها وستجد ايقونات يمكن تغيير ألوانها ستجدها تحت تصنيف Material وبها تصنيفات فرعية مثلا Outlined للايقونات المفرغة و Filled للايقونات الممتلئة , ابحث ن الايقونة وقم بتلوينها مثل المثال :

1822429079_SearchColor.thumb.gif.f57d4f147f76befa3945d909c8ba695d.gif

اضغط كليك يمين ثم Save As واحفظ الايقونة شفافة يمكن وضعها على اى تصميم :wavetowel:

طيب انا محتاج لون دقيق جدا حتى يكون هناك تناسق تام فى الألوان والتصميم فى هذه الحالة يمكنك سحب اللون بالاداة الموجودة فى الموضوع السابق اتبع المثال لسحب لون الاكسس المحبوب على سبيل المثال :

ColorWithColorPicker.thumb.gif.ad10a780dcae583372c3eaa3db2e4aba.gif

لا حدود لما يمكنك ابداعه :wavetowel: , بتطبيق ما تعلمته من الدرسين يمكنك عمل Themes يقوم المستخدم بنحديد المفضل لديه ويتم تغيير الوان الازرار والايقونات وشريط العنوان ليصبح برنامجك شبيهاً ببرامج .Net 😅

المطلوب دعوة بظهر الغيب لصلاح الحال وتيسير الامور , دمتم بخير :fff:

مرفق المثال الاول لتغيير الوان الحروف والايقونات المستخدمة

 

 

Icon Color Amr.rar

تم تعديل بواسطه Amr Ashraf
  • Like 6
  • Thanks 3
رابط هذا التعليق
شارك

بسم الله الرحمن الرحيم

وعليكم السّلامُ ورحمة الله تعالى وبركاته

ما شاء الله! تَباركَ الله!

وأستسمحكم:

هل يمكن تطبيق الدّرس على برامج غير الأكسس؟!

والله تعالى يجزيكم خيرًا ، ويزيدكم من فضله.

رابط هذا التعليق
شارك

9 دقائق مضت, الأترُجّة said:

هل يمكن تطبيق الدّرس على برامج غير الأكسس؟!

الفكرة عامة ويمكن تطبيقها حتى على تطبيقات الاندرويد , الايقونات واحدة على جميع المنصات

 

10 دقائق مضت, الأترُجّة said:

والله تعالى يجزيكم خيرًا ، ويزيدكم من فضله.

ولكم مثله:fff:

  • Thanks 1
رابط هذا التعليق
شارك

4 ساعات مضت, Amr Ashraf said:

الفكرة عامة ويمكن تطبيقها حتى على تطبيقات الاندرويد , الايقونات واحدة على جميع المنصات

 

ولكم مثله:fff:

شُكرًا لأريحيتكم.

أحسن الله تعالى إليكم، ويسّر لكم الخَير.

رابط هذا التعليق
شارك

2 ساعات مضت, abouelhassan said:

سدد الله خطاك وزادك من فضله اللهم امين يارب العالمين

بارك الله فيك اخى الكريم , شرفنى مرورك :fff:

37 دقائق مضت, Moosak said:

شكرا لك الأخ عمر .. 🌹 🙂 

بارك الله فيك اخى موسى , شرفنى مرورك :fff:

9 ساعات مضت, الأترُجّة said:

أحسن الله تعالى إليكم، ويسّر لكم الخَير.

جزاك الله خير :fff:

  • Thanks 1
رابط هذا التعليق
شارك

45 دقائق مضت, احمد الفلاحجي said:

جزاك الله خيرا استاذ عمر ع البرامج الجميله 🌹

شرفنى مرورك اخى الكريم

39 دقائق مضت, محمد حسن المحمد said:

جزاكم الله خيرا وأحسن إليكم آمين.

نحن واياكم اخى الفاضل , شرفنى مرورك

  • Like 1
رابط هذا التعليق
شارك

في ٧‏/٥‏/٢٠٢٢ at 21:54, Amr Ashraf said:

السلام عليكم ,, الاخوة الاعزاء كل عام وانتم بخير .

كما نعلم ان الايقونات جزء لا يتجزء من الواجهات الحديثة الجذابة التى تلفت الانظار ومن هذا المنطلق واستكمالاً للموضوع السابق الذى تجده هنا :

 

موضوعنا اليوم عن كيف تصنع ايقوناتك خصيصاً لتتناسب مع تصميم برنامجك بطريقة بسيطة , انظر النتيجة :

PickColor.gif.c4b56f36464b7c048193a22d31a39cb1.gif

هناك اختلاف بسيط فى الالوان لأنى عملتهم على عجالة 😅 .

فى هذا الموضوع سنستخدم أداة بها آلاف الايقونات القابلة للتخصيص من حيث اللون والحجم اسم الاداة Pichon يمكنك تحميلها من هذا الرابط المباشر :

من هنا

بعد التحميل والتثبيت ستجد هذه الايقونة pic.PNG.7e1075f95e0f12963dc5ebbb9de4e725.PNG

 

افتح البرنامج وابحث عن الايقونة التى تريدها بوصفها مثلاً Facebook , Twitter وهكذا , ستجد ايقونات غير قابلة للتخصيص ولكن يمكن التحكم فى حجمها وستجد ايقونات يمكن تغيير ألوانها ستجدها تحت تصنيف Material وبها تصنيفات فرعية مثلا Outlined للايقونات المفرغة و Filled للايقونات الممتلئة , ابحث ن الايقونة وقم بتلوينها مثل المثال :

1822429079_SearchColor.thumb.gif.f57d4f147f76befa3945d909c8ba695d.gif

اضغط كليك يمين ثم Save As واحفظ الايقونة شفافة يمكن وضعها على اى تصميم :wavetowel:

طيب انا محتاج لون دقيق جدا حتى يكون هناك تناسق تام فى الألوان والتصميم فى هذه الحالة يمكنك سحب اللون بالاداة الموجودة فى الموضوع السابق اتبع المثال لسحب لون الاكسس المحبوب على سبيل المثال :

ColorWithColorPicker.thumb.gif.ad10a780dcae583372c3eaa3db2e4aba.gif

لا حدود لما يمكنك ابداعه :wavetowel: , بتطبيق ما تعلمته من الدرسين يمكنك عمل Themes يقوم المستخدم بنحديد المفضل لديه ويتم تغيير الوان الازرار والايقونات وشريط العنوان ليصبح برنامجك شبيهاً ببرامج .Net 😅

المطلوب دعوة بظهر الغيب لصلاح الحال وتيسير الامور , دمتم بخير :fff:

مرفق المثال الاول لتغيير الوان الحروف والايقونات المستخدمة

 

 

Icon Color Amr.rar 71.73 kB · 27 downloads

من طيبك الله يسعدك استاذي  هديه رائعه وجميله بارك الله فيك 

رابط هذا التعليق
شارك

من فضلك سجل دخول لتتمكن من التعليق

ستتمكن من اضافه تعليقات بعد التسجيل



سجل دخولك الان
  • تصفح هذا الموضوع مؤخراً   0 اعضاء متواجدين الان

    • لايوجد اعضاء مسجلون يتصفحون هذه الصفحه
×
×
  • اضف...

Important Information