نماذج من تصميم الموقع

جدول المحتويات:

نماذج من تصميم الموقع
نماذج من تصميم الموقع
Anonim

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

تأثير الانجذاب

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

دعونا نلقي نظرة على مثال منصة التداول موقعين:

أمثلة على المواقع
أمثلة على المواقع

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

إدراك اللون

القاعدة الأساسية عند اختيار الألوان عدم المبالغة في ذلك. في بعض الأحيان يكون لونان أو ثلاثة ألوان محددة بشكل صحيح أكثر من كافية ، مثال حي على ذلك هو موقع fb.ru. يستخدم العديد من مصممي الويب جدول ألوان "آمنة" لتصميم موقع HTML الخاص بهم.

جدول الألوان الآمنة
جدول الألوان الآمنة

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

توافق اللون

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

تركيبة الألوان التكميلية
تركيبة الألوان التكميلية

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

ثالوث - مزيج من 3 ألوان
ثالوث - مزيج من 3 ألوان

وهناك العديد من هذه الدوائر ، يمكنك التقاط المزيد من الألوان المطابقة. على سبيل المثال ، أربعة.

تتراد - مزيج من أربعة ألوان
تتراد - مزيج من أربعة ألوان

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

هيكل الموقع الداخلي

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

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

أكبر خطأ

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

التنقل السيئ في الموقع
التنقل السيئ في الموقع

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

استمارة التسجيل

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

استمارة التسجيل خاطئة
استمارة التسجيل خاطئة

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

استمارة التسجيل الصحيحة
استمارة التسجيل الصحيحة

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

قوالب الموقع

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

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

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

الجزء الأخير

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

موصى به: