تعتبر أيقونات فكونتاكتي عنصر تصميم لا غنى عنه للعديد من مواقع الويب والتطبيقات. ومع ذلك ، في بعض الأحيان يتعين عليك مواجهة حقيقة أن الرموز القياسية لا تتوافق مع النمط العام أو متطلبات المشروع. طريقة واحدة لحل هذه المشكلة هي جعل الرموز مستديرة. في هذه المقالة ، سنخبرك بكيفية القيام بذلك في بضع خطوات بسيطة.
الخطوة الأولى هي تحديد أداة تحرير الرمز. يمكنك استخدام محرر الرسوم البيانية Adobe مثل أدوبي فوتوشوب أو الأعرج. إذا كنت بحاجة إلى معالجة عدد كبير من الصور ، فمن المستحسن استخدام البرامج المتخصصة مثل إيكوفس أو إيكونوركشوب.
الخطوة الثانية هي فتح الصورة الأصلية واقتصاصها على شكل دائرة. للقيام بذلك ، يمكنك استخدام أداة "الإطار الدائري" في محرر الرسومات أو تطبيق مرشح "الدائرة" أو "تقريب الحواف". فمن المستحسن لحفظ الصورة في شكل ينغ مع خلفية شفافة بحيث تناسبها بشكل أفضل مع خلفيات مختلفة.
ستكون الخطوة الثالثة هي تغيير لوحة ألوان الرمز ، إذا لزم الأمر. في محرر الرسومات ، يمكنك استخدام أداة تصحيح الألوان أو التعبئة لتغيير لون الرمز أو ظله. يمكنك أيضا تطبيق تأثيرات مختلفة لإعطاء الرمز نظرة خاصة.
- كيفية جعل أيقونات فكونتاكتي مستديرة:
- إعداد الصورة
- تطبيق أنماط كس
كيفية جعل أيقونات فكونتاكتي مستديرة:
الخطوة 1: قم بتنزيل أيقونة فكونتاكتي التي تريد إجراؤها.
الخطوة 2: افتح متصفحا وابحث عن خدمات تحرير الصور ، على سبيل المثال ، فوتوشوب عبر الإنترنت.
الخطوة 3: قم بتحميل صورة فكونتاكتي الأصلية إلى الخدمة المحددة.
الخطوة 4: حدد وظيفة" اقتصاص "أو" دائرة " في أدوات التحرير.
الخطوة 5: اقتصاص أيقونة فكونتاكتي لجعلها مستديرة. تعيين دائرة نصف قطرها من الدائرة وفقا لتفضيلاتك.
الخطوة 6: احفظ صورة فكونتاكتي المعدلة على جهاز الكمبيوتر الخاص بك.
الخطوة 7: قم بتحميل الصورة المحررة إلى صفحة فكونتاكتي الخاصة بك. حدد القسم المطلوب (على سبيل المثال ، الصورة الرمزية) وقم بتحميل الصورة هناك.
الخطوة 8: تحقق من أن أيقونة فكونتاكتي أصبحت مستديرة ويتم عرضها بشكل صحيح على صفحتك.
الخطوة 9: إذا كانت النتيجة لا ترضيك ، يمكنك تكرار العملية باستخدام أدوات أو خدمات أخرى لتحرير الصور.
إعداد الصورة
قبل جعل أيقونات فكونتاكتي مستديرة ، تحتاج إلى إعداد الصور المناسبة. سوف تحتاج ينغ أو جبيغ الرموز التي تريد أن تجعل الجولة.
مراحل إعداد الصورة:
- حدد الرموز المناسبة. عند اختيار الرموز ، ضع في اعتبارك حجمها وجودتها. من الأفضل استخدام صور عالية الدقة للحفاظ على التفاصيل حتى بعد الاقتصاص.
- اضبط الحجم المطلوب. حدد حجم الرموز التي سيتم استخدامها في مشروعك. اختر الحجم الذي يناسب سياق التصميم والاستخدام الخاص بك.
- قم بإزالة عناصر الخلفية. إذا كانت الرموز بحاجة إلى خلفية شفافة ، فقم بإزالة جميع عناصر الخلفية غير الضرورية لإنشاء صورة نظيفة باستخدام الرمز.
- محاذاة الرموز. إذا كنت تستخدم أيقونات متعددة ، فتأكد من أنها في المنتصف ولها نفس الحجم. سيساعد ذلك في الحفاظ على أسلوب موحد وتناغم بصري.
بعد الانتهاء من جميع المراحل اللازمة لإعداد الصورة ، ستكون جاهزا للانتقال إلى الخطوة التالية — إنشاء أيقونات فكونتاكتي المستديرة.
تطبيق أنماط كس
يسمح لك استخدام أنماط صفحة الويب بتعيين مظهرها وموقع العناصر. للقيام بذلك ، يتم استخدام لغة نمط كس (أوراق الأنماط المتتالية) ، والذي يسمح لك لوصف قواعد التنسيق لعناصر الصفحة المختلفة.
يمكن تعيين الأنماط داخل علامة داخل علامة أو توصيلها بملف كس خارجي باستخدام علامة. يحتوي كل نمط على محدد يحدد العناصر التي سيتم تطبيقها عليها ، والخصائص التي تحدد مظهر العنصر.
هنا مثال على استخدام الأنماط:
- إنشاء ميستيل.ملف المغلق مع التمديد.كس ، على سبيل المثال ، في المجلد مع المشروع الخاص بك.
- في ميستيل.ملف المغلق ، وتحديد أنماط للعناصر التي تحتاج إليها. على سبيل المثال:
- ص {
- حجم الخط: 18 بكسل;
}
| اللون: أحمر; | محاذاة النص: المركز; |
|---|---|
| } | |
| أضف العلامة التالية داخل علامة صفحة هتمل الخاصة بك : |
الآن الأنماط المحددة في ميستيل.سيتم تطبيق ملف كس على صفحة هتمل الخاصة بك.