please download this pptx file and use it`s hyper links see video description in arabic at youtube https://www.youtube.com/watch?v=Jcnsk3yNbuA

1. ‫المواقع‬ ‫تصميم‬
‫الأولى‬ ‫الوحدة‬:‫الصفحات‬ ‫تصميم‬ ‫و‬ ‫تخطيط‬
E

2. ‫سيئة‬ ‫لتكون‬ ‫مجهود‬ ‫تبذل‬ ‫مواقع‬

3. ‫رأي‬‫الخبراء‬

4. ‫أن‬ ‫يجب‬ ‫الجيد‬ ‫الموقع‬..
•‫الواقع‬ ‫من‬ ‫المستخدم‬ ‫لدى‬ ‫المكتسبة‬ ‫المعرفة‬ ‫يستخدم‬.
•‫حرية‬‫الموقع‬ ‫داخل‬ ‫المستخدم‬.
•‫منع‬‫الوقوع‬ ‫من‬ ‫األخطاء‬(‫للمستخدم‬ ‫خطا‬ ‫رسائل‬ ‫أو‬ ‫تحزيرية‬ ‫رسائل‬ ‫أرسال‬ ‫تجنب‬.)
‫أكواد‬ ‫على‬ ‫تحتوي‬ ‫ال‬ ‫و‬ ‫مفهومة‬ ‫تكون‬ ‫أن‬ ‫يجب‬ ‫الخطأ‬ ‫رسائل‬.
•‫األستخدام‬ ‫في‬ ‫الكفائة‬ ‫و‬ ‫المرونة‬.
•‫الخبرة‬ ‫عديم‬ ‫المستخدم‬ ‫أن‬ ‫أعتبر‬(‫غبي‬ ‫لمستخدم‬ ‫بسيط‬ ‫موقع‬.)
•‫بالتفاصيل‬ ‫المليئة‬ ‫أو‬ ‫المعقدة‬ ‫للمهمات‬ ‫مساعدة‬ ‫وسائل‬ ‫توفير‬ ‫يجب‬.

5. ‫األلوان‬(‫عين‬ ‫لقيادة‬‫القارئ‬)
•‫األلوان‬ ‫أستخدام‬ ‫من‬ ‫األساسية‬ ‫األغراض‬.
•‫أبراز‬‫أهمية‬ ‫أقل‬ ‫هو‬ ‫ما‬ ‫و‬ ‫مهم‬ ‫هو‬ ‫ما‬.
•‫تحديد‬‫للصفحة‬ ‫الوظيفية‬ ‫األماكن‬.
•‫ربط‬‫ببعضها‬ ‫عالقة‬ ‫لها‬ ‫التي‬ ‫الصفحة‬ ‫عناصر‬.
•‫التباين‬
•‫تباين‬ ‫أفضل‬ ‫يعطي‬ ‫لبعضها‬ ‫المكملة‬ ‫األلوان‬ ‫استخدام‬
•‫ا‬ ‫مستويات‬ ‫أعلى‬ ‫لة‬ ‫البيضاء‬ ‫الخلفية‬ ‫على‬ ‫األسود‬ ‫النص‬‫لتباين‬.
•‫األزرق‬ ‫مثل‬ ‫مكملة‬ ‫الوان‬‫واألصفر‬
kuler

6. ‫التماسك‬
•‫مهم‬ ‫بل‬ ‫ممل‬ ‫ليس‬ ‫التكرار‬,‫هوية‬ ‫لموقعك‬ ‫يعطي‬ ‫أنة‬ ‫حيث‬.
•‫بسهو‬ ‫فيتنقل‬ ‫موقعك‬ ‫داخل‬ ‫بارع‬ ‫مالح‬ ‫أنة‬ ‫المستخدم‬ ‫يشعر‬ ‫ان‬ ‫يجب‬‫ثقة‬ ‫و‬ ‫لة‬
‫البساطة‬ ‫في‬ ‫العبقرية‬.

7. Web Page Layout ‫تخطيط‬
‫الصفحات‬
•‫الص‬ ‫بين‬ ‫التنقل‬ ‫صعوبة‬ ‫الي‬ ‫يؤدي‬ ‫السيء‬ ‫التخطيط‬‫فحات‬.
•‫المعلومات‬ ‫موقع‬ ‫تحديد‬ ‫صعوبة‬.
•‫سريعا‬ ‫الزائر‬ ‫هروب‬.

8. • Areas of a Web Page
Menu
Header
Content
Logo
• Other designs:
• menu on right.
• many rows.

11. Table /
Navigational tools
•Elements of a web page
Document title
Address (URL)
Banner
Web page title
Footer /
Copyright
Graphic elements
Hyperlinks
Content
Search tool
Navigational
tools
Frames
Hyperlinks

12. ‫للموقع‬ ‫الكلي‬ ‫الشكل‬
•‫الموقع‬ ‫هدف‬ ‫مع‬ ‫متوافق‬ ‫يكون‬ ‫أن‬ ‫يجب‬.
•‫التكوين‬ ‫بساطة‬ ‫و‬ ‫موحد‬ ‫ألوان‬ ‫نظام‬ ‫على‬ ‫المحافظة‬.
•‫منطقي‬ ‫بشكل‬ ‫المعلومات‬ ‫تنظيم‬‫ومتوقع‬.
•‫القراءة‬ ‫سهل‬ ‫بأسلوب‬ ‫و‬ ‫بأيجاز‬ ‫النصوص‬ ‫أستخدام‬.

13. ‫الرسومات‬
•‫بمحتوى‬ ‫صلة‬ ‫ذات‬‫الصفحة‬.
•‫و‬ ‫غرضا‬ ‫تخدم‬/‫تقديم‬ ‫أو‬‫معلومات‬.
•‫والشكل‬ ‫والحجم‬ ‫النوعية‬ ‫من‬‫المناسب‬.
•‫أستخدامها‬‫التصميم‬ ‫إلى‬ ‫قيمة‬ ‫إلضافة‬‫العام‬.

14. ‫تفعل‬ ‫ال‬
•‫بالمحتويات‬ ‫مكتظة‬ ‫صفحتك‬ ‫تجعل‬ ‫ال‬.
•‫المحتوى‬ ‫لدعم‬ ‫فقط‬ ‫تستخدمها‬ ‫بل‬ ‫الرسومات‬ ‫في‬ ‫تفرط‬ ‫ال‬.
•‫المحتوى‬ ‫قراءة‬ ‫عن‬ ‫تعيقة‬ ‫و‬ ‫المستخدم‬ ‫تشتت‬ ‫خلفية‬ ‫تستخدم‬ ‫ال‬.
•‫نص‬ ‫من‬ ‫طويلة‬ ‫فقرات‬ ‫تستخدم‬ ‫ال‬‫يجب‬ ‫بل‬‫قابلة‬ ‫قطع‬ ‫إلى‬ ‫تقسيمها‬‫ل‬‫لقراءة‬.
•‫محدد‬ ‫لمتصفح‬ ‫تصمم‬ ‫ال‬.
•‫مسدودة‬ ‫صفحات‬ ‫تنشأ‬ ‫ال‬.
•‫ف‬ ‫تكون‬ ‫ال‬ ‫ان‬ ‫يجب‬ ‫اخر‬ ‫بموقع‬ ‫موقعك‬ ‫تصل‬ ‫تشعبية‬ ‫روابط‬ ‫هناك‬ ‫كان‬ ‫اذا‬‫ي‬
‫خارجية‬ ‫صفحة‬ ‫في‬ ‫تفتح‬ ‫بل‬ ‫الصفحة‬ ‫نفس‬.

16. .
Simple Web Design Examples
Less elements Mean More Focus

17. Prototyping