تبلغ واجهة إستخدام مواقع الويب أهمية كبيرة للفائدة التي تعود على المستخدم في إستعمال سهل له، ووصول سهل للمحتوى كذلك. تصميم واجهة الإستخدام أو واجهة المستخدم ليست مجرد تنسيق لعناصر الواجهة بل هناك أشياء يجب أن نضعها في الإعتبار من حل تقدمه هذه الواجهة للمشكلة التي يعاني منها المستخدم.
في هذه التدوينة سأتطرق إلى تصميم واجهة إستخدام موقع الويب، هذا الموضوع الثاني أيضاً الذي أتحدث فيها عن واجهة الإستخدام فسبق أن تحدثت عن واجهة الإستخدام وبشكل عام، يمكن أن يكون هذا الموضوع مبسط أكثر ومكمل عليه كذلك.
عند رؤيتك لتصاميم عديدة تحتاج إلى فهم غرض الحركات أو التأثيرات الموجودة في هذه التصاميم والتي تعكس عدة مبادئ قد تكون بطريقة مباشرة أو غير مباشرة.
سأتحدث عن مبادئ التصميم التي عادة ما نراها موجودة في أغلب التصاميم بأنواعها المختلفة حتى أن الأفكار المبتكرة المستخدمة في إخراج تصميم يهدف إلى توصيل رسالة معينة إلى المشاهد تحتوي على هذه المبادئ.
تفيدك هذه المبادئ في الحصول على فكرة تحقق بها هدف التصميم وتبرز عناصر التصميم بالشكل المطلوب بناءاً على هدف أو أهداف التصميم المحددة، مثل إظهار الفكرة بشكل قوي ووضعها في ذهن المشاهد دائماً أو إظهار فكرة تبين العديد من الأشياء المراد تقديمها للمشاهد.
كل عام وانتم بخير بحلول عيد الفطر السعيد وتقبل الله منا ومنكم صالح الأعمال، أقدم لكم خلفية شهر شوال لعام 1430 هـ قدمتها لموقع عالم التقنية وأتمنى أن تنال إعجابكم.
أحب أن أهنيء قراء المدونة الكرام على حلول شهر رمضان الكريم أعاده الله علينا وعليكم باليمن والبركات، وأقدم لكم خلفيات جديدة للشهر الفضيل قدمتها للموقع المميز عالم التقنية ، كما أدعو المصممين المشاركة في الخلفيات القادمة للشهور الهجرية المقبلة.
بالتقويم : 800 × 1280 – 1280 × 1024 – 1600 × 1200
بدون تقويم : 800 × 1280 – 1280 × 1024 – 1600 × 1200
مصادر يحتاجها المصممين من مواقع ومجتمعات إلكترونية ومدونات مصممين لقراءة المزيد حول التصميم أو جرافيك ديزاين Graphic Design ومصادر الإلهام وأدوات للمصممين المجانية (هدايا ترويجية Freebies – أعتقد أن ترجمتها هكذا!)، أجمع لكم مصادر مهمة للمصممين أتابع بعضها وكنت أتابع أخرى منها ولازلت أتابعها وقت الحاجة أقدمها لكم عبر هذه التدوينة.
يمكنك متابعة هذه المصادر عندما تحتاج لها أو دائماً كالمدونات والمجلات الإلكترونية، يمكنك قراءة موضوع آخر كتبته حول أفضل +20 معرض أعمال لمصممين جرافك.
واجهة المستخدم User Interface ، أو واجهة الإستخدام كما نسميها نحن غالباً لها أهمية كبيرة في جميع المجالات سواء كان في تطوير المواقع (مواقع، تطبيقات ويب، ..) و أنظمة التشغيل (تطبيقات سطح المكتب، المهام، ..) وفي التقنية بشكل عام، واجهة المستخدم كما تجده أيضاً في الويكيبيديا ستجد له أقساماً عدة ومستخدمة في عدة أشياء أو مجالات.
أبسط مثال على ذلك إختبار مدى قابلية إستخدام منتج أو جهاز معين من قبل العميل أو مستخدمه حيث تكون سهولة أداء المهمات فيه والوصول إليها وكفائتها في نفس الوقت مهمة وإتاحة خيارات للمستخدم لإرضائه وأداء أعماله من خلال المنتج حسب ما يريد.
التخطيط لواجهة تصميم الموقع غالب الأحيان تكون بشكل مباشر على الجهاز بإستخدام برامج الرسم مثل برنامج Adobe Photoshop أو كتابة شفرة XHTML مباشرةً أيضاً أقصد بدون التخطيط المبدئي ، فكرة تصميم أو التخطيط لتصميم قالب موقع ويب بإستخدام برنامج Adobe Illustrator التابع لحزمة شركة Adobe أيضاً مفيدة في عدة أمور وقد جربتها سابقاً ، فقط أفكار أتتني لكتابة هذا الموضوع حول إستخدام Adobe Illustrator في تصميم قالب موقع ويب.
محاولة التميز عن الآخرين عبر محتويات فريدة من نوعها هدف سيعى إليه كل مدون وصاحب موقع على الويب ، نحن طبعاً نحاول دائماً الإرتقاء بالمحتوى العربي مع وجود عوائق كالتكرار والنقل وحتى فقر هذه المحتويات المنقولة في بعض الأحيان من الفائدة ، هذا الشيء بدأ يتغير تدريجياً في الآونة الأخيرة خاصة مع ظهور الكثير المدونات سابقاً وحالياً.
الشيء الذي يحمسنا للتدوين غالباً هي متابعتنا للمجالات التي نهتم بها وخاصة مع متابعة ما توصل إليه الآخرين فيشجعنا على تقديم المزيد ، مثال على ذلك المدونات والمواقع الغربية والتي تعتبر بالنسبة لهم مشاريع حقيقية على الويب تستحق الإهتمام هذا ليس موضوعنا اليوم لكن لنستفد من الآخرين ومن أعمالهم ونعرف كيف وصولوا بمشاريعهم إلى القمة وخاصة في عند المراحل الأولى لهذه المشاريع.
الدروس الكتابية تعتبر أحد مصادر التعلم والمنشرة بكثرة على الإنترنت بجانب الدروس الصوتية والمرئية الأخرى وأيضاً الدورات التي هي قد تكون أكثر فائدة وأفضل بالنسبة للمتعلم وحسب أسلوب التعلم الذي يتبعه ، أقصد هنا بالدروس المتعلقة بالتقنية بشكل عام سواء كانت تطوير مواقع ، تصميم ، برمجة ، .. إلخ ، وأيضاً أعني الدروس الكتابية بالتحديد دون غيرها لأنها هي المنشرة حالياً.
سبق كتبت درس حول خاصية position ، وأردت كتابة دروس أخرى حول هذه الخاصية وسأكتفي به لأني المصادر المتعلقة بها متوفرة وبكثرة جداً بالمواقع الأجنبية فلا حاجة لإعادة الدروس مرة أخرى! ، درس اليوم سيكون عن تطبيق على تأثير المحدد hover ، سواء كنت تريد عمل قائمة روابط أو ملاحة (Navigation) ، أو بنفس الطريقة ولكن على واجهة تستطيع من خلالها التحكم في ظهور الصور التي تريدها بتأثير مؤشر الفأره عليه.
هذه التدوينة خاصة للإجابة على أسئلة أحد المعلقين في المدونة وأحببت أن أجيب عليها في تدوينة خاصة والأجوبة عموماً هي من وجهة نظري وحسب تجربتي التي لازلت أمارسها لتحسين مستواي ، إسم هذه التدوينة بالأحرى ماذا أحتاج لكي أكون مطور مواقع ويب ، بالطبع أنا أقسّم هذه المهنة على مستويات أو غالباً ما يتم تقسيمها بهذا الشكل: مبتديء – محترف.
هذه التدوينة الثانية حول أفضل أعمال مصممي الجرافك (Graphic Design) ( بعد التدوينة الأولى حول أفضل 30 معرض أعمال لتطوير مواقع الويب) ، سأعرض فيها أسماء المصممين أو ألقابهم أو أسمائهم المستعاره مع رابط لمواقعهم الشخصية إضافةً إلى ذلك صور لمواقعهم أو أعمالهم قبل زيارتها ، من أسباب كتابة هذه التدوينة أيضاً قلة مواضيع في مدونتي التي تتحدث عن جرافك ديزاين (Graphic Design)! لذا إحتمال المواضيع القادمة تكون متخصصة في هذا القسم.
