السلام عليكم
حبيت اشاركم في اول تصميم لي عبارة عن واجهة لصفحة موقع ويب تم تصميمها بالفوتوشوب اريد منكم تقييم ونقد عشان استفيد اكثر ممكن تعطوني رايكم في الخطوط والالوان وتفيدوني من خبراتكم
تحتاج للقليل من العمل على الألوان كما يفترض أن تحتوي الواجهة على عناصر أساسية مثل المميزات و الخدمات في حالة كان موقعا خدميا و تعريفا سريعا عن الموقع او الشركة بحيث يرى الشخص أهم ما يفترض ان يراه عند زيارة موقعك و الإنطباع الذي تريد ان يشعر به تجاه ما تقدمه ... و لا يجب أيضا ان يخرج الأمر الى حد الحشو ، على كل شئ ان يكون معتدلا ، إضافة لذلك عندما تختار لونا كخلفية و تضع عليه نصا احرص على ان تحافظ على تباين بين لون النص و لون الخلفية بحيث يتمكن المستخدم من قراءة النص بسهولة دون إجهاد عينيه ، عليك أن تستغل المساحة البيضاء التي على اليسار فهي واقعة ضمن الجزء الذي يراه المستخدم فور دخوله للموقع .. لذا هي مهمه .
dribbble.com
يعرض المصممين و الفرق البرمجية من شتى أنحاء العالم أعمالهم على الموقع السابق ، سيمنحك بعض الإلهام ، إضافة الى ان قراءة كتب عن ال UI و ال UX سيمنحك قدرا عظيما من المعرفة لتكون تصاميمك على قدر من الإحترافية .. هناك كتاب مترجم يتحدث عن كلاهما على أكاديمية حسوب على ما أذكر .
اشكرك طرحت هذا الموضوع لاني مبتدي واردت من الناس مساعدتي لكي اتحسن اشكرك اشكرك كثيرا
لاكن ممكن تشرح لي موضوع الالوان اكثر عطني خلفية
كمثال أولا .. أن يكون اللون الأساسي في الموقع هو ذات اللون المستخدم في الشعار فهذا يعطي إنطباعا بالتوافق ، فأنت هنا كان لون الشعار أخضرا و لكن لون الموقع الأساسي مائلا الى الوردي القاتم .
اللون الأساسي لا يعني أنه الأكثر إستخداما أو انه لون جميع العناصر في الموقع بل هو اللون المستخدم لتميز أشياء عن آخرى و في الأماكن المهمة أيضا مثلا : إسم الموقع فيمكن أن يكون لون كلمة نكستجين في شرح الموقع المعروض على يسار الشاشة ، كما أنه سيعطي إنطباعا أفضل لو أنك تقوم بتحويل لون الروابط العلوية الى الأبيض ما عدا لون رابط "الصفحة الرئيسية" فيصبح لونه اللون الأساسي و هو الأخضر .. و في حالة إنتقل الشخص الى صفحة "أخر الأخبار" يتحول لون هذا اللنك الى اللون الأساسي و يعود لون لنك "الصفحة الرئيسية" الى الأبيض ، و هكذا بالنسبة لبقية الروابط ، ففي هذه الحالة تعطي إنطباعا بالتفاعل للمستخدم و في نفس الوقت مقدارا و لو بسيطا من المساعدة في تتبعه البصري للروابط .
أيضا أظنه سيكون أفضل لو أنك قمت بتحويل لون صندايق إدخال النصوص الى اللون الأبيض فاللون الحالي يعطي إنطباعا بشئ قديم .
يمكنك الٱطلاع على الموقع التالي فهو يحتوي على مجموعة من الألوان تعرف بال Flat و هي تستخدم لتصميم المواقع المسطحة او الفلات ديزاين - إتجهت كثير من الشركات منها الكبيرة الى إستخدام هذا النوع من الواجهات و هي عبارة عن واجهات 2D بسيطة تبتعد عن التعقيد و كثرة الألوان قدر الإمكان - :
الأمر ليس متعلقا بالألوان و حسب ، فجزء كبير من الموقع عبارة عن صور و أيقونات ، و عناصر تفاعلية ، فالمعلومة تصل عبرها بسرعة و قوة ، و بالإشارة الى الأيقونات فعليك الإطلاع الى أيقونات Font Awesome ، و بما أنها تستخدم كالخطوط فيمكنك أيضا تضمينها على الفوتوشوب .
الموقع مع الصور :
الموقع بدون صور :
لا تتردد في إستخدام اللونين الأبيض و الأسود بالذات في عناصر إدخال النصوص فهما يعطيان تباينا عاليا :
و أخيرا أحب أن أنصحك بالتوجه الى ال Html و ال Css لتصميم واجهات الويب الخاصة بك .. هذا يعطيك قدرا أكبر من الحرية كما أن تعاملك مع التصميم و جعله يعمل على مختلف أحجام الشاشات و إستخدامك للأنميشن و غيره سيجعل من الأمر تجربة مختلفة تماما .
لا تتردد في طرح اي سؤال قد أكون قادرا على الٱجابه عليه ، سواءا هنا او على شكل رسالة ، و بالتوفيق في مسيرتك كمصمم ، قد نسمع عنك قريبا .
التعليقات