الأيقونات
أيقونات النظام (System Icons)
التعريف
أيقونات النظام أو أيقونات واجهة المستخدم ، ترمز إلي أمر ، ملف، جهاز ، أو دليل. ويستخدم نظام الأيقونات أيضا لتمثيل إجراءات (actions) شائعة مثل الطباعة والحفظ والحذف.
تصميم أيقونات النظام بسيط ،حديث، وودي. كل أيقونة يتم تقليلها إلي حدها الأدني ، مع كل فكرة يتم تنفيذها في جوهرها. التصميمات تضمن انقرائية جيدة ووضوح حتي في الأحجام الصغيرة.
مبادئ التصميم
الأشكال تكون عريضة (bold) وهندسية (geometric) في التنفيذ.
اللعب علي التماثل والتناسق في شكل الأيقونة يعطيها ميزة فريدة من نوعها، أثناء الحفاظ علي البساطة والعرض (Bold).
الشبكة، النسبة، والحجم (Grid, Proportion, and Size)
شبكة الأيقونة (icon grid) هي شبكة مرنة تستند علي عناصر رئيسية ونسب مشتركة بين الأيقونات . شكل الأيقونة مبني من أشكال هندسية مسطحة التي تحاذي الشبكة (grid).
4 أشكال هندسية مستخدمين في الشبكة (Grid)، بأحجام محددة لضمان تناسق الوزن البصري (visual weight) والتناسب في جميع الأشكال.
تتوفر مجموعتين من الأشكال بأحجام مختلفة لتتمكن من استخدمامها للأيقونات في تطبيقك.
زوايا دائرية (Round Corners)
اضافة زوايا دائرية للأشكال المربعة والمستطيلة. اللعب في الزوايا المستديرة والحادة يمكن أن يتم تطبيقة للأشكال المربعة والمستطيلة التي تحتوي علي بروز (protrusion) أو تفصيل (indentation). كل الأيقونات القوية (stroked) لها زوايا حادة.
كل حجم لمجموعة أيقونات النظام يتطلب زاوية مستديرة مختلفة من أجل التناسق البصري.
التناسق
التناسق هو أمر مهم. استخدم أيقونات النظام الحالي كلما أمكن وخلال التطبيقات المختلفة.
الأيقونات في السياق والتطبيق (Context and Application)
الأيقونات تقع (nestled) في 24 dps المربع المحيط يحدد بواسطة الشبكة (grid).
Ahmed Abed
مقال رائع
daygeek
شكرا لك أخي على الموضوع