الإعلانات
على المستوى الفني ، موقع الويب الحديث ليس شيئًا واحدًا فقط. إنه حساء معقد من تقنيات التفاعل ، مثل HTML (الترميز الذي تراه على الصفحة) ، JavaScript ( اللغة التي تعمل في متصفحك ، مما يؤثر على التفاعلات) ، و CSS (لغة تعيين مظهر الصفحة) ، و أكثر. ولكن على المستوى الأساسي ، يعد موقع الويب فكرة.
إذا كان موقعك على الويب ، فربما تعرف ما تريده أن يفعله ، أو ما تريد أن يخرجه المستخدمون منه. ربما من المفترض أن يكون مكانًا سهلًا لهم للعثور على معلومات حول التكنولوجيا ؛ أو ربما يجب أن يوضح سبب كونك أفضل فرقة موسيقية أو مشيًا. على أي حال ، قبل وقت طويل من الحاجة إلى التعامل مع HTML أو CSS أو JavaScript أو أي تطوير ويب آخر محدد التكنولوجيا ، يجب أن يكون لديك فكرة واضحة جدًا عما يجب أن يفعله موقعك ، وما يجب أن يبدو عليه بشكل عام مثل. والإطارات السلكية للموقع هي الطريقة لترسيخ هذه الفكرة وإيصالها.
الجزء الخلفي من منديل
يعد الإطار السلكي لموقع الويب مجرد رسم تخطيطي لما تريد أن يبدو عليه موقعك. ليس من المفترض أن تكون جميلة ، ولا تحتاج حتى إلى برنامج لإنشائه. يمكنك فقط الحصول على قطعة من الورق ، أو حتى منديل ، وبدء الحظر في موقع الويب الخاص بك ، عنصرًا بعنصر. “
العنوان هنا... ثم لدينا قائمة تنقل... أوه ، وهنا يمكنني وضع مربع بحث."فقط بهذه العبارات العامة البسيطة ، ضع جزءًا واحدًا من موقعك على الويب معًا ، حتى تظهر النتيجة النهائية على النحو التالي:
كما ترى ، هذا ليس رمز كمبيوتر أو أي شيء تقني أو معقد بشكل مفرط. يمكن لأي شخص أن ينظر إلى هذا الرسم السريع ومعرفة ما يرونه على الفور. وهذه هي النقطة المتعلقة بالإطارات السلكية: فهي سريعة الصنع وسهلة الفهم. تتيح لك الحصول على الأشياء المهمة بشكل صحيح ، مثل تخطيط الموقع وبنية التنقل وموضع الإعلان ، قبل لمس سطر واحد من التعليمات البرمجية. وإذا كنت تعمل مع أشخاص آخرين ، مثل المبرمج أو المصمم ، فإنهم يسمحون لك جميعًا بالتوصل إلى اتفاق حول ما ستبدو عليه النتيجة النهائية. هذا يمكن أن يوفر الكثير من الارتباك والعمل المزدوج ، خاصة عندما يتعلق الأمر بمشاريع أكبر.
من المهم ملاحظة نقص التفاصيل في الإطار السلكي أعلاه: الصور المجاورة لكل مقالة ليست صورًا "حقيقية" ، ولكنها عناصر نائبة واضحة. حتى نص المقالة لم يتم ملؤه - إنه مجرد مجموعة من الأسطر. لا يمكنك أن ترى ما سيكون عليه نظام الألوان - كل ذلك فقط أبيض وأسود. هذا هو الإطار السلكي مفترض ليشبه. ليس من المفترض أن يكون تمثيلًا كاملاً لموقع الويب النهائي ، ولكن فقط روحه أو جوهره ، إن شئت. إنها فقط أهم الأشياء.
أدوات للحصول على هيكل الأسلاك
كما ذكرت سابقًا ، فإن أفضل أداة للإطار السلكي غالبًا ما تكون مجرد ورقة وقلم. يمكن أن يساعد الابتعاد عن جهاز الكمبيوتر حقًا في تصفية ذهنك والتركيز على ما تريد أن يبدو عليه موقع الويب الخاص بك ، دون حدوث إزعاج مزعج أو العبث حول تعلم أداة جديدة لإطار الأسلاك. عادةً ما يكون دفتر الرياضيات (كما هو موضح أعلاه) يعمل بشكل أفضل لأنك تتبعه على طول الخطوط ، وأنشئ مستطيلات أنيقة ، وقم بمحاذاة الأجزاء المختلفة من موقعك معًا بسهولة. خذ واحدة أو قلمًا أو اثنين واذهب لتناول كوب من القهوة في مكان بعيد عن جهاز الكمبيوتر الخاص بك. ستعود بفكرة واضحة عما تحاول إنشاءه بالضبط.
ومع ذلك ، في بعض الأحيان يكون من الضروري استخدام برنامج إنشاء الإطارات السلكية. على سبيل المثال ، ربما تعمل كجزء من فريق منتشر في جميع أنحاء البلد أو الكرة الأرضية ، أو ربما تكتب مشاركة مدونة حول الإطارات السلكية. في هذه الحالات ، لا يعد مسح الإطارات السلكية يدويًا حلاً عمليًا للغاية. إليك بعض أدوات البرمجيات المجانية التي يمكن أن تساعدك إذا لم تتمكن حقًا من استخدام قلم وورقة:
- Lumzy: أداة هيكل خارجي مجانية تستند إلى Flash مع مكتبة غنية من الأشياء. هذه هي الأداة التي استخدمتها لإنشاء الإطار السلكي الذي تراه أعلاه - فهي سريعة وغير مؤلمة.
- أسلاك QuirkTools [تمت إزالة عنوان URL المكسور]: أداة أبسط بدون خيارات المحاذاة. ومع ذلك ، فهي ليست قائمة على الفلاش.
- الطائر المحاكي: أداة تجارية ، ولكن لديها خطة مجانية محدودة.
ليس فقط للمواقع
ربما أدركت هذا بنفسك ، لكن هذه ملاحظة جيدة تنتهي بها: Wireframes هي أداة رائعة لإنشاء أي منتج ، وليس مجرد موقع ويب. ربما لديك فكرة تقريبية لتطبيق iPhone أو Android ، أو حتى تطبيق كمبيوتر كامل. في هذه الحالات ، تعد الإطارات السلكية لمواقع الويب لا تقدر بثمن لعرض ما يبدو عليه كل شيء ، وقد تساعدك حتى في جعل الأشخاص يدعمون مشروعك بطرق مختلفة.
هل سبق لك إنشاء إطار سلكي بنفسك؟ هل ستبدأ الآن بعد أن قرأت هذا؟ اسمحوا لي أن نعرف في التعليقات!
ائتمانات الصورة: صورة منديل مجعد عبر ShutterStock, صورة دفتر أحمر عبر ShutterStock
