كيفية الطلب

1 تسجيل الدخول أو إنشاء حساب جديد.
2 راجع طلبك أو اطلب خدمة جديدة.
3 تأكيد الدفع

إذا كنت لا تزال تواجه مشكلات ، فالرجاء إخبارنا بذلك عن طريق إرسال بريد إلكتروني إلى support@natchcenter.com . شكراً لك!

ساعات العمل

الإثنين-للجمعة 9:00AM - 20:00PM
السبت - 9:00AM-17:00PM
أيام الأحد عن طريق موعد مسبق فقط!

وصايا تصميم الويب

من قبل NatchCenter / يون 17, 2018 / نشرت في التصميم
وصايا تصميم الويب

 

هل لديك كتاب القواعد عندما يتعلق الأمر بتصميم الموقع؟ هناك بعض القواعد التي تنطبق على كل مشروع تصميم الويب - دعنا نسميها "وصايا تصميم الويب".

بغض النظر عن حجم الموقع أو صغره ، فإن هذه القواعد هي أساس التصميم الجيد. إذا تابعت مع هذه الإرشادات الأساسية ، وجعلتها جزءًا من تفكيرك في كل مشروع تبدأه ، فسوف تتجنب الكثير من المزالق التي يمكن للمصممين التعثر بها!

يجب عليك أن تكون متسقة

اجعل التصميم سهلًا قدر الإمكان بحيث يتفاعل المستخدمون معه

التصميم المتناسق سهل الاستخدام وفهم التصميم. يجب أن تكون تفاعلات المستخدم وإجراءاته ، بالإضافة إلى العناصر المرئية ، متشابهة في الشكل والاستخدام في تصميم واحد.

هذا يعني أن الأزرار هي نفس اللون وتستخدم نفس حالات التمرير لمساعدة المستخدمين على معرفة كيفية التفاعل ، والعناوين هي بنفس الحجم وتستخدم نفس المحرف في التصميم ، وعناصر مثل الألوان تتبع لوحة يمكن التعرف عليها وترتبط بـ العلامة التجارية.

يجب أن تتبع العناصر المرئية الأخرى أيضًا نمطًا متسقًا مع نمط وخطة استخدام لعناصر مثل الرموز أو التصوير الفوتوغرافي أو الفيديو أو الرسوم التوضيحية. يجب أن يكون للتصميم صوت يستخدم في قوالب النسخ المطابقة للجمالية الشاملة.

تساهم كل عناصر الاتساق هذه في قابلية الاستخدام بشكل عام ، مما يجعل التصميم سهلاً قدر الإمكان بحيث يمكن للمستخدمين التفاعل معه.

. يجب عليك استخدام المسافات البيضاء

يمكن أن تساعد المساحة الإضافية حول العناصر في إنشاء الفصل وجعلها أسهل في القراءة.

ليست هناك حاجة لملء كل عنصر في الفضاء فوق التمرير. استخدم المسافات البيضاء لإنشاء إيقاع وتدفق ، وإنشاء التسلسل الهرمي المرئي ومساعدة المستخدمين على التحرك خلال التصميم.

إذا كان المحتوى جيدًا ، فسيتم التمرير.

ويمكن أن تساعد المساحة البيضاء فعليًا في تشجيع إجراء المستخدم هذا عن طريق سحب العين إلى أسفل الشاشة.

تعد المسافة البيضاء أكثر أهمية حيث تصبح أحجام الشاشة أصغر. يمكن أن تساعد المساحة الإضافية حول العناصر في إنشاء الفصل وجعلها أسهل في القراءة. (فكر في مدى فائدة مساحة إضافية صغيرة عندما يتعلق الأمر بالنقر على الأزرار بسهولة.)

ألست متأكدًا من مكان إدراج مسافة بيضاء في التصميم؟ أبدأ هنا:

حول الأزرار أو العناصر التفاعلية الأخرى

كما خطوط بين خطوط من نوع لجعل القراءة أسهل

بين العناصر بحيث تكون العلاقات شرقًا لتمييزها ، مثل التفاف الصور المضمنة في كتل النص

في حقول النموذج بحيث يسهل النقر على شاشات الجوال

حول أي عنصر تريد أن يركز عليه المستخدمون

 

 

 

يجب عليك استخدام الشبكة

الشبكة هي أساس تجربة المستخدم. عندما تقوم بالتصميم باستخدام شبكة ، فإن موقع الويب النهائي يكون أكثر دقة وثباتًا ويتم وضع العناصر بترتيب يجعل الأمر منطقيًا.

الشبكات هي أفقية ورأسية على حد سواء ، على الرغم من أن شبكة تصميم الويب الأكثر شهرة قد تكون الشبكة العمودية من الأعمدة المكونة من 12 عمودًا لمحاذاة العناصر.

الشبكة هي شيء تشاهده فقط في عملية التصميم ، وإذا كنت تواجه صعوبة في العثور على مواضع للعناصر أو إنشاء مخطط منظم ، يمكن أن تكون الشبكة المنقذ الكلي.

يجب ألا تنسى أنماط المستخدم

يقوم المستخدمون بأشياء بطريقة معينة ويتوقعون أشياء معينة من التصميم الخاص بك. من أجل الحصول على أكبر قدر ممكن من النجاح ، يجب أن يستخدم التصميم أنماط مستخدم مقبولة بشكل عام (حلول متكررة لمشكلات التصميم) حتى يعرف الناس بالضبط كيف يعمل التصميم.

تتضمن أنماط المستخدم الشائعة ما يلي:

ترتيب المعلومات في النماذج ، بدءًا من اسم أو بريد إلكتروني وينتهي بـ "إرسال"

وضع قوائم التنقل

الموقع والطبيعة القابلة للنقر لرمز سلة التسوق للتجارة الإلكترونية

كيف تعمل الإخطارات

رموز للبحث والدردشة ، من بين أمور أخرى

 

. يجب عليك استخدام التشابه في إجراءات واجهة المستخدم

يجب أن يعمل كل عنصر في تصميم موقع ويب مثل أي عنصر آخر من نفس النوع. يجب أن تشتمل هذه العناصر أيضًا على هوية مرئية ليعرف المستخدمون ما هي وماذا يفعلون في لمحة.

هناك الكثير من إجراءات واجهة المستخدم التي يمكن دمجها في التصميم الذي يلتزم بمبدأ تشابه الجشطالت هو أمر لا بد منه. سيساعد تجميع العناصر والإجراءات المرئية بحيث يمكن التعرف عليها بشكل مرئي في إنشاء تجربة عامة أفضل للمستخدمين.

 

يجب عليك استخدام الطباعة بشكل جيد

تراجع عن التصميم لترى ما إذا كانت الحروف سهلة القراءة من مسافة بعيدة.

ليس عليك أن تكون مطبعًا رئيسيًا ، ولكنها بالتأكيد تساعد.

الكثير من ما يشكل التصميم الجيد متجذرة في سهولة القراءة والوضوح. وتلك المفاهيم تعتمد على كيفية اختيار واستخدام الخطوط.

عند الشك ، اختر أزواج محارف بسيطة مثل serif و sans serif. تراجع عن التصميم لترى ما إذا كانت الحروف سهلة القراءة من مسافة بعيدة. انظر بعد ذلك إلى الحروف الموجودة على لوحة صغيرة ، مثل شاشة الهاتف للتأكد من سهولة قراءتها في لمحة هناك أيضًا.

حاول استخدام الكتابة في بيئة عالية التباين ، مثل نوع الضوء على خلفية داكنة أو نوع داكن على خلفية فاتحة ، بحيث تكون كل كلمة سهلة القراءة.

. لا يجب أن تنسى شاشات شبكية العين

حتى أصغر الشاشات يمكن أن تجعل العناصر والصور مع قرب بكسل الكمال.

تحتاج إلى التفكير في كيفية التعامل مع الصور والرموز والعناصر الأخرى بحيث يظهر كل شيء بشكل جميل بغض النظر عن حجم الشاشة. عندما يكون ذلك ممكنا ، يمكن أن يكون استخدام تنسيق متجه هو الحل المثالي ، وهو أحد الأسباب التي تجعل SVG ينمو في شعبيته طوال الوقت.

إذا لم يكن لديك صورة تحتوي على الدقة لملاءمة أحجام الشاشات الشائعة ، فلا تستخدمها. لا توجد صورة على الإطلاق أفضل من صورة سيئة أو منقطة.

 

. يجب ان تكون صادقا

يجب أن يكون تصميمك صحيحًا بالنسبة إلى نشاطك التجاري الصغير أو معلوماتك أو علامتك التجارية وشفافة في ما تفعله. لا تسرق تصميمًا أو صورة ، ولا تعبئ كلمات رئيسية خاطئة لجذب حركة المرور وتصبح صادقًا مع من يدور حول المحتوى الخاص بك.

مع الكثير من فوضى الشبكة ، يريد المستخدمون التفاعل مع التصاميم الموثوق بها. يجب أن يكون خداع المستخدمين للقيام بشيء ما أو الاشتراك في منتج أو خدمة أو مجرد تضليلهم حول موضوع أو معلومات مخالفًا لقواعد أخلاقياتك الشخصية. لا تأخذ على المشاريع التي تتوقع هذا من التصميم.

. يجب عدم تجاهل إمكانية الوصول

يجب أن يكون الويب قابلاً للاستخدام بواسطة أكبر عدد ممكن من الأشخاص. وعلى الرغم من أنه قد يبدو من الصعب التأكد من سهولة الوصول إلى التصميم ، إلا أنه ليس معقدًا كما تعتقد.

لدى Google دليل رائع لإمكانية الوصول إلى موقع الويب ، والذي يحدده على النحو التالي:

بشكل عام ، عندما نقول أن أحد المواقع يمكن الوصول إليه ، فإننا نعني أن محتوى الموقع متاح ، ويمكن تشغيل وظائفه ، بكل معنى الكلمة. كمطورين ، من السهل افتراض أن جميع المستخدمين يمكنهم رؤية لوحة مفاتيح أو ماوس أو شاشة تعمل باللمس واستخدامها ، ويمكنهم التفاعل مع محتوى صفحتك بالطريقة نفسها التي تستخدمها. هذا يمكن أن يؤدي إلى تجربة تعمل بشكل جيد بالنسبة لبعض الناس ولكن يخلق قضايا تتراوح من مضايقات بسيطة إلى سدادات تظهر للآخرين.

إذن ، تشير إمكانية الوصول إلى تجربة المستخدمين الذين قد يكونون خارج النطاق الضيق للمستخدم "المعتاد" ، والذين يمكنهم الوصول إلى أشياء أو التفاعل معها بطريقة مختلفة عما تتوقع. وبالتحديد ، يتعلق الأمر بالمستخدمين الذين يعانون من نوع من الإعاقة أو الإعاقة - ويضع في اعتبارهم أن تلك التجربة قد تكون غير مادية أو مؤقتة.

تساهم العديد من مبادئ التصميم الجيد ، مثل الحجم والتباين والمساحة ، في إمكانية الوصول بشكل عام.

يحتوي WebAIM على قائمة تحقق ، بالإضافة إلى أدوات أخرى ، لمساعدتك في تحديد ما إذا كان تصميمك متاحًا أم لا. تغطي قائمة المراجعة أربعة مجالات تتعلق بإمكانية الوصول: هل التصميم قابل للفهم وقابل للتشغيل ومفهوم وقوي؟            

. سوف تكون مستجيبة

من المفترض أن يتم ذلك في عام 2018 ، ولكن يجب أن يكون موقعك على الويب مستجيبًا. يتضمن كل عنصر ، من النص إلى الصور إلى الأزرار إلى الإطار العام.

يجب أن يعمل كل تصميم على كل جهاز. فترة.

استنتاج

يمكن لمجموعة قوية من القواعد مساعدتك في الوصول إلى مشروع تصميم بشكل أسرع والعمل بشكل أكثر ثباتًا. لاحظ أن أيا من هذه الوصايا لا يخبرك كيف يجب أن يبدو المشروع ؛ فهي متجذرة في نظرية كيفية تحديد وإنشاء كل موقع.

تسجيل الدخول إلى حسابك للوصول إلى ميزات مختلفة

او استخدم وسائل التواصل

إنشاء حساب

نسيت معلومات الدخول؟

عرض سعر

سنفعل كل ما في وسعنا لجعل مشروعك أفضل مشروع لدينا!

إشترك معنا في الأخبار

سوف تتلقى إشعارات عن أحدث العروض والعروض الترويجية

لا تظهر هذا مرة أخرى!
TOP