במסגרת הפינה הזו אביא כל כמה שבועות דוגמאות לעיצובים מוצלחים מאתר Dribbble. הפעם – אנימציית GIF.

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

Hypercompact
Hypercompact
Warriors
Warriors
Dribble Gif
Dribble Gif
Squarespace
Squarespace
Animated-Twitter
Animated-Twitter
Palisade
Palisade
iPhone-iPad-Macbook
iPhone-iPad-Macbook
Batter
Batter
Anims
Anims
Tower
Tower
Bipolar-Balls
Bipolar-Balls
Republic Of Neptune
Republic Of Neptune
Squarespace-Commerce-Dribbble-Contest
Squarespace-Commerce-Dribbble-Contest
Sweet-Crude
Sweet-Crude
Colorful Icons (Animated)
Colorful Icons (Animated)
COVERT-INBOX
COVERT-INBOX
Cameras
Cameras
Loooong
Loooong
Stats
Stats
Template-Website
Template-Website

נשמח לשמוע מה אתם חושבים על הטרנד. תנו לנו בתגובה למטה.

Share

קצת על המחבר:

תמצאו את Pixel Perfect ב:

מאמרים שעשויים לעניין אותך

המדריך ל- UI HACKING

העדכון שכולנו חיכינו לו בדרך לפיגמה

השראה בשישי: בשר ללא בשר

המדריך ל- UI HACKING

העדכון שכולנו חיכינו לו בדרך לפיגמה

השראה בשישי: בשר ללא בשר

הצטרפו לניוזלטר שלנו!

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

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

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