Responsive landing page
Responsive landing page
أنشأت نظام تصميم متكامل يشمل: الخطوط، لوحة الألوان، التباعد، المكونات (مثل الأزرار، البطاقات، شريط التنقل، وغيرها)، بالإضافة إلى الأيقونات. هذا النظام يضمن التناسق في جميع عناصر الواجهة، ويسهّل تطوير وتوسيع التصميم مستقبلًا.
التصميم المتجاوب يضمن تجربة مستخدم مريحة وسهلة على مختلف الأجهزة سواء كانت حواسيب، أجهزة لوحية، أو هواتف ذكية.
الأدوات المستخدمة:
Figma
منهجية نظم التصميم (Design System)
Auto Layout
تقنيات التصميم المتجاوب
أبرز المميزات:
دعوة واضحة لاتخاذ إجراء (Call to Action) لتخطيط الرحلات
تقسيم بصري منظم لتسهيل التنقل بين الأقسام
تصميم متجاوب يبدأ من الهاتف أولًا (Mobile-first)
مكونات UI قابلة لإعادة الاستخدام مع تنسيق ثابت
توازن بين الصور والأيقونات لدعم المحتوى
https://mostaql.com/portfolio/2757720-responsive-landing-page
التعليقات (5)
