חינם ערכות GUI לשרטוט אינטרנט & עיצוב נייד - המיטב

מעצבים רבים הם במהירות קופץ הספינה מ Adobe Photoshop לתוך תחום נפלא של סקיצה. זו תוכנית עיצוב דיגיטלי עבור OS X מספק כלים טובים יותר עבור עיצוב ממשק משתמש, עיצוב סמל, ומציע פיקסל + תמיכה וקטור בתוכנית אחת. זה מוביל לעלייה בפופולאריות freebies שפורסמו על ידי מעצבי סקיצה.

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

ערכות ממשק אינטרנט

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

ערכת ממשק משתמש כהה

זה ממש אפור כהה / כחול UI ערכת נעשה במיוחד עבור סקיצה 3+ וכולל אלמנטים משותפים כמו לחצנים, מחוונים, מתגים ומתגים. כל אלמנט גם תכונות מצב הפעלה / כיבוי כך שתוכל לבנות רכיבי ממשק עם מצבים אינטראקטיביים מותאמים אישית.

ערכת ממשק משתמש כהה וקל

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

ערכת ממשק משתמש קיץ

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

ערכת ממשק משתמש פרל

ערכת UI הפנינה עוקבת אחרי עיצוב פשוט מאוד עם אלמנטים בסיסיים של הדף. לחצנים, שדות קלט, אקורדיונים וכרטיסיות הם רק כמה אפשרויות לרשותכם. אם אתה חדש סקיצה אז זה עשוי להיות שימושי ערכת לעזור לך deconstruct איך לעצב את ערכת משלך.

פריסות של דפי נחיתה

זה די מוסתר freebie עובד הכי טוב במהלך שלב. פריסות אלה אינן מוצגות במלואן ב- Sketch, ומציעות פריסות בעלות איכות נמוכה עם אלמנטים בלוק סטטי. הצבעים, הצורות והמיקום של פריסות אלה צריכים להיות לעזור לכל מעצב UI כדי להבין טוב יותר את תהליך wireframing.

הגדרת ממשק משתמש של Web App

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

ערכת ממשק משתמש גמישה

זה ללא ספק אחת ערכות ממשק המשתמש הנרחב ביותר שאי פעם למצוא עבור סקיצה. דף הדגמה חי ספירת 25 + סוגים שונים של אלמנטים מ מחליקי תמונות לטופס צ'ק אאוט והערות משתמש. בהחלט אחד coolest ושימושי ביותר סקיצה freebie ערכות תמצאו באינטרנט.

ממשק המשתמש של Bootsketch

מעצבי ממשק משתמש נשארים מחוץ לולאה כשזה מגיע מסגרות frontend ולכן זה freebie הוא לטפל. ערכת Bootsketch זו כוללת אלמנטים וקטוריים לכל רכיב Bootstrap הקיים. זה עושה את זה סופר קל ליצור Bootstrap-mockups נושאים ב סקיצה אפילו בלי לגעת בדפדפן.

ערכת ממשק משתמש זעיר שטוח

זה ממשק משתמש מסודר נע מהעיצוב שטוח לאמץ את האסתטיקה של gradients ועומק באלמנטים של הדף. זה כיף להשתמש בכל פרויקט ומראה כי כל דבר שאתה יכול לעשות ב Photoshop הוא אפשרי באותה מידה ב סקיצה.

יותר

אם אתה מחפש חלופות יותר להציץ ברשימה זו קטנה של ערכות אינטרנט ממשק המשתמש להלן.

• ערכת UI שיש
• אלמנטים
• ערכת ממשק משתמש טרי
• ערכת ממשק המשתמש של דינק (לדוגמא)
• ערכת ממשק משתמש עבור אינטרנט ונייד

ערכות ממשק משתמש נייד

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

ערכת ממשק משתמש של iOS 9.3

הדחיפה המתמשכת של אפל לעבר חדשנות חדשנית יותר יוצאת ממערכת הפעלה ניידת חדשה כמעט בכל שנה. המגמה הנוכחית היא iOS 9 ו ערכת ממשק משתמש זה כל מה שאתה צריך עבור יישומי iOS מקומיים.

ערכת כלי עבודה

Salesforce1 הוא יישום לוח מחוונים פופולרי לניהול לקוחות ולקוחות. זו ערכת Salesforce1 ממשק משתמש מציע את כל האלמנטים המשותפים של היישום iPhone שלהם עבור tinkering ושימוש חוזר אסתטיקה העיצוב שלהם.

תבנית UX נייד

האם אתה משתמש כעת ב- UX לנייד עבור iPhone או Android? אז זה freebie סקיצה בוודאי לעזור לך להשלים את wireframe בקלות. זוהי דרך חופשית לבעוט את. שלב prototyping על מסך דיגיטלי.

ערכת יישומים של ממשק משתמש של iOS

מ Snapchat כדי Pinterest, עשרות רשתות חברתיות יש ballooned על הפופולריות בשנים האחרונות. זה ערכת ממשק משתמש חברתי יכול לעזור הפעל את האפליקציה החברתית הבאה ו בקנה מידה מהר לקהל רחב של משתמשי iPhone.

ערכת ירח

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

ערכת ממשק משתמש של יישום נסיעות

הנה ערכת ממשק משתמש כהה אך יפה על בסיס יישום נסיעות עבור משתמשי סקיצה 3+. זה מיועד לכל מי שרוצה להשתעשע עם טיסה או טיסה יישום הרעיון הנייד.

ערכת ממשק משתמש של Instagram

אפליקציות לנייד לשיתוף תמונות רוויות את השוק וחלק מהיישומים אפילו כוללות תכונות שיתוף תמונות המשלימות את המטרה העיקרית של היישום. אז זה נהדר לקבל את זה חינם Instagram UI Kit זמין עבור מעצבי סקיצה לשכפל פונקציונליות צילום בעיצובים שלהם. זהו יסוד iOS תמונה App ממשק המשתמש מושג.

יותר

יש יותר מדי ערכות GUI לכתוב על זה לכתוב, אבל אני לא יכול להשאיר כל אלה טוב מאחורי. אז אם אתה צריך אפילו יותר משאבים ניידים סקיצה UI להציץ חלופות אלה.

• נתיב ממשק משתמש
• ערכת ממשק משתמש של Windows 7
• ערכת Uber iOS Wireframe
• תמונה להפיץ
• ערכה הפניקס ממשק משתמש - חלק 1