دروس التصميم: نقوم بتصميم الموقع وفقًا لشرائع المجلات اللامعة

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

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

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

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

القاعدة 1. كلما كانت الخلفية أبسط ، كان من الأسهل قراءة النص.

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

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

يجب ألا تتداخل الخلفية مع فهم النص (المصدر)

القاعدة 2. العصا على نفس النمط.

قم بالتمرير خلال أي مجلة ، وستلاحظ أن معظم الصفحات مصممة بنفس الأسلوب: نفس الخط ونفس الترتيب للنص الموجود على الصفحة. بالطبع ، قد يختلف تصميم المقالات المختلفة ، ولكن من المؤكد أن تفاصيل مثل أرقام الصفحات ستكون موجودة في نفس الأماكن ، وستكون الرسوم التوضيحية بأسلوب مماثل.

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

يجب أن يكون التصميم بنفس الأسلوب

القاعدة 3. أي انحراف يجذب الانتباه.

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

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

القاعدة 4. يجب أن يكون الإعلان واضحًا وغير مزعج.

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

يجب فصل المواد الترويجية عن التحرير

المادة 5. لمزيد من الصور ، كان ذلك أفضل.

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

الصور الكبيرة سوف تساعدك على التميز من الآخرين (المصدر)

المادة 6. تمييع كتل كبيرة من النص.

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

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

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

المادة 7. محاذاة النص ، ولكن لا تخافوا لتسلق على الميدان

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

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

المادة 8. تحتاج دسيسة

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

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

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

دعابة مشرقة - نصف النجاح (المصدر)

ومع ذلك في الطبعات اللامعة هناك شيء يمكن تعلمه!

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

شاهد الفيديو: كيف أبدأ تعلم التصميم - ما هي البرامج المطلوبة لأصبح مصمم جرافيك أو ويب (شهر نوفمبر 2019).

Loading...

ترك تعليقك