Back to Question Center
0

كيفية جعل النماذج الورقية            كيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي & أمب؛ إيماجيريتمل & أمب؛ سكولورولوغو سيمالت

1 answers:
كيفية جعل النماذج الورقية

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

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

ما الذي ستحتاج إليه

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

نقترح البنود التالية عند إجراء جلسة النماذج:

  • ورقة مع شبكة أو شبكة نقطة (المفضل)
  • ملاحظات لاصقة (أبدا ترك المنزل بدونها!)
  • أقلام رصاص
  • ممحاة
  • الأقلام (شاربيز بألوان مختلفة وسمك مثالية)
  • مقص أو سكين الحرفية
  • الغراء (يفضل ريستيكابل)

سيمالت التي هي لطيفة أن تشمل ما يلي:

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

سيمالت ننظر في الاحتمالات المشاركة في استخدام مواد مختلفة في وقت لاحق من هذا الفصل.

نهجك

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

  1. جهاز
  2. شاشات
  3. عنصرا
  4. تفاعل أو تغيرات الدولة

أجهزة

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

سطح المكتب أو الكمبيوتر المحمول

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

قرص

A5 أو الولايات المتحدة نصف حرف الحجم ورقة يجب أن يكون كافيا، على الرغم من إذا كنت تقوم بتصميم لقرص كبير مثل أبل أي باد برو (12. 9 بوصة)، قد ترغب في التمسك بحجم A4 / رسالة . سيمالت، يمكنك اختيار التوجه اعتمادا على ما كنت تتوقع أن يكون المستخدم. إذا كنت تريد أن تجعل هذا أكثر واقعية، وخلق جهاز وهمية هو الخيار. أكثر نهج لو-في هو رسمه على قطعة من البطاقة وقطع حفرة حيث الشاشة، كما هو موضح أدناه.

<إمغ سرك = "/ إمغ / d10a182a877e8bab2a36f0c084a84dd40 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

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

الهاتف

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

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

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

<إمغ سرك = "/ إمغ / 790a700c776fb45eee30eb0c968545c01 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

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

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

<إمغ سرك = "/ إمغ / 790a700c776fb45eee30eb0c968545c02 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

شاشات

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

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

عناصر

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

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

<إمغ سرك = "/ إمغ / 8a0bc9663405a606425c47071802553e3 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

التفاعل

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

التمرير والانزلاق

أحد المقاربات التي استخدمناها هو قطع أجزاء من الشاشة ثم ربط خيوط الورق من خلال تمكين عناصر التمرير والانزلاق. حفرة 1-2 ملم كبيرة بما فيه الكفاية لتنزلق الورق من خلال وتمكين الحق في كمية من التخليص ل "التمرير. "الشكل أدناه يصور جهاز التمرير الرأسي الورقي.

<إمغ سرك = "/ إمغ / 8a0bc9663405a606425c47071802553e4.

<إمغ سرك = "/ إمغ / 038a44c31e4cdd324c86aa0809c0147d5 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

القوائم

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

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

<إمغ سرك = "/ إمغ / 76f12b8249545061733d061393a9818f6 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

رسائل و صناديق منبثقة

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

<إمغ سرك = "/ إمغ / 76f12b8249545061733d061393a9818f7 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

علامات

يمكنك إما إنشاء علامات التبويب الخاصة بك عن طريق قطعها من الورق، أو شراء بطاقات الفهرس. عند اختيار علامة تبويب أخرى، خلط ورق اللعب من خلال سطح السفينة من بطاقات التبويب وترتيب علامة التبويب المحددة في الأعلى.
<إمغ سرك = "/ إمغ / a8b72e72b8212d2e67882489babb05b58 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/> >

الأكورديون

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

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

<إمغ سرك = "/ إمغ / a8b72e72b8212d2e67882489babb05b59 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

نمط التصميم المتجاوب المشترك هو تبادل قائمة نمط الأكورديون على شاشات أصغر مع علامات التبويب على شاشات أكبر. يمكنك أن ترى هذا النموذج الأولي كعنصرين متميزين في الشكل أدناه.

<إمغ سرك = "/ إمغ / a8b72e72b8212d2e67882489babb05b510 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

الشرائح أعلى / أسفل يكشف

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

حدد صناديق

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

<إمغ سرك = "/ إمغ / 99a491d1dc9e5f0205f5e10c4d7b3fc211 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

مربعات وأزرار راديو

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

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

دائرة الرقابة الداخلية / الروبوت عناصر التصميم الأصلي

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

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

<إمغ سرك = "/ إمغ / f5378a1d622f75e6ae9cde7fac4bf3a912 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

حرفيا أي شيء

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

نصائح الرسم

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

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

<إمغ سرك = "/ إمغ / f5378a1d622f75e6ae9cde7fac4bf3a913 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

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

<إمغ سرك = "/ إمغ / f1dd5b07e44c44d05a7451c142b2509414 جبغ" ألت = "كيفية جعل النماذج الورقيةكيفية جعل النماذج الورقية المواضيع ذات الصلة: أوي ديسينفوتوغرافي وصور إيماجيريتمل & كسولورولوغو سيمالت "/>

February 28, 2018