جدول المحتوى
أيقونات للتصميم 2022
تعد الأيقونات ومجموعات الرموز جزءًا أساسيًا وغالبًا ما يتم تجاهله في تصميم واجهة المستخدم.
تتمتع الأيقونات بالقدرة على توصيل الغرض ، وتعكس صوت العلامة التجارية ، وشرح مفاهيم محددة دون إرباك المستخدم ، كل ذلك أثناء أداء دور تنقل المستخدم.
اقرأ أيضا ميزات فوتوشوب الجديدة 2022 بالأمثلة وايضا أفضل فرش 58 فرشاة فوتوشوب Photoshop مجانية لعام 2022 وايضا أفضل تأثيرات فوتوشوب 2022
لكن ، أولاً ، دعنا نفحص ماهية مجموعات الرموز بالضبط ودورها في تصميم واجهة المستخدم.
أيقونات للتصميم 2022 ما هي مجموعات الأيقونات؟
مجموعات الرموز هي مجموعة من الرموز التي تم إنشاؤها خصيصًا لتبدو متشابهة بصريًا ويمكن تنفيذها بسهولة في تصميماتك ، تمامًا مثل الخطوط . يمكن استخدام الرموز في أي مكان ، من الرموز الاجتماعية إلى قوائم التنقل.
يساعد استخدام الرموز وأيقونات للتصميم 2022 من نفس العائلة على ضمان الوحدة المرئية والاتساق في التصميم مع تحقيق هدفهم النهائي: تنقل المستخدم.
كمصمم ، يجب أن تهدف دائمًا إلى التوحيد والاتساق. ومن ثم ، مجموعات الرموز. يمكن أن يؤدي استخدام أكثر من رمز واحد في التصميم إلى إرباك المستخدمين وإرباكهم وترك التصميم يبدو فوضويًا أو مربكًا. لهذا السبب من الأفضل عادةً الالتزام بنمط رمز واحد لكل مشروع.
يمكن أن يفيد استخدام مجموعة الرموز سير عمل التصميم الخاص بك بعدة طرق ، بما في ذلك:
- إنها تساعدك على توفير الوقت من خلال عدم الاضطرار إلى تصميم أيقوناتك من البداية.
- إنها تضمن الانسجام في تصميماتك حيث تضمن مجموعات الرموز من الدرجة الأولى الوحدة في جميع الرموز.
- إنها توفر رموزًا سهلة التعرف عليها تعزز المظهر الجمالي لتصميمك وحدسيته.
ما الذي تبحث عنه في أفضل مجموعات الرموز
هناك العديد من الخصائص الرئيسية التي يجب البحث عنها عند تحديد مجموعة أيقونات لإضافتها إلى مجموعة الأدوات الخاصة بك.
1. يجب أن يكون لديهم إصدارات صلبة وخطية ،، أيقونات للتصميم 2022
على الرغم من أن المصممين لديهم العديد من الآراء والتفضيلات فيما يتعلق بالحجة الصلبة مقابل الأيقونة الخطية و أيقونات للتصميم 2022 ، يجب أن تمنحك مجموعة الرموز الجيدة خيار كليهما. بهذه الطريقة ، يمكنك تصميم أي نوع من الأيقونة ستستخدمه اعتمادًا على تفاصيل مشروع التصميم الخاص بك.
وفقًا لـ Medium ، قد تكون الرموز الصلبة أكثر قابلية للتمييز من رموز الخطوط عند تمثيل نفس الموضوعات. من ناحية أخرى ، قد تكون إصدارات الخطوط خيارًا أفضل للأيقونات ذات المعاني الأكثر تجريدًا. عندما تصبح مصممًا أكثر خبرة ، ستشعر بالإصدار الذي يعمل مع العميل أو المشروع.
2. يجب أن تكون كبيرة الحجم لإطار ثابت ،، أيقونات للتصميم 2022
من المرجح أن يشاهد المستخدمون أيقوناتك عبر شاشات وأجهزة مختلفة. لذلك ، تحتاج إلى التأكد من أن الرموز الموجودة في مجموعة الرموز الخاصة بك قابلة للتحجيم إلى حجم إطار ثابت. بهذه الطريقة ، بغض النظر عن طريقة التفاعل (الماوس أو اللمس) ، فإنك تضمن سهولة الاستخدام.
بالإضافة إلى ذلك ، يعد حجم الإطار المتسق أكثر أهمية لأنه لن تكون جميع الرموز بالحجم نفسه بسبب الاختلافات الهندسية. تأكد من وضعها في إطار يحتوي على نسبة متسقة في جميع أنحاء التصميم الخاص بك لتجنب الوقوع في مشاكل قابلية التوسع.
3. يجب أن يكون لديهم كمية كافية من الرموز ،، أيقونات للتصميم 2022
اعتمادًا على مدى مشروع التصميم الخاص بك ، قد تحتاج إلى مجموعة كبيرة من الرموز.
تحقق من عدد الرموز المضمنة في مجموعة للتأكد من أن لديك ما يكفي من الرموز لاستخدامها. إذا لم يكن هناك ما يكفي من الرموز ، فأنت تخاطر بالحاجة إلى التبديل في منتصف الطريق خلال التصميم الخاص بك. تذكر ، الاتساق أمر بالغ الأهمية في تصميم واجهة المستخدم ، لذلك قد تؤدي المجموعات غير المتطابقة إلى تدمير المشروع بأكمله.
بالطبع ، تريد أيضًا التأكد من أن مجموعة الرموز الخاصة بك لا تحتوي على عدد كبير جدًا من الرموز. في أغلب الأحيان ، ينتج عن هذا عادةً انخفاض في جودة التصميم مع زيادة عدد الرموز في المجموعة.
يعد العثور على الرقم الصحيح عملية موازنة دقيقة ، ويمكن أن يكون العثور على أرضية وسط بين التنوع واتساق التصميم أمرًا صعبًا. تأكد من استخدام المجموعات التي أوصى بها المصممون الآخرون ، كما هو الحال في قائمتنا أدناه.
أفضل 16 مجموعة أيقونات للتصميم 2022 واجهة المستخدم
الأبطال ،، أيقونات للتصميم 2022
إليك مجموعة أيقونات مفضلة لفريق Designership – HeroIcons .
تم إنشاء مجموعة الرموز هذه بواسطة Tailwind CSS ، وهو اسم معروف جدًا بين مطوري الواجهة الأمامية. بالنسبة لأولئك الذين يستخدمون واجهة مستخدم Shipfaster ، قد تتعرف على HeroIcons على أنها مجموعة الرموز المفضلة.
يعمل HeroIcons بشكل جيد بشكل لا يصدق مع الوضع المظلم والخفيف ، ولديه قابلية كبيرة للتوسع ، كما أنه يأتي مع خيار كل من الإصدارات الصلبة والخطية ، مع إمكانية الوصول المباشر.
Unicons ،، أيقونات للتصميم 2022
تعد مجموعة أيقونات Unicons مفضلة أخرى من فريق Designership وتم اختيارها كمجموعة أيقونات مفضلة لمجموعة Outline Wireframe Kit . Unicons عبارة عن مجموعة أيقونات مجانية متاحة أيضًا كملف Figma .
تتمثل إحدى ميزات مجموعات Unicons الأكثر جاذبية في مقدار التنوع الذي يمكنك الحصول عليه. يوجد أكثر من 1000 رمز في الحزمة يمكنك تنفيذها في مشاريع التصميم الخاصة بك على الفور ، وتقدم المجموعة أربعة متغيرات لكل رمز – خط ، صلب ، أحادي اللون ، وصلب.
أيقونات الريش ،، أيقونات للتصميم 2022
تم إنشاؤها بواسطة Cole Bemis ، وتحظى Feather Icons بشعبية كبيرة لدى فريق Designership – ولسبب وجيه. تتميز مجموعة Feather Icons بمجموعة رائعة من بعض أجمل الرموز مفتوحة المصدر المتاحة على الإنترنت اليوم.
يركز كل رمز على البساطة وسهولة القراءة واتساق التصميم. كل أيقونة = تقع على شبكة 24 × 24 ، وهي مصقولة جيدًا وقابلة للتعديل بسهولة.
ومع ذلك ، في حين أن مجموعة أيقونات الريشة بها العديد من التصميمات والتفاصيل الرائعة ، إلا أن هناك بعض العيوب. من ناحية ، فإن نظام تسمية مجموعة الأيقونة ليس سهل الاستخدام ويمكن أن يكون من الصعب التنقل فيه خاصة عندما تنسى اسم شيء ما. أيضًا ، يمكن أن تكون الإصدارات الخطية للرموز الاجتماعية أفضل من إصداراتها الصلبة.
مشروع نون ،، أيقونات للتصميم 2022
تضم مجموعة أيقونات Noun Project مجموعة من أكثر من 3 ملايين رمز ، كاملة مع نظام بحث متقدم يجعل من السهل العثور على ما تريد.
مجموعة الرموز هذه مجانية ، مع خيار الترقية إلى بعض الحزم المدفوعة (9.99 دولارًا شهريًا).
أفضل ميزة في Noun Project هي دعمه ومساهماته المجتمعية الممتازة. لديهم مجتمع كبير من المبدعين من أكثر من 130 دولة ومجموعة رائعة من بعض الرموز والصور الفوتوغرافية. سيكون Noun Project هو نعمة التوفير لأولئك الذين يبحثون عن صور مخزون مجانية لاستخدامها في المشاريع.
فيما يتعلق بمجموعات الأيقونات الخاصة به ، أبلغ بعض مصممي واجهة المستخدم أنه قد يكون أكثر ملاءمة إذا احتفظت مجموعات الرموز بمساراتها أثناء التصدير بدلاً من توسيع المسارات إلى حدود. بهذه الطريقة ، سيكون تحرير أشكال الأيقونات وعرض السكتات الدماغية أكثر وضوحًا.
مكتبة أيقونات المواد ،، أيقونات للتصميم 2022
مكتبة أيقونات المواد عبارة عن رمز مجاني تم تعيينه لنظام تصميم المواد بواسطة Google.
مدعومة من المجتمع Slant ، تحتوي مكتبة أيقونات المواد على مورد يضم أكثر من 1000 رمز مجاني في خمسة أشكال مختلفة – مليئة ، حادة ، مستديرة ، محددة ، وذات نغمتين.
مجموعة الرموز هذه متسقة إلى حد كبير ومع مجموعة متنوعة رائعة من الخيارات. ومع ذلك ، يقوم بعض المصممين بالإبلاغ عن مشكلات تغيير الحجم في المجموعة. على وجه الخصوص ، تكون الرموز صغيرة جدًا عند العمل مع الهاتف المحمول.
أيقونات الفوسفور ،، أيقونات للتصميم 2022
مجموعة أيقونة الفوسفور هي من بنات أفكار هيلينا زانج وتوبي فرايد . تتميز هذه المجموعة بمورد واسع من الرموز المتسقة والقابلة للتطوير والمرضية من الناحية الجمالية.
أفضل جزء في هذه المجموعة هو أنه من السهل جدًا التقاط الرموز وتوصيلها بمشاريع تصميم Figma.
إذا كنت تستخدم المكون الإضافي Figma ، فيجب أن تلاحظ أن إصدارات الخطوط لها ثخانة ثابتة ، مما قد يسبب مشاكل إذا قمت بتغيير حجم الرموز. الحل السريع هو الضغط على “K” للحفاظ على النسبة أثناء تغيير الحجم. يمكنك أيضًا استخدام مكون Skale الإضافي لحل هذه المشكلة.
أيقونات خربش ،، أيقونات للتصميم 2022
مجموعة أيقونات دودل هي عبارة عن مجتمع فيجما مجاني. الرموز الموجودة في هذه المجموعة مليئة بالشخصية والشخصية ، وعلى الرغم من أنها قد لا تكون مجموعة المهام اليومية ، إلا أنها مجموعة ممتازة في متناول اليد للقيام بمشاريع أكثر غرابة.
مجموعة الأيقونات هذه أصغر قليلاً من المجموعات الأخرى ، ولكن ما تفتقر إليه في التنوع ، فهي تعوض عن التناسق ، والقابلية للتوسع ، والأهم من ذلك كله ، الشخصية.
رمز مسطح FlatIcon ،، أيقونات للتصميم 2022
تعد مجموعة أيقونات FlatIcon مصدرًا ممتازًا آخر لمصممي واجهة المستخدم الذين يبحثون عن أيقونات أنيقة وبسيطة. باستخدام مجموعة الرموز المجانية هذه ، يمكنك الوصول إلى أكثر من 5 ملايين رمز وملصق. مرة أخرى ، مع Figma ، كل ما عليك فعله هو نسخ الرموز ولصقها.
مثل مشروع Noun ، توفر مكتبة الرموز FlatIcon أيضًا إمكانية بحث ممتازة وتحتوي على واجهة سهلة التنقل. أحد عيوب حزمة FlatIcon هو أن المستخدمين المجانيين لا يمكنهم تنزيل الرموز المتجهة بتنسيق SVG. ولكن ، يمكنك تنزيل تنسيقات أخرى وتحويلها ببساطة إلى SVG.
مبدع ،، أيقونات للتصميم 2022
Iconly هو رمز آخر موصى به للغاية تم تعيينه مع مكون إضافي لـ Figma . تحتوي هذه المجموعة على أكثر من 600 رمز يمكنك سحبها وإسقاطها بسهولة في Figma ، مع تنظيم عالٍ وسهل التنقل في المكتبة ، وتحتوي أيضًا على Iconly 2.0 Glass Icon Set ، لأولئك الذين يبحثون عن لوحة ألوان مختلفة قليلاً.
يحتوي الإصدار الأحدث من مجموعة أيقونات Iconly (الإصدار 2.3) على أيقونات متجهة كاملة بخمسة أنماط – فاتح ، غامق ، مكسور ، مجمّع ، ونغمتان. أيضًا ، تحتوي جميع أيقوناتها على شبكة 24 × 24.
Iconly مجاني ، مع خيار التبرع لمصممي الأيقونات. ولكن ، إذا كنت تستخدم الرموز للمشاريع التجارية ، فستحتاج إلى اختيار الحزمة المدفوعة.
أيقونات نظام Microsoft Fluent ،، أيقونات للتصميم 2022
أيقونات نظام Microsoft Fluent عبارة عن مجموعة أيقونات تستخدم للمشاريع عبر Microsoft.
تتمتع هذه الأيقونات بشعور “ودود” وجذاب للغاية بفضل زواياها الدائرية وأشكالها المبسطة. كما أنها تأتي في شكلين – صلب ومبطن.
على الرغم من أن هذه الرموز متسقة في التصميم ، إلا أنها قد تواجه مشكلات تتعلق بقابلية التوسع. مرة أخرى ، ما عليك سوى استخدام اختصار مفتاح الاختصار “K” لإبقائها موحدة أثناء القياس.
ريشوت ،، أيقونات للتصميم 2022
Reshot هو مورد مجاني لمجموعات الرموز التي أنشأها Envato. مثل العديد من مكتبات الأيقونات الأخرى في هذه القائمة ، ستجد مجموعة واسعة من خيارات الرموز على Reshot ، مع فرصة للتنزيل بأي تنسيق ، بما في ذلك SVG.
مع Reshot ، لا توجد قيود على الاشتراك أو الدفع.
أيقونات Tabler ،، أيقونات للتصميم 2022
تعد مجموعة Tabler Icon من CodeCalm وجهة رائعة لأيقونات مفتوحة المصدر وقابلة للتخصيص بدرجة كبيرة.
تقدم هذه المجموعة للمصممين ما يقرب من 2000 رمزًا مع أنماط تصميم قوية ومتسقة مجانًا ، دون الحاجة إلى الإسناد للاستخدام التجاري. باستخدام هذه المجموعات ، يمكنك بسهولة ضبط حجم كل رمز وحدته ولونه بنقرة واحدة للنسخ واللصق في Figma.
على الرغم من عدم وجود مكون إضافي لـ Figma حتى الآن ، إلا أن الفريق الذي يقف وراء مجموعات Tabler Icon استباقي بشكل لا يصدق في التطوير ، حيث يضيف باستمرار موارد وأيقونات جديدة كل أسبوع.
أيونيكس ،، أيقونات للتصميم 2022
Ionicons هي مصدر مفتوح المصدر ومرخص من معهد ماساتشوستس للتكنولوجيا للأيقونات المصممة بشكل إبداعي التي أنشأتها Ionic .
تحتوي هذه المكتبة على أكثر من 700 رمز لبعض الرموز الأكثر شيوعًا بثلاثة أشكال مختلفة – خطية وصلبة وحادة. على الرغم من أنها قد لا تحتوي على عدد كبير من الرموز مثل المجموعات الأخرى ، إلا أن تصميماتها فائقة الوضوح ، مع حجم إطار ثابت.
وهي تشمل أيضًا مكونًا إضافيًا لـ Figma ودعمًا لـ SVG وخطوط الويب ، ومجموعة مختارة من الرموز المثالية لجميع الأنظمة الأساسية ، بما في ذلك iOS و Android وتطبيقات الويب وتطبيقات سطح المكتب.
مبدع ،، أيقونات للتصميم 2022
Iconic هو خيار شائع آخر للرموز المتسقة والقابلة للتطوير.
تم إنشاء Iconic بواسطة الفريق الذي يقف وراء Premium Pixels ، وتتميز بتصميم تفاعلي لاستكشاف الرموز وحالات استخدامها. مع أكثر من 840 رمزًا والعد ، ستقدر أحجام الإطارات القوية والمتسقة والتنوع (يضيفون عشرة رموز جديدة أسبوعياً). لسوء الحظ ، ليس لديهم مكون إضافي فيجما حتى الآن.
العيب هو أنك ستحتاج إلى شراء اشتراك لمعظم الرموز ، ولا تتوفر سوى رموز Line. لديهم فقط رموز الخطوط على موقع الويب الخاص بهم ، لذلك إذا كنت ترغب في جعلها كرموز تعبئة ، فأنت بحاجة إلى إزالة الحد وإضافة لون التعبئة إليها يدويًا.
انسيابية ،، أيقونات للتصميم 2022
يعد Streamline موردًا لمجموعة الرموز يضم ما يقرب من 100000 رمز (والعدد) والرسوم التوضيحية.
مجموعة الرموز المختارة في مجموعات الإطار السلكي مثل Wireframy ، هذه الرموز متسقة للغاية وسهلة التكيف مع ألوان العلامات التجارية. يحتوي Streamline أيضًا على تطبيق Streamline سهل الاستخدام ، مما يسمح للمصممين بالعمل أثناء التنقل.
قام الفريق مؤخرًا بإصلاح خطأ فيجما حيث أدى إدخال PNG في لوحات الرسم والتلوين فيجما إلى بعض المشكلات مع تغيير بعض الرسوم التوضيحية إلى لون غامق غريب.
رموز SF 3 ،، أيقونات للتصميم 2022
تعد SF Symbols 3 موردًا لمجموعة الرموز من فريق تطوير Apple ولديها جمالية iOS الكلاسيكية.
يحتوي على أكثر من 3000 رمز ويتكامل بسلاسة مع خط نظام Apple الخاص بـ San Francisco ، بحيث تتم محاذاة الرموز تلقائيًا مع النص بجميع الأوزان والأحجام. تأتي الرموز في تسعة أوزان وثلاثة مقاييس ويتم محاذاة تلقائيًا مع تسميات النص.
تعرف على كيفية استخدام مجموعات أيقونات للتصميم 2022 الرموز في تصميم Figma & UI
كمصمم ، تلعب الأدوات والموارد التي تراها دورًا مهمًا في جودة التصميم الذي تحققه. سيساعدك تخزين موارد التصميم عالية الجودة مثل مجموعات الرموز على إنشاء تصميمات أكثر تناسقًا وأفضل وأسرع.
تم النشر والترجمة بواسطة مدونة هوية عن طريق المصدر مدونة thedesignership