الهدفأكتب أوامر التصميم والألوان والصفحات لموقع نادي الحديقة وأميّز UX من UI.
كلمات جديدة
نمط التصميم · الإحساس العام للتصميم: عصري أو مرح أو احترافي أو إبداعيالصفحة · شاشة واحدة من موقع لها محتواها الخاصمعرض الصور · صفحة أو جزء من صفحة يعرض صورًا كثيرةتجريبي (نموذجي) · صورة أو نص مؤقت تستبدله لاحقًا
الشرح
يُبنى أمر الموقع خطوة بخطوة. الخطوة الأولى: قل نوع الموقع واسمه. الخطوة الثانية: التصميم والألوان: نمط مثل عصري أو مرح أو احترافي أو إبداعي، ولونان أو ثلاثة ألوان متناسقة. والألوان المتنافرة صعبة القراءة، تذكّر الأسبوع الثامن. الخطوة الثالثة: الصفحات الأساسية: الرئيسية و«من نحن» والمدوّنة أو المقالات والمعرض والتواصل. الخطوة الرابعة: محتوى كل صفحة؛ ويمكن دائمًا تعديل أول نص يكتبه الذكاء الاصطناعي. الخطوة الخامسة: معرض صور، مثل شبكة أو عرض شرائح أو عرض بصورة كبيرة، بصور تجريبية ستستبدلها. الخطوة السادسة: نموذج اتصال. ويكتب هذا الدرس الخطوات من الأولى إلى الثالثة على الورق لنادي الحديقة المخترَع. والصفحات والقوائم من UX؛ أما الألوان والخطوط فمن UI.
1 النوع والاسم→2 التصميم والألوان→3 الصفحات الأساسية→4 محتوى الصفحات→5 معرض الصور→6 نموذج الاتصال
أمثلة محلولة
جزء من الأمر
UX أم UI؟
ثلاث صفحات: الرئيسية، من نحن، التواصل
UX (كيف يتنقل المستخدم)
أخضر داكن وأبيض وبنّي فاتح
UI (ألوان)
نمط هادئ مرح
UI (مظهر)
الأمر الأول لنادي الحديقة: «اصنع موقعًا بسيطًا لنادي حديقة مدرسي (مثال) يعرض ما نزرعه. استخدم نمطًا هادئًا مرحًا بالأخضر الداكن والأبيض والبنّي الفاتح. وأضف ثلاث صفحات: الرئيسية ومن نحن والتواصل».
أحمر على أخضر داكن→صعب القراءة→أخضر داكن على أبيض→سهل القراءة
يطلب أمر كريم نصًّا أحمر على خلفية خضراء داكنة. تختبره مجموعته على الورق وترى أنه صعب القراءة. فتغيّر الأمر إلى نص أخضر داكن على أبيض. اختيار الألوان يتبع الأسباب لا الذوق وحده.
نشاط الفصل
اكتب على الورق الأوامر الثلاثة الأولى (النوع والاسم، التصميم والألوان، الصفحات) لنادي الحديقة أو لنادٍ مخترَع من عندك. وضع على كل جزء علامة UX أو UI. اجعل الكلمات مخترَعة وخالية من البيانات الشخصية.
تدرّب
1
اذكر الخطوات الست لكتابة أمر موقع.
النوع والاسم، التصميم والألوان، الصفحات الأساسية، المحتوى، معرض الصور، نموذج الاتصال.
