السلام عليكم
تصفحت هذا المنتدى الرائع - بالتوفيق يارب - ووجدت فيه الكثير من الاعضاء ممن يقولون انهم محترفوا تصميم ستايلات وثيمات لمواقع.
فى الحقيقة نعم ... معظم المصممين هنا محترفين فى التصميم ببرامج الرسم المختلفة كالـ Photoshop مثلا.
ولكن ....
يجب ان تعلم اخى المصمم ، ان لتصميم المواقع اصول وقواعد غير الشكل الجمالى والالوان الزاهية.
فبعد تصفحى لبعض اعمال الاعضاء الكرام وجدتها زاهية الالوان ، شكلها حلو فعلا ... لكن لا تنفع كستايل لموقع ولذلك قررت كتابة هذا الموضوع لعل الله ينفع به اخوانى العاملين فى مجال التصميم.
بعض القواعد الاساسية التى يجب مراعاتها فى التصميم:
1- حاول ان تقلل دائما من الالوان الزاهية والداكنة واقصرها على اصغر المساحات ( يعنى مثلا شريط ، مربع صغير ، فاصل ، هيدر/رأس/ترويسة الصفحة ، خلفيات ازرار ) ولكن لا تستخدمها ابدا كخلفية للموقع لانها تشتت العين وتجعل من عملية القراءة امرا صعب ، وبالتالى عدم رضاء الزائر عن الموقع بعد قليل من رؤيته.
2- استخدم دائما الالوان الخفيفة والباهتة فى خلفية المقالات والاخبار والنصوص الكبيرة.. لا تستخدم الالوان الفاتحة فى النصوص ، حتى مع الخلفية السوداء لانها تجهد العين ... حاول اخفات درجة اللون ( يعنى مثلا الابيض خليه ابيض باهت - او رمادى فاقع - مع الخلفية السوداء ).
فى رأيى ان افضل الالوان للخلفية هو اللون الابيض ودرجاته المختلفة لانه يعطى شعور بالراحة النفسية والاطمئنان وتتماشى معه 50 بالمائة من الالوان بشكل واضح.
3- اجعل الصور اقل ما تكون فى تصميم الموقع وذلك للاسباب التالية:
- الصور الكثيرة تثير انتباه الزائر وتشتت نظره عن محتوى الموقع ( وبالتالى ضاع الهدف الرئيسى من الموقع )
- الصور الكثيرة بطيئة فى التحميل والظهور وبالتالى تجعل الزائر يطيل الانتظار حتى يصل الى غرضه ( يعنى كمثال انت شوفت صفحة بها معلومة معينة وبعد ذلك انتقلت لصفحة اخرى وفكرت فى العودة لهذه المعلومة او هذا النص ، المفروض انك بمجرد ان تفتح الصفحة تضعط على زر - توقف التحميل - وتنسخ النص المطلوب ، ولكن هذا لن يحدث ابدا مع الصفحات التى تحتوى على صور كثيرة فى تصميمها حيث يجب عليك الانتظار فى كل مرة حتى يتم التحميل لتظهر الصفحة كما رأيتها اول مرة! )
- الصور الكثيرة تسحب كم باندويث كبير وهو بالطبع امر غير مرغوب فيه.
- الصور الكثيرة تأكل الصفحة ولا يبقى هناك مكان لذكر ما يحويه الموقع اصلا !
4- عند تصميم المخطط الرئيسى للصفحة اجعل دائما القائمة ( قائمة التنقل ) اصغر ما يمكن واجعلها مرتبة فى شكل افقى او رأسى. ولكن لا تضع ازرارا على اليمن والشمال ومن تحت وفوق تجعل الزائر فى حيرة تنتهى بإغلاق الموقع!
5- راع دائما ان يكون حجم الخط مناسب للقراءة ويكون لك نظام ثابت فى الموقع ، يعنى مثلا الخط Tahoma مقاس 10 بيكسل هذا يكون
لوصف عنوان او كتابة تعليق صغير ، فلا تستخدمه فى كتابة
عنوان رئيسى بعد ذلك ، حتى يتعود القارئ على نظام الموقع ويصبح من السهل الوصول للعناوين الرئيسية بمجرد ملاحظة نوع الخط.
6- حاول التنويع بالالوان لاثارة ذهن القارئ لنقاط معينة يبحث عنها فى الموقع، ولا تغيرها كل شوية، بس لاحظ تجعلها 3 الوان لا اكثر فى الصفحة الواحدة حتى لا يتشتت القارئ (لان 3 الوان كافية للبقاء فى الذاكرة البصرية السريعة لفترة اطول وتجعل الوصول للنص المطلوب بعد ذلك امرا يسيرا على الزائر ).
7- لاحظ دائما مدى سرعة تحميل الصفحة ؟؟ (
لايهم اذا كان الزائر على خط ستالايت او تليفون عادى ) ولكن الصفحة الكبيرة دائما تسبب
تقل فى التصفح وضغط على المعالج واستخدام ذاكرة كبيرة .. فما بالك لو دخل الزائر ثم توقف متصفحه عن العمل ؟؟؟ اعتقد انه لن يدخل هذا الموقع طيلة حياته =)
8- حاول ان تتماشى الوان الروابط مع لون خط المقال ، ولا تتركها للون المتصفح الافتراضى ابدا ( أقصد الازرق طبعا فى اغلب الاحيان ) يعنى اذا كان لون خط المقال الاصلى اخضر داكن ، يكون لون الرابط اخضر فاتح او برتقالى باهت ولكن الازرق لا يتماشى ابدا !!
9- بالنسبة لاماكن البانرات/الاعلانات حاول دائما ان تختار اماكن ملفتة للنظر - حتى تحقق هدف الاعلان - وغير مزعجة فى نفس الوقت .. يعنى انت بعد اكتمال التصميم الاساسى بالطبع ستجد اماكن فارغة كثير يمكنك استغلالها ببعض البانرات ، يفضل دائما ان يكون عدد البانرات 2 او 3 على الاكثر فى موقعك ولا تكرر اعلان من النفس المقاس وحاول ان تكون البانرات ابعد ما يمكن عن بعضا فى الصفحة، وان كنت انت المسئول عن ادارة البانرات حاول انتقاء اكثرها تماشيا مع الوان تصميم موقعك.
10- اخيرا ضع قاعدة امامك ، وهى ان كل شئ بسيط جميل ... ولكن الاحتراف ان تجعل تصميمك بسيط المظهر احترافى الجوهر( بحيث لا يشعر الزائر بمدى المجهود الذى بذلته انت فى اخراج هذا التنسيق )
هذه بعض النصائح من خلال خبرتى مع التعامل وتصميم المواقع المختلفة ، بالطبع هناك نقاط كثيرة اخرى ولكن هذه تعتبر من اهمها،
اخيرا اسأل الله ان ينفع احدكم بهذا الموضوع
جزاكم الله خيرا واسف على الاطالة
تحياتى اليكم،
هل انت مصمم محترف ... ادخل فورا !
النمط المتتابع
