تعد إطارات الموقع الإلكتروني عبارة عن رسومات خطية بسيطة تعرض موضع العناصر على صفحة الويب. يمكنك توفير قدر كبير من الوقت من خلال تعديل تخطيط إطار سلكي بسيط في بداية عملية التصميم بدلاً من التصميم المعقد في وقت لاحق.
يعد استخدام wireframes طريقة رائعة لبدء مشروع موقع ويب ، حيث يسمح لك ولعملائك بالتركيز على التصميم بدون تشتيت اللون والنوع وعناصر التصميم الأخرى. ركز على ما يحدث على صفحات موقعك والنسبة المئوية للفضاء الذي يتناوله كل عنصر ، والذي يمكن تحديده حسب احتياجات عميلك.
01 من 03
ما يجب تضمينه في موقع على شبكة الإنترنت Wireframe
يجب أن يتم تمثيل جميع العناصر المهمة لصفحة الويب في موقع الويب الخاص بك. استخدم أشكالًا بسيطة بدلاً من الرسومات الفعلية ، وقم بتمييزها. هذه العناصر تشمل:
- التنقل: أزرار للمستخدمين لزيارة الأقسام الرئيسية في موقعك.
- شعار الشركة: يمكن فقط أن يمثله صندوق.
- مناطق المحتوى: أين ستظهر الأقسام المختلفة للمحتوى؟
- مربعات البحث
- مناطق تسجيل دخول المستخدم
02 من 03
كيفية إنشاء موقع سلكي
هناك مجموعة متنوعة من الطرق لإنشاء wireframe موقع ويب. يشملوا:
ارسمها باليد على الورق
هذه الطريقة تأتي في متناول اليد عندما تواجه وجها لوجه مع العميل. ارسم أفكار التخطيط على الورق ، مع التركيز على العناصر التي يجب أن تذهب إلى حيث.
باستخدام Adobe Photoshop أو Illustrator أو برامج أخرى
تأتي معظم حزم برامج الرسومات مجهزة بجميع الأدوات الأساسية اللازمة لإنشاء إطارات سلكية. الخطوط والأشكال والنص البسيط (لتصنيف عناصرك) هي كل ما تحتاج إليه لإنشاء إطار سلكي قابل للتطبيق.
استخدام البرامج التي تم إنشاؤها لهذا النوع من المهام
في حين أن Photoshop و Illustrator يمكنهما القيام بالخدعة ، يتم تطوير بعض حزم البرامج خصيصًا لهذا النوع من العمل. OmniGraffle عبارة عن برنامج يقوم بتبسيط إنشاء الأطر من خلال توفير أدوات الشكل والخط والسهم والنص لاستخدامها على لوحة فارغة. يمكنك أيضًا تنزيل مجموعات رسومات مخصصة (مجانًا) في Graffletopia ، والتي تمنحك المزيد من العناصر ، مثل أزرار الويب الشائعة ، للعمل معها.
03 من 03
الفوائد
مع wireframes الموقع ، لديك الاستفادة من التغيير والتبديل خط الرسم بسيطة لتحقيق التخطيط المطلوب. بدلاً من نقل العناصر المعقدة حول الصفحة ، قد يستغرق سحب بعض الصناديق في مواضع جديدة قليلًا جدًا. كما أنه أكثر إنتاجية بالنسبة لك أو لعميلك للتركيز على التصميم أولاً ... لن تبدأ بتعليقات مثل "أنا لا أحب هذا اللون هناك!" بدلاً من ذلك ، ستبدأ بالتخطيط النهائي والبنية على والتي لبناء التصميم الخاص بك.