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