لقد لاحظت أن العديد من مصممي المنتجات يسألون السؤال "كيفية تنظيم حالات المكونات المختلفة؟". ينقسم عالم التصميم كله إلى قسمين. السابق جعل مكون واحد فيه العديد من المجلدات لجميع الحالات. الأخير يجعل مكون منفصل لكل حالة العنصر.
أولاً ، سوف أقوم بتحليل مزايا وعيوب كل منها ، وبعد ذلك سأغامر باقتراح خيار آخر. أنا أتحدث عن التنفيذ في الشكل. ربما لا ينطبق شيء ما على المحررين الآخرين.
1. مكون واحد مع العديد من الدول
الفوائد
- مكتبة المكونات تبدو أكثر إحكاما.
- في لوحة المكون ، يوجد عدد أقل من العناصر وبالتالي يتم تمرير أقل في العثور على العنصر الصحيح. في هذه الحالة ، يحفظ البحث بالاسم.
القصور
- في مكان ما ، لا تزال بحاجة إلى عرض مصمم التخطيط على جميع الحالات الممكنة ، لأنه لا يرى الطبقات المخفية.
- عليك قضاء بعض الوقت في البحث عن الحالة المطلوبة: إظهارها وإخفاء ما لا لزوم لها. هذا متعب بشكل خاص إذا كانت بنية المكون معقدة.
2. العديد من المكونات لكل من الظروف
الفوائد
- لمصمم تخطيط كل شيء واضح على الفور.
- جميع الحالات مرئية أيضًا للمقارنة مع المكونات الأخرى. هذا مفيد عند إنشاء المكونات التالية.
- في مثيل التحديد ، من السهل العثور على المكون المطلوب ، شريطة أن يتم تسمية كل شيء بشكل صحيح.
القصور
- المكتبة تزداد ضخمة. ومع ذلك ، ليست هناك حاجة لبعض الشروط في 99 ٪ من الحالات. عادة ما يتم فرض نوع التوجيه والضغط مرة واحدة ومن ثم لم يعد من الضروري إظهاره.
3. ما أقدمه
الجميع يعرف عن
التصميم الذري ، وليس من المنطقي التحدث عنه. سأنتبه فقط إلى حقيقة أن العديد من عناصر الواجهة متشابهة. على سبيل المثال ، يمكن إجراء إدخال ، تحديد ، زر ، شريط القوائم وفقًا لمبدأ واحد: رمز المستطيل + النص +. في هذه الحالة ، يمكننا أن نجعل مكونًا يتكون من هذه العناصر الأساسية وأن نبني عليه باقي المكونات: الأزرار والمدخلات وكل شيء آخر. خرج للتو مع اسم لهذا العنصر "أعلى مكون". أي أن المكونات الرئيسية للزر ، والإدخال ، والاختيار ، وحتى شريط القائمة سوف يتكون من مكون أعلى.
المزايا:
- جميع عناصر الواجهة تبدو متشابهة: المسافات البادئة والأحجام والخطوط والمزيد.
- عند تحرير المكون العلوي ، يتم تحرير المكونات المتبقية بناءً عليه.
- نظام التصميم أكثر شمولية وأكثر توحيدا.
- يجعلها أسرع وأسهل.
الميزات (لن أسميها عيوب):
- يجب أن تكون حريصًا على التحرير ، لأن تغيير المكون العلوي ، يمكنك كسر بقية المكونات.
- إذا قمت بتغيير أنماط المكونات الرئيسية ، فلن يؤدي تحرير الأنماط (وحتى إذا قمت بإعادة كتابة النص) للمكون العلوي إلى كسر أي شيء. من الواضح أن هذا لا يتعلق بالتحرير الهيكلي للمكون العلوي.
- التعشيش أعمق. هناك المزيد من النقرات للوصول إلى الطبقات السفلى. عليك أن تعتاد على ذلك. هذا هو الشيء الوحيد الذي أود أن أسميه ناقص.
- في عملية تصميم الصفحة ، يمكن أن يكون المكون العلوي في الطريق بين مكونات العمل. يمكن حل ذلك عن طريق اختراع اسم له ، بفضله سيذهب إلى نهاية القائمة. ربما يبدو هذا ناقصًا لشخص ما ، فهذا لا يزعجني.
اقتراحي يغلق السؤال الذي أثير في البداية جزئياً فقط. إذن كيف ترسم حالات العناصر؟ لن يعمل من أجل الإدخال والأزرار لجعل نفس الحالة. هنا يمكنني تقديم ما يلي:
- حاول وصف الحالات في مكان ما بشكل منفصل باستخدام الأنماط. حسنًا ، لماذا تحتاج إلى مظهر زر مضغوط في كل تخطيط؟
- فكر في أهم المكونات حتى يمكنك استخدامها بسهولة في المكونات الرئيسية التالية.
- عندما يكون المكون معقدًا (على سبيل المثال ، بطاقة بها مجموعة من الصور والنصوص والملصقات ، وما إلى ذلك) ، استخدم الفطرة السليمة. إذا كان لديك مجموعة من المجلدات المخفية التي تحاول البحث فيها ، فقم بعمل مكون منفصل. إذا لم يستغرق التبديل بين الحالات أكثر من 3-4 نقرات ، فاترك المجلدات في المكون.
- إذا كان هناك أكثر من مصمم يعمل في مشروع ما ، فوافق على الطريقة التي سيبدو بها المكون الرئيسي في الحالة التي ينبغي نشرها فيه. لكي لا يقوم تحديث المكون بقطع التنسيقات النهائية. على سبيل المثال ، افتراضيًا ، يتم عرض الحالة الأساسية في المجلد العلوي ، ويجب إخفاء جميع الحالات الأخرى. أو مقياس أقصى: يتم إخفاء جميع المجلدات بشكل افتراضي.
- كل شيء آخر يعتمد على خيالك وتفضيلاتك الذوق.