التفكير في طرق لحل أزرار التقسيم
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
في تحدّي واجهة المستخدم الرسومية اليوم، أشارك أفكاري حول طريقة حلّ مشكلة أزرار التقسيم. هو مكوّن أساسي للواجهات المختزلة، ويتيح زرًا واحدًا لعرض الإجراءات الثانوية. الكثير من النصائح الرائعة حول المظاهر والظلال واللون والتخطيطات وتجربة المستخدم التفاعلية والمزيد.
الفصول:
- 0:00 - مقدمة
- 0:24 - نظرة عامة
- 1:40 - فاتح وداكن
- 3:37 - الظلال
- 5:45 - نصائح حول رسومات موجّهة يمكن تغيير حجمها (SVG)
- 7:12 - الحالات
- 10:20 - تجربة المستخدم بلوحة المفاتيح
- 11:41 - تجربة المستخدم ذات الحركة المنخفضة
- 13:20 - تجربة مستخدم قارئ الشاشة
- 14:13 - تجربة المستخدم من اليمين إلى اليسار
- 15:58 - تصميمات Flexbox
- 18:51 - JavaScript
- 21:22 - الخاتمة
المراجع:
مشاهدة المزيد من تحدّيات واجهة المستخدم التصويرية ← https://goo.gle/GUIchallenges
الاشتراك في Google Chrome Developers ← http://goo.gl/LLLNvf
arrow_back الرجوع إلى كل الحلقات
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2021-09-08 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2021-09-08 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]