בתמונה: סט אייקונים שמציע הכל מהכל מתוך הפוסט של smashing magazine מאת Chris Behr

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

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

שיהיה סופ"ש נהדר לכולם! 

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

[wp_bannerize  group="wide-sponsers" limit="1"  random="1" ]

השראה

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

כתבות מעניינות

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

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

חווית משתמש

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

עיצוב לסטארטאפים

• אילו trust badges הם הכי אמינים? הנה מחקר שפורסם בנושא, אמנם בתחילת השנה, אבל מעלה נתונים מעניינים.
• לפעמים אנחנו נלחמים בכותרת של דף הבית באתר/דף נחיתה שאנחנו מעצבים. הנה כמה טיפים כיצד להתמודד עם הכותרות בצורה טובה יותר.

הדרכות

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

חינמיים

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

[sep]

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

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