https://sbt-test.azurewebsites.net/he/צור/wireframes-vs-mockups

Wireframes לעומת Mockups


התחל את העיצוב שלך

Wireframes לעומת Mockups

בעת עיצוב דף אינטרנט חדש או הוספת תכונה חדשה למוצר שלך, חשוב ליצור גם wireframes ו mockups - אבל מה ההבדל? בקיצור, מסגרת חילונית היא גישה נאמנה, מינימליסטית לתפיסת עיצוב. הוא מתמקד פריסת הליבה ותכונות דף חדש יהיה, אבל משאיר את כל הבזק על mockup. Mockups הם נאמנות גבוהה יותר וכוללים צבע, שפה אמיתית, סמלים אמיתיים. מסגרת חילונית מחליטה כיצד ייראה דגם mockup, ו- mockup צריך להיות ייצוג סטטי מדויק של המוצר הסופי.


Wireframes


צור עיצוב  






Mockups


צור עיצוב  







3 הבדלים בין Wireframes לבין Mockups

  1. צבע

    ההבדל העיקרי הראשון בין wireframes ו mockups הוא להציג את הצבע. כאשר wireframing, עדיף בכוונה להיות עגום עם ערכת הצבעים שלך, או יותר טוב עדיין לשמור את זה לגמרי שחור ולבן. השארת צבע מתוך wireframes שלך מסייע למנוע הסחות דעת בעת תכנון ומיקוד על פריסת דף כללי ועיצוב. עבור mockups, לעשות את ההפך. לשחק עם צבעים שונים ולמצוא את אחד כי אתה רוצה להשתמש עם המוצר הסופי שלך. צבעי Mockup צריכים לקפוץ ולפתות את המשתמש.

  2. סגנון

    ההבדל הבא הבא הוא הסגנון הכללי. Wireframes נוטים להיות מאוד מוכווני רשת, כאשר רוב האובייקטים להיות באותו גודל או פרופורציונלי אחד לשני. למרות שזה עדיין טוב לעקוב את הגישה הכללית הרשת בעת יצירת mockup, זה בסדר כדי לשחרר את הכללים קצת. אמון העיניים שלך ומה אתה חושב נראה טוב יותר. בסך הכל, wireframes צריך להיצמד להנחיות קפדניות בסגנון, בעוד mockups יכול להיות יותר להקל על מה מעצב חושב שהוא המתאים ביותר.

  3. שפה

    לבסוף, הבדל גדול בין wireframes ו mockups היא השפה בשימוש. כאשר wireframing, עדיף להשתמש בשפה מזויפת או מקום מחזיק כמו Lorum Ipsum . שוב, הסיבה לעשות זאת היא כי צוות פיתוח המוצר אינו מוסחת על ידי עותק של דף אינטרנט ובמקום זאת מתמקד בעיצוב הכללי. עבור mockups, כולל את העותק האמיתי שברצונך להופיע בדף. על ידי הכללת עותק אמיתי ב mockups אתה נותן גם את עצמך ואת צוות הפיתוח הרעיון של איך הטקסט צריך למעשה לדקלם על המוצר הסופי וכמה שטח זה לוקח.

צור עיצוב  


תמחור

רק לחודש למשתמש!

/חוֹדֶשׁ

מחויב מדי שנה

ראה תמחור מלא



אני לא יכול לצייר!

What if I can't draw?

  • אל תדאג, גם אנחנו לא יכולים.
  • יש לנו מעל 1200 הקלעים מראש ותווים לך להשתמש!
  • כל הקלעים שלנו תווים ניתנים להתאמה אישית וקל לערוך!

אין לי זמן!

What if I have No Time?

  • אנחנו יודעים את זה! אנחנו עסוקים מדי!
  • יצירת עם הפלטפורמה שלנו היא מהירה וקלה עם גרור ושחרר יצירות אמנות.
  • כאשר אתה נרשם לחשבון, תוכל לשמור את העבודה שלך ולחזור ולערוך אותה בכל עת.

אני אוהב לאכול עפרונות!

I Like to eat crayons!

  • אל דאגה, עפרונות הם לא רעילים!
  • אם מצאת בדיחה זו, לפחות אנחנו יודעים שאתה קורא את זה ...
  • כלומר, אתה בהחלט רוצה שבועיים ללא תשלום ניסיון


צור עיצוב  

עזרה שתף Storyboard That!


מחפש מידע נוסף?

בדקו את שאר מאמרי העסקים שלנו ומשאבים!

כל המשאבים העסקיים | משאבי אסטרטגיה עסקיים | שיווק | עיצוב גרפי משאבים משאבי פיתוח מוצרים | משאבי הדרכה ומשאבי אנוש משאבי הקולנוע | שיווק וידאו משאבים


מהדורות מיוחדות


עסקיםפיתוח מוצרפרסונותלקוחות מפות מסעWireframesאינפוגרפיקהשיווק וידאוסרטקומיקס

התחל ניסיון חינם שלי
התחל ניסיון חינם שלי
https://sbt-test.azurewebsites.net/he/צור/wireframes-vs-mockups
© 2019 - Clever Prototypes, LLC - כל הזכויות שמורות.
חקור מאמרי הדוגמות שלנו

נסה אתרים אחרים שלנו!

Photos for Class - חיפוש עבור הספר-Safe, תמונות של המלאי! (שהעיתון מצטט גם בשבילך!)
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