Icon-fontello-pixel-pedialinkedin Telegram-plane

تعلّم أحد تخصصات التصميم حتى تصل لمرحلة الاحتراف

تقدم بيكسل بيديا مسارات واضحة وتفصيلية لتعلم اختصاصات التصميم المختلفة

اختر المسار الذي ترغب بتعلمه

مسار تعلم تصميم الويب

تصميم الويب هو عملية تخطيط وترتيب للمحتوى الإلكتروني الرقمي من شأنها خلق المظهر العام والانطباع الجيد عند تصفح موقع الويب.

وتشمل هذه العملية جميع مكونات موقع الويب مثل: هيكلته والألوان المستخدمة وأحجام الخطوط ونوعيتها والرسومات وخريطة الموقع، إلى جانب تصميم الواجهة وتجربة المستخدم وتحسين محرك البحث SEO. لذا يتخطى تصميم مواقع الويب النواحي الجمالية لتشمل الوظائف العامة للموقع ومختلف العناصر التي من شأنها تحسين تجربة المستخدم.

تصميم الويب يرتبط بالبرمجيات التي نبني فيها الموقع بدون برمجة، وأشهر هذه البرمجيات هي WordPress و Webflow و Framer

  1. المواضيع مرتبة بشكل متسلسل لذلك يفضل اتباع المسار بالترتيب إذا كنت مبتدئاً.
  2. في كل موضوع توجد مواد بمستوى مبتدئ ومواد بمستوى متقدم عن نفس الموضوع، لذلك يفضل الاطلاع على المواد المناسبة لمستواك.
  3. في حال كنت تواجه صعوبة بالاستفادة من المواد باللغة الانجليزية فيمكنك استخدام إضافة Joy للمتصفح لكي تتمكن من ترجمة محتوى الفيديوهات ترجمة آلية للغة العربية، أو استخدم ترجمة جوجل للمحتوى المكتوب.
  • مقالة
  • مدونة مستقل
  • المستوى: مبتدئ

1- دليلك العملي لتعلم تصميم مواقع الويب خطوة بخطوة
  • فيديو
  • محمد خيال
  • المستوى: مبتدئ

2- معني الـ Resolution والفرق بين الـ Raster و الـ Vector
  • فيديو
  • Kittl
  • المستوى: مبتدئ

3- Do You Really Know Graphic Design?
  • مقالة
  • uxarb
  • المستوى: مبتدئ

1- خصائص اللون وإدراكه
  • مقالة
  • Flux Academy
  • المستوى: مبتدئ

2- How to strategically use color in website design
  • مقالة
  • Elementor
  • المستوى: مبتدئ

3- Color Theory Fundamentals Every Web Designer Should Know
  • مقالة
  • uxarb
  • المستوى: متقدم

4- الألوان في التصميم: فهم مصطلحات وخصائص الألوان
  • مقالة
  • uxarb
  • المستوى: مبتدئ

1- عناصر الطباعة (Typography)
  • فيديو
  • Flux Academy
  • المستوى: متقدم

2- The only 6 fonts web designers need (and they’re free!)
  • فيديو
  • Flux Academy
  • المستوى: مبتدئ

1- Principles of Layout
  • فيديو
  • Payton Clark Smith
  • المستوى: مبتدئ

2- 11 Section layouts to make your website ultra UNIQUE
  • فيديو
  • أحمد سيكماني
  • المستوى: مبتدئ

1- مشروع تصميم موقع تعليمي من الصفر حتى النهاية
  • فيديو
  • أحمد سيكماني
  • المستوى: مبتدئ

2- تصميم موقع ويب بإسلوب الوكالات العالمية (دليل المبتدئين)
  • مقالة
  • Webflow
  • المستوى: متقدم

3- UX design process: a simple (but complete) guide
  • فيديو
  • Balsamiq
  • المستوى: متقدم

4- Website UX Review: Brand Impression vs. User Experience
  • فيديو
  • أحمد سيكماني
  • المستوى: مبتدئ

1- طريقة تصميم صفحة هبوط لموقع شركة نايكي عبر Adobe XD
  • فيديو
  • أحمد سيكماني
  • المستوى: مبتدئ

2- أدوبي اكس دي 10 ميزات تجعله أفضل برنامج لتصميم التطبيقات والمواقع (2020)
  • فيديو
  • Rino de Boer
  • المستوى: مبتدئ

3- Adobe Xd Web Design Tutorial – Design your first page with me
  • فيديو
  • XO PIXEL
  • المستوى: مبتدئ

4- Responsive Website Design in Adobe XD
  • فيديو
  • Rino de Boer
  • المستوى: متقدم

5- Useful Adobe Xd Features: Padding & Stacking
  • فيديو
  • NewForm with Brandon Groce
  • المستوى: متقدم

6- Website Redesign Challenge | Redesigning SpaceX | Product Design Practice (UI UX)
  • فيديو
  • WP Arabic
  • المستوى: مبتدئ

1- كيفية شراء و حجز استضافة مواقع هوستنجر hostinger
  • فيديو
  • انطلق أونلاين
  • المستوى: مبتدئ

2- طريقة تنصيب ووردبريس على سيرفر محلي لإنشاء موقع ووردبريس على حاسوبك
  • فيديو
  • Hostinger Academy
  • المستوى: مبتدئ

3- WordPress Dashboard Tutorial for Beginners
  • فيديو
  • Rino de Boer
  • المستوى: مبتدئ

1- Elementor Pro WordPress Tutorial – The basics in 20 minutes
  • فيديو
  • Elementor
  • المستوى: مبتدئ

2- Elementor Responsive 101: All You Need to Know!
  • فيديو
  • Rino de Boer
  • المستوى: مبتدئ

3- The Basics of Dynamic Content in 15 Minutes
  • فيديو
  • Rino de Boer
  • المستوى: متقدم

4- Elementor Flexbox Container Tutorial – EXPLAINED
  • كتاب
  • أكاديمية حسوب
  • المستوى: مبتدئ

1- إنشاء المواقع والمتاجر الإلكترونية عبر ووردبريس مع ووكومرس
  • فيديو
  • Rino de Boer
  • المستوى: مبتدئ

2- WooCommerce Webshop Series
  • فيديو
  • Kinsta
  • المستوى: مبتدئ

1- How to Make Your WordPress Website Accessible
  • فيديو
  • Flux Academy
  • المستوى: مبتدئ

2- Accessible Web Design: What Is It & How To Do It
  • فيديو
  • Flux Academy
  • المستوى: مبتدئ

3- Is your website accessible? (Beginners Guide)
  • فيديو
  • HubSpot Marketing
  • المستوى: متقدم

4- Web Accessibility: ADA Compliance Tips to Design for All Users
  • مقالة
  • أكاديمية حسوب
  • المستوى: مبتدئ

1- كمصمم/مطور ويب مستقل، ما الخدمات الإضافية التي يمكن تقديمها لعميلك
  • فيديو
  • Megan Weeks
  • المستوى: مبتدئ

2- Website Design Process for Clients (Start to Finish)
  • فيديو
  • Elementor
  • المستوى: مبتدئ

1- Motion Effects Tutorials
  • فيديو
  • Andrea Egli
  • المستوى: متقدم

2- GSAP
  • مقالة
  • مدونة مستقل
  • المستوى: مبتدئ

1- ما هو السيو وكيف تظهر على نتائج محركات البحث الأولى؟
  • فيديو
  • Website Learners
  • المستوى: متقدم

2- Complete RankMath Tutorial | SEO Tutorial 2024

قريباً 🙂

قريباً 🙂

شهادات مصممين استخدموا الموقع

"مجرد التفكير بهذه الخطوة هو أمر جدا عظيم . وأظن أنه سيكون للموقع شأن عظيم اذا تم التطوير بشكل أكبر . كل الحب والتقدير"
عتيق الحنبلي
"فكرة جدأ رائعة وشاملة، بحيث يكون الموقع قادراً على توفير جميع مايحتاجه المصمم من مصادر وادوات ومقالات ودورات عن جميع الأمور التي يحتاجها في مكان واحد"
محمد سيد إبراهيم
"موقع رهيب"
ورد شهابي
"فكرة مبتكرة"
عبدالعزيز معراوي
تواصل معي
سياسة الخصوصية
شكراً
© جميع الحقوق محفوظة | أحمد الحسين

شكراً جزيلاً لـ

المصمم أنس حسناوي على إبداعه في تصميم الهوية البصرية لبيكسل بيديا

نبذة عني

هدفي هو مساعدة الشباب لاحتراف التصميم ودخول سوق العمل، تجدني على لينكدان و تلجرام :)

اختر المسار الذي ترغب بتعلمه

يجب تسجيل الدخول لاستخدام الموقع بشكل مجاني

سجل دخول عن طريق Google