אייקונים To the moon & back חלק ב'

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

להמשך קריאה

אייקונים To the moon & back – חלק א'

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

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

להמשך קריאה

אנימציות בחווית משתמש: מאין באת ולאן תשוב

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

להמשך קריאה

פיקסלינק – תנועתיות בעיצוב ממשקים, כלי לעריכת svg בדפדפן, כלי הפרוטוטייפ למובייל מבית אפל ועוד המון הפתעות מפנקות.

תמונה מתוך: Motion in UI Design

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

להמשך קריאה

פיקסלינק – עיצוב מחדש לניו יורק טיימס, ה- Material Design Lite החדש של גוגל, מאגר בלתי נדלה של אייקונים חינמיים, אנקדוטות מצוינות על עיצוב שטוח והשראה בעידן הנוכחי ועוד מטעמים…

תמונה מתוך: NYTimes Case Study Design

בפיקסלינק תוכלו למצוא טעימות מתוך הניוזלטר השבועי שלנו. השבוע: Apple Music או איך לא לעשות Onboarding, הלוגו החדש של פייסבוק, מקרה בוחן מושקע לאפליקציית Boosted Boards, מאמר מעולה על קומפוזיציה ועוד המון טיפים, טריקים וחינמיים.

להמשך קריאה

השראה בשישי: להמציא את הגלגל

השבוע: כמה אתרים שמספקים לנו תובנות מאוירות בראי ההיסטוריה, שרות הודעות שישאיר את החברים שלכם ללא מילים, טיפים לנהיגה זהירה והרבה מידע על אגירת מידע...
אם אתם רוצים לקבל עוד השראה אתם מוזמנים להרשם לניוזלטר השבועי שלנו – "חדשות הפיקסל" ובו תוכלו ליהנות כל שבוע מכלים יעילים, טיפים, הפניות למאמרים חשובים בתחום, וגישה מלאה למאגר החינמיים (תשאלו את המנויים הקיימים – הם כבר מכורים) סופ"ש מעולה ושקט לכולם.

להמשך קריאה

אנימציות וחווית משתמש: יד ביד

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

להמשך קריאה

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

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

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

נשמח לתת לך עוד פרטים!

לצפייה מיידית בסילבוס ובפרטים אודות הקורס אנא מלא/י את הפרטים כאן: