عالمى الإلكترونى

فيمتو محاولة للتزكيه عن معرفتى الإلكترونيه المتواضعه لعلها تفيد ،فالوعى الإلكترونى لازم لكل فرد فى المجتمع وليس حكر للمهندسين او المبرمجين


Showing posts with label Web Desgin. Show all posts

من الوسائل المساعدة لتصميم صفحات الويب استخدام شبكات "Grids" حتى تضمن خروج التصميم بشكل منظم ومتوازن ومريح للعين

كل الفكرة انك بتصمم عليه بحيث تتوازى كل عناصر الصفحة فى التصميم ليس إلا عن طريق استخدام هذه الأعمدة كحد لبداية عنصر ما أو نهايتها .



يمكنك إنشاء أعمدة خاصة بك من الفوتوشوب تختارView->New Guide



ويمكنك استخدام قوالب جاهزة وأشهرها 960 Grid System



يمكنك الإطلاع على هذه الروابط كشرح تفصيلى

Grids Design Basics

A Brief Look at Grid-Based Layouts in Web Design

أضمن لك بعد استخدامها تصميم web2 نظيف مريح للعين

من قواعد تصميم صفحة ويب مراعاة عنصر التوزان فى عناصر الصفحة بمعنى أن يكون هناك نوع من محاذاة العناصر لبعضها سواء بشكل أفقى أو رأسى بحيث تضفى نوع من النظام وراحة العين .

يوجد نوعان من التوازن فى الصفحة :
Asymmetry & symmetry balance:


symmetry balance:

توازن متناظر كانعكاس صورة فى المرآه بمعنى لو افترضنا وجود خط يقسم الصفحة يكون الجانب الأيمن مشابهة تماماً للجانب الأيسر فعناصر الجزء الأيمن متساوية فى الطول والعرض مع عناصر الجزء الأيسر.بحيث يكون شكل التصميم هكذا:



Asymmetrical Balance :

قد تكون عناصر الصفحة غير متشابهة فى الطول ولا الحجم فلا تكون انعكاس لبعضها فى المرآه وهذا هو الغير متناظر بأن تكون العناصر الصغيرة فى الصفحة موازية للعنصر الكبير أو كأنها على امتداد العنصر الكبير كالتالى:



فعناصر العمود الأيمن موازية للعمود الأيسر ، وصفوف العمود الأيمن متوازية


Subscribe to: Posts (Atom)