https://www.storyboardthat.com/ar/create/إطارات-شبكية-مقابل-نماذج-بالأحجام-الطبيعية

Wireframes مقابل نماذج بالحجم الطبيعي


بدء التصميم الخاص بك

Wireframes مقابل نماذج بالحجم الطبيعي

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


إطارات شبكية


إنشاء تصميم  






نماذج بالأحجام الطبيعية


إنشاء تصميم  







3 الاختلافات بين wireframes و نماذج بالحجم الطبيعي

  1. اللون

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

  2. قلم المدقة

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

  3. لغة

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

إنشاء تصميم  


التسعير

فقط شهريًا لكل مستخدم!

/شهر

دفع سنوى

انظر صفحة التسعير الكاملة



لا أستطيع رسم!

What if I can't draw?

  • لا تقلق ، ولا يمكننا.
  • لدينا أكثر من 1200 مشاهد وشخصيات مسبقة الصنع لتستخدمها!
  • جميع مشاهدنا وشخصياتنا قابلة للتخصيص وسهلة التعديل!

ليس لدي وقت!

What if I have No Time?

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

أنا أحب أن أكل الطباشير!

I Like to eat crayons!

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


إنشاء تصميم  

مساعدة حصة Storyboard That!


هل تبحث عن المزيد؟

تحقق من بقية لدينا المواد التجارية والموارد!

جميع الموارد التجارية | موارد استراتيجية الأعمال | موارد التسويق | موارد التصميم الجرافيكي | موارد تطوير المنتجات | موارد التدريب والموارد البشرية | الموارد الفيلم | موارد تسويق الفيديو


طبعات خاصة


الأعمالتطوير المنتجاتاشخاصاالعملاء خرائط رحلةإطارات شبكيةالرسوم البيانيةتسويق الفيديوفيلمكاريكاتير

بدء بلدي التجربة المجانية
بدء بلدي التجربة المجانية
https://www.storyboardthat.com/ar/create/إطارات-شبكية-مقابل-نماذج-بالأحجام-الطبيعية
© 2019 - Clever Prototypes, LLC - كل الحقوق محفوظة.
استكشاف مقالاتنا وأمثلة

محاولة لدينا مواقع أخرى!

Photos for Class - البحث عن مدرسة الآمن، جميل صور! (وحتى يستشهد لك!)
Quick Rubric - بسهولة جعل وحصة كبيرة تبحث نماذج التقييم!
تفضل لغة مختلفة؟

•   (English) Wireframes vs. Mockups   •   (Español) Wireframes vs Maquetas   •   (Français) Wireframes vs. Mockups   •   (Deutsch) Wireframes vs. Mockups   •   (Italiana) Wireframe vs. Mockup   •   (Nederlands) Wireframes Versus Mockups   •   (Português) Wireframes vs. Mockups   •   (עברית) Wireframes לעומת Mockups   •   (العَرَبِيَّة) Wireframes مقابل نماذج بالحجم الطبيعي   •   (हिन्दी) वायरफ्रेम बनाम मॉकअप   •   (ру́сский язы́к) Каркасы Против Макетов   •   (Dansk) Wireframes vs Mockups   •   (Svenska) Wireframes vs Mockups   •   (Suomi) Wireframes vs. Mockups   •   (Norsk) Wireframes vs Mockups   •   (Türkçe) Wireframe'ler ve Maketler   •   (Polski) Modele Szkieletowe a Makiety   •   (Româna) Wireframe vs. Mockups   •   (Ceština) Drátové Modely vs Mockups   •   (Slovenský) Drôtové Modely vs Mockups   •   (Magyar) Wireframes vs. Mockups   •   (Hrvatski) Wireframes vs Mockups   •   (български) Wireframes Срещу Mockups   •   (Lietuvos) Wireframes vs Mockups   •   (Slovenščina) Wireframes vs Mockups   •   (Latvijas) Wireframes vs Mockups   •   (eesti) Wireframes vs Mockups