‫‪Trello - Ux process‬‬

‫קבוצת טרלו שבנייתי עבורכם תוכל לשמש את כולנו כמקור מידע חזק עבור סוג התכנים שמעניינים אותנו בעולם‬
‫ה‪.UX‬‬
‫ֿ‪https://trello.com/invite/b/L3HBHsTD/49e903ad3c4c43f92df3795359f9148b/ux-process‬‬

‫‪Notion - Getting Started on Case Study‬‬

‫המדריך המלא והמטורף לבניית ‪ ,case study‬בעזרת המדריך הזה שלב אחרי שלב תוכלו לבנות את הפרויקט שלכם‬
‫המוצג בתיק עבודות‪.‬‬
‫‪https://flannel-zinnia-052.notion.site/Getting-Started-on-Case-Study-1d8d4c1db63b4507829fca074‬‬
‫‪3b058a3‬‬

‫השראות עיצוב‪ ,‬חדשנות וטכנולוגיה‬

‫‪ - AIGA - Eye On Design‬מגזין העיצוב של איגוד המעצבים המקצועיים העולמי‬
‫‪ - Communication Arts‬מגזין עיצוב בינלאומי (קיים גם בדפוס)‬
‫‪ - Eye magazine‬בלוג של מגזין העיצוב ‪eye‬‬
‫‪ - Designboom‬פורטל עיצוב המרכז חדשות עיצוב מכל העולם מהותיקים‪ ,‬הרציניים הגדולים בתחום‬
‫‪ - Fast Company‬מגזין המרכז כתבות ומאמרים בנושא חדשנות‪ ,‬טכנולוגיה ועיצוב‬
‫‪ - Awwwards‬אתר מבקרי עיצוב והענקת פרסי עיצוב לאתרים‬
‫‪ - Behance.net‬אתר המרכז פורטפוליויים של מעצבים מכל העולם‬
‫מגזין פורטפוליו ‪ -‬גאווה ישראלית! אתר חובה בראש רשימת ה‪ Bookmarks -‬שלכם‪.‬‬
‫‪ - Medium.muz.li‬תוסף לכרום עם המון השראות יומיות עם אוצרות אנושית על כל מה שחם בעולם העיצוב‪ .‬חובה‬
‫בכל מחשב‪ ,‬החברה שייכת כיום ל‪ ,invision‬אז יש המון מאמרי עומק כתוכן שיווקי שכדאי לקרוא לדוגמא ‪design‬‬
‫‪better‬‬
‫‪- Evernote.design‬מאגר עצום של כל מקומות ההשראה ברשת במקום אחד מטיפוגרפיה ועד פרונט‪-‬אנד והשראה‪.‬‬

‫השראות עיצוב אתרי ‪:One Page‬‬

‫‪beautiful examples of one page 60‬‬
‫‪one page love‬‬
‫‪awwwards.com - single-page‬‬

‫דוגמאות מהשטח‪:‬‬
‫‪ - Brand Style Guide Examples‬ריכוז דוגמאות ‪ Brand Style Guides‬של מותגים מוכרים‬
 ‫כתבות‪ ,‬מאמרים וספרות בנושא ‪UX‬‬
‫‪ - Interaction Design Foundation‬מאגר המאמרים הרחב של אחד מהגופים המובילים בתחום‬
‫‪ - Smashing Magazine‬מגזין ומוציא לאור בתחום ה‪UXUI -‬‬
‫מילון מונחי חוויית משתמש‬
‫מהו קהל יעד ואיך תדעו למצוא ולהגדיר אותו‬
‫מדוע חשוב לערוך מחקר מתחרים (ואיך עושים את זה בעשרה צעדים פשוטים)‬
‫‪ - nngroup.com - ecommerce expectations‬מאמר עומק על ניתוח התנהגות גולשים באתרי מסחר‬
‫‪ - Uxplanet‬בלוג‪/‬אתר המתארח תחת ‪ Medium‬המוקדש כולו לנושא ה‪( UX -‬ויש עוד כאלה תחת ‪)Medium‬‬
‫‪ - Growth.design‬מקרי בוחן על חברות טכנולוגיה מובילות בעולם דרך קומיקס ברור עם המון טיפים ‪ux‬‬

‫טרנדים בעיצוב ממשקים (‪ )Design Patterns‬ועיצוב בכלל‬

‫‪ - Mobbin.design‬אתר שמרכז המון מסכים ודוגמאות לאפליקציות מובילות‬
‫‪ - Nicelydone.club‬אתר שמרכז המון דוגמאות לאתרי חברות מוצר (דסקטופ) ופטרנים של רכיבי ‪ui‬‬
‫‪ - Pageflows‬אתר עם הקלטות וידאו של של שימושים שונים באתרים‪/‬מוצרים מובילים מחולק לפי תחומי ידע‬
‫(בתשלום)‬
‫‪ - Logo Lounge‬אתר בו תוכלו למצוא מאמרים שסוקרים טרנדים בעיצוב לוגו‪ ,‬וכמובן שפע של השראה‬
‫‪ - Hudsandguis‬אתר שכולו מוקדש לדוגמאות ‪ ui‬מסרטים‪.‬‬
‫‪ - Gameuidatabase‬אתר שכולו מוקדש ל‪ ui‬במשחקים ע״פ זאנרים‬

‫עיצוב ואתיקה‬
‫‪How Designers Destroyed the World - Mike Monteiro, at USI‬‬
‫המניפסט של מילטון גלזר‬
‫‪How a handful of tech companies control billions of minds every day | Tristan Harris‬‬
‫בינה מלאכותית‪ ,‬אתיקה בעיצוב ואיך לעזור למשתמש לבחור‪ ,‬מתוך ‪UXSalon 2016‬‬
‫דוקומנטרי אינטראקטיבי בנושא אתיקה בתחומי עיצוב שונים‬
‫‪ - Tristan Harris‬החלוץ לפני המחנה בנושא האתיקה לעיצוב‪ ,‬בעבר חלק מחברות הענק והיום יוצא נגדם‬

‫מקורות פרקטיים לעיצוב ממשקים‬

‫‪ - Material Design‬מערכת העיצוב של גוגל‪ .‬אתר זה מכיל התייחסות לעקרונות העיצוב של גוגל‬
‫‪ - Android‬מערכת ההפעלה של המוצרים של גוגל‪ .‬אתר זה מכיל התייחסות מלאה לכללי העיצוב לאנדרואיד‬
‫‪- Human-interface-guidelines‬מערכת העיצוב של אפל‪ .‬אתר זה מכיל התייחסות לעקרונות העיצוב של אפל‬
‫‪ - A Comprehensive Guide To Mobile App Design‬מאמר עומק על כללי מפתח לעיצוב מובייל‬
‫‪ - iconography guide‬מדריך מקיף לבניית אייקונים בפיגמה‬
‫‪ - the Ultimate Guide to an Interface Icon Set‬מאמר עומק על בנייה נכונה של אייקונים‬
‫ ספר מקיף על תרגילי בית לראיונות עבודה עם פתרונות מהחברות המובילות‬- Productdesigninterview.com
‫בעולם‬
‫ אתגרים שונים בתחומים שונים לחידוד תהליך החשיבה על עיצוב מוצר‬- Product Design.challenge
‫אנד‬-‫ אסופה של מאמרים שונים בעולמות עיצוב המוצר ממחקר ועד פרונט‬- /https://productdesign.tips

)‫הרצאות מעוררות השראה ומרחיבות ידע מהעולם (וידאו‬

Don Norman@NNGroup youtube channel
David Travis - The 7 deadly sins of user research
The first secret of great design | Tony Fadell
Aaron James Draplin: Things That Don't Have a Thing to Do with Graphic Design
Human Centered Design | Fantasy Interactive Head of Product Peter Smart | Awwwards Conf
Amsterdam
etflix Product Designer | Navin Iyengar | Design Like a Scientist
The art of innovation | Guy Kawasaki | TEDxBerkeley
- ‫סרטון נחמד למתחילים לגבי היררכיה וקומפוזציה בעיצוב גרפי‬
https://www.youtube.com/watch?v=a5KYlHNKQB8&t=45s

‫) תוכנות ועוד‬css/html( ‫למידת שפות פיתוח‬

‫ בנושאי פיתוח שונים‬google ‫ קורסים מבית‬- /https://web.dev/learn/css
‫ חינם לעד‬- ‫ ברשת‬css/html ‫ המאגר הרישמי ללמידת‬- /https://www.w3schools.com
‫ אוסף של ניסויים עדכניים בקוד ומאגר עשיר של טוטוריאלים‬- /https://tympanus.net/codrops
‫ ונושאים קשורים‬css ‫ אתר עשיר עם המון כתבות עומק על‬- /https://css-tricks.com
‫ מאגר עצום של קורסים בחינם לשפות‬- /https://www.freecodecamp.org/learn/responsive-web-design
‫שונות‬
‫ יש לשים לב‬,2020‫ קורס בסיסי ללימוד פיגמה (מעודכן ל‬- https://designcode.io/design-system-in-figma
)‫לשינויים בממשק‬
 ‫ גופנים וטיפוגרפיה לרשת‬,‫פונטים‬
‫ הפיסקה המושלמת‬- /https://betterwebtype.com/triangle
)kearning game( ‫ יישור אותויות‬- #/https://type.method.ac
‫ מחשבון ויזואלי‬typescale - ‫משקלים ויחסים בפונטים‬
Baseline Grids with Auto Layout ‫הסבר על יישור והעמדה של בפיגמה של פונטים‬
/https://www.thegoodlineheight.com : ‫ מחשבון‬- line hight ‫הסבר על‬
https://www.youtube.com/watch?v=za8ERlMchUE - ‫חוקי טיפוגרפיה‬
https://www.youtube.com/watch?v=QrNi9FmdlxY&t=5s - ‫ טיפים‬- ‫חוקי טיפוגרפיה‬

‫התאמת משפחות פונטים ומשקלים‬

/https://www.fontpair.co
/https://fontjoy.com
/https://www.canva.com/learn/the-ultimate-guide-to-font-pairing

‫סרטון מעולה על על הפונט‬ - cooper black