
- بواسطة x32x01 ||
يا نجم
، ركّز معايا شوية، لأن هنقول الوصفة السرّية اللي تخلي أي موقع شكله فخم وعصري!
كل الحكاية ألوان تخطف العين
، خطوط تريح النظر
، وتباعد يخلي الموقع يتنفس.
جاهز؟ يلا نبدأ!
الألوان
خليك رايق، ومتستخدمش ألوان كتير... اختار 2 أو 3 ألوان بس، كفاية وزيادة!
الموقع مش لوحة فنون ولا كوشة فرح
نص مهم:
لو الخلفية غامقة، خليك ذكي وخلي الخط فاتح، والعكس صحيح.
النظر غالي، ما تستهلكوش على موقعك
لو مش عارف تختار ألوان متناسقة، جرب موقع Coolors
هتلاقي ألوان متناغمة أكتر من دولاب العروسة نفسها
معلومة على السريع:
الخطوط
ابعد عن الخطوط اللي شكلها دعوة فرح سنة 1970 
خليك بسيط وأنيق، استخدم خطوط احترافية زي:
Roboto أو Cairo (عشان نحافظ على الهوية العربية الجميلة
)
وحجم الخط؟ خليه مقروء وواضح من أول نظرة
مش عايزين الزائر يجيب عدسة مكبرة عشان يقرأ كلمة واحدة!
التباعد = الأكسچين بتاع التصميم
التباعد الصح هو اللي بيخلي التصميم يعيش 
خلي كل عنصر ياخد مساحته، ما تكدسش الدنيا فوق بعضها!
استخدم Margins & Padding بشكل متوازن،
وخلي المقاسات دايمًا بسيطة ومنتظمة (زي 4px، 8px، 16px).
صدقني، التنظيم ده هيخلي الموقع مرتاح للعين زي قعدة على كورنيش النيل بالليل
أدوات هتسهل عليك الدنيا
لو لسه مبتدئ ومش عارف تبدأ منين، استخدم أدوات جاهزة زي:
وما تنساش التصميم المتجاوب
- الموقع لازم يشتغل كويس على الموبايل والتابلت واللاب.
نصائح خفيفة من محترف
البساطة = الأناقة
لو التصميم محتاج شرح... يبقى في حاجة غلط!
استخدم مساحات بيضاء كفاية، خليه مريح للعين
مش لازم تحشر كل حاجة في صفحة واحدة زي زحمة ميكروباصات في شارع الهرم
خلي عينك دايمًا على التفاصيل الصغيرة
لأنها الفرق بين "تصميم حلو" و"تصميم عالمي
"

كل الحكاية ألوان تخطف العين


جاهز؟ يلا نبدأ!
الألوان
خليك رايق، ومتستخدمش ألوان كتير... اختار 2 أو 3 ألوان بس، كفاية وزيادة!الموقع مش لوحة فنون ولا كوشة فرح


لو الخلفية غامقة، خليك ذكي وخلي الخط فاتح، والعكس صحيح.
النظر غالي، ما تستهلكوش على موقعك

لو مش عارف تختار ألوان متناسقة، جرب موقع Coolors
هتلاقي ألوان متناغمة أكتر من دولاب العروسة نفسها


- الأزرق = ثقة
- الأحمر = حب
(أو خطر
حسب الموقف)
الخطوط
ابعد عن الخطوط اللي شكلها دعوة فرح سنة 1970 
خليك بسيط وأنيق، استخدم خطوط احترافية زي:
Roboto أو Cairo (عشان نحافظ على الهوية العربية الجميلة

وحجم الخط؟ خليه مقروء وواضح من أول نظرة

مش عايزين الزائر يجيب عدسة مكبرة عشان يقرأ كلمة واحدة!
التباعد = الأكسچين بتاع التصميم
التباعد الصح هو اللي بيخلي التصميم يعيش 
خلي كل عنصر ياخد مساحته، ما تكدسش الدنيا فوق بعضها!
استخدم Margins & Padding بشكل متوازن،
وخلي المقاسات دايمًا بسيطة ومنتظمة (زي 4px، 8px، 16px).
صدقني، التنظيم ده هيخلي الموقع مرتاح للعين زي قعدة على كورنيش النيل بالليل

أدوات هتسهل عليك الدنيا
لو لسه مبتدئ ومش عارف تبدأ منين، استخدم أدوات جاهزة زي:- Bootstrap
- Tailwind CSS
وما تنساش التصميم المتجاوب

نصائح خفيفة من محترف

لو التصميم محتاج شرح... يبقى في حاجة غلط!

مش لازم تحشر كل حاجة في صفحة واحدة زي زحمة ميكروباصات في شارع الهرم


لأنها الفرق بين "تصميم حلو" و"تصميم عالمي

التعديل الأخير: