מפלאש (ועוד תוכנות) לאנימייטד גיף

לא מעט אנשים פונים אליי בשאלות – איך לייצא גיפים מפלאש? למה זה לא יוצא איכותי? ומה עושים? אז לכל השואלים ולכל המעוניינים – הנה כמה שיטות פשוטות להפליא.

אדגים את השיטות שלי על PC ועם פלאש, אבל חשוב לציין שהשיטות תופסות גם לגבי Mac ולגבי תוכנות אחרות.

נתחיל בהסבר קצר על גיפים:
גיף מוגבל ל-256 צבעים, לכן תמונות ואנימציות מטורפות בהחלט לא יצאו באיכות HD.
גיף גם מוגבל לזמן, האנימציות צריכות להיות עד 500 פריימים. כמו כן המלצה שלי (שהיא המלצה כוללת לווב כולו) – להשתמש במידות הרצויות ישר ולעניין, ולא לבוא בגישה של ״נעשה גדול יותר בכדי שיצא איכותי יותר״ (כי זאת החשיבה הרווחת הרבה פעמים בייחוד לאלה הבאים מעולם הפרינט). אנחנו מנסים לחסוך במשקל וגם לקלוע למדיות הקיימות. לדוגמה אם תרצו להעלות גיף לאתר קריאייטיבס – תעשו אותו ב600px, אם תרצו לביהנס – תעשו ב-700px.

לאחר שזה נאמר, הבה נתחיל המשך…

להמשך קריאה

פיתוח ועיצוב וורדפרס מ 0 – חלק 1

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

הפוסט פורסם לראשונה בבלוג אמנות המסך.

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

המשך…

להמשך קריאה

הדרך הטובה ביותר לכתיבת CSS – המבוא המלא ל-SASS

הפוסט הבא עוסק בהרחבת-השפה SASS . תיאור הבסיס ורקע ראשוני של הטכנולוגיה שמקצרת לנו בהחלט כתיבה ארוכה ומייגעת של CSS. מה שהופך בהרבה חברות פיתוח web לסטנדרט וצורת כתיבה של CSS.

המאמר פורסם לראשונה באתר שלי אמנות המסך.

שימו לב: אם אין לכם נסיון בכתיבת CSS מומלץ לקרוא את המבוא ל-CSS3 לפני קריאת מדריך זה.

המשך…

להמשך קריאה

הכירו את האקדמיה הפתוחה ל-HTML5 – למדו פרונט אנד בחינם במפגשים עם מומחים מהתחום!

החודש יוצא לדרך מיזם של איגוד האינטרנט הישראלי וגוגל ישראל: HTML5: Open Academy. אתם מוזמנים כמובן להצטרף למפגשים ללא עלות וללמוד את שפות תכנות הפרונט אנד.

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

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

פוסט אורח: טיפים פרקטיים לתהליך העבודה מול לקוח

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

המשך…

להמשך קריאה

רוצים להתחיל ללמוד קוד? למה כדאי, איך מתחילים, כלים וקישורים סופר יעילים

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

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

בפוסט הבא אני אחזור על עקרונות ההרצאה שלי, אבל אתן גם קישורים וכלים שתוכלו לקחת אותם ולהמשיך איתם הלאה ללמידה של HTML ו-CSS ובניית אתרים (כן, בניה) בקלות ובכיף.
אז יאללה, למה אנחנו מחכים? בואו נתחיל! המשך…

להמשך קריאה

המבוא המלא ל-CSS3: חלק 1

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

אז..מה זה בכלל CSS3 (או בגדול-CSS) ואיך זה עוזר לנו כמעצבים?
במאמר הבא תוכלו למצוא את כל התשובות בנוסף לקובץ דוגמה להורדה ודוגמה חיה. המשך…

להמשך קריאה

מפציצים בפרזנטציה: הטיפים ליצירת פרזנטציה מוצלחת ומרשימה

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

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

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

אתם מצפים להתלהבות ושבחים, כי אין מצב שלא יאהבו את זה… אם מישהו לא יאהב את זה הוא אידיוט.

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

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

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

אז בואו נגיע לתכלס… מהם הדברים שעלינו לעשות על מנת ליצור פרזנטציה מוצלחת? המשך…

להמשך קריאה

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

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

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

להמשך קריאה

המבוא המלא לשפת HTML5

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

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

להמשך קריאה
סגירת תפריט

אנא מלאו את הטופס ונחזור אליכם בהקדם!

 

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

יש למלא את הטופס הבא על מנת לשריין מקום באירוע הקרוב.


נא לבדוק ביומן לפני מילוי הטופס: 
30 למאי (יום רביעי)
בשעה 18:30
בתל אביב (מיקום מדוייק יישלח בהמשך)

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

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

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

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

קבלת ה-PDF מותנית ברישום לניוזלטר שלנו (מי שרשום לניוזלטר נחשב חבר בקהילה ולכן אנחנו מפנקים בגישה לכל החינמיים שלנו).


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

×

אשמח לשלוח לך פרטים!

אנא מלא/י את פרטי הקשר שלך כאן ואשלח לך אימייל עם כל הפרטים אודות ההכשרה

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

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

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

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

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