الصفحة الرئيسية » تصميم المواقع » 20 شروط صناعة تصميم الويب للعميل جاهل

    20 شروط صناعة تصميم الويب للعميل جاهل

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

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

    “حيوية”

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

    الرسوم المتحركة هي أقوى من التحولات, لأنها يمكن أن تذهب من خلال العديد من الحالات المختلفة بين نقاط البداية والنهاية ، وبالتالي يمكن استخدامها ل آثار أكثر تعقيدا.

    “التفصيلي”

    ا نوع الملاحة التي تبلغ المستخدمين عن الموقع الحالي على الموقع.

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

    “فوضى”

    خطأ في تصميم مواقع الإنترنت ، وهو مؤشر على الصفحة سيئة التصميم.

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

    “نظام الألوان”

    ا مجموعة من تنسيق الألوان تستخدم لخلق هوية العلامة التجارية المعروفة.

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

    “تناقض”

    تقنية التصميم ل التأكيد على الاختلافات بين العناصر التي لها دور أو معنى مختلف.

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

    “دولة فارغة”

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

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

    “تخطيط ثابت”

    ا نوع التخطيط فيه موقع وعناصره استخدام نفس العرض عبر جميع القرارات, المعرفة في القيم الثابتة (عادة بكسل).

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

    “تصميم شقة”

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

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

    “تخطيط السوائل”

    ا نوع التخطيط أن يستخدم الوحدات النسبية لتحديد عرض الموقع وعناصره.

    الوحدات النسبية الأكثر استخدامًا لتخطيطات السوائل هي النسب المئوية, لكن مالصورة و عينيالصورة يمكن أن تستخدم أيضا. تخطيط السوائل تغيير حجم (تمتد وينكمش) كما يتغير عرض viewport. على عكس تخطيطات استجابة ، تخطيط السوائل لا يستخدم استعلامات الوسائط. كما يشار إلى تخطيط السائل.

    “يطوى”

    الجانب السفلي من الجزء المرئي من الشاشة.

    المصطلح “فوق الطية” يشير إلى جزء من صفحة الويب التي يمكن للزوار رؤيتها دون اتخاذ أي إجراء, في حين “تحت حظيرة” يشير إلى بقية الصفحة التي يمكن للمستخدمين الوصول فقط عن طريق التفاعل مع الموقع - عادة عن طريق التمرير أو الضرب (على الهاتف المحمول).

    الصورة: globaldots.com

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

    “تدهور رشيقة”

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

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

    “صورة البطل”

    المتضخم راية الصورة وضعت فوق الطية.

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

    “الصفحة المقصودة”

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

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

    “تحميل كسول”

    أسلوب لتحميل الصور والمحتوى الثابت الآخر ، مثل مقاطع الفيديو ، قبل فترة وجيزة فقط الحصول على مرئية للمستخدم.

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

    “استعلام الوسائط”

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

    الصورة: gskinner.com

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

    “تحسين تدريجي”

    استراتيجية تصميم المواقع التي الأولى يضيف فقط العناصر الأساسية إلى موقع ، يعمل على أي مستعرض وعرض نطاق ترددي وجهاز. المزيد من الميزات الأمامية المتقدمة (الأنماط والتفاعل) هي تحميلها في طبقات بعدئذ.

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

    “الرسم المتجاوب”

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

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

    “Skeuomorphism”

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

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

    “انتقال”

    تقنية تصميم مواقع الإنترنت تصور التغييرات البسيطة عندما عنصر على الشاشة يغير بسلاسة بين بداية ونهاية الدولة.

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

    “الفضاء الابيض”

    ال مساحة فارغة بين عناصر التصميم المجاورة. كما يشار إلى الفضاء السلبي.

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