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

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

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

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

 Vic Bell- Construction Banner
Vic Bell- Construction Banner
Pixeden- Flat Design Icons Set Vol1
Pixeden- Flat Design Icons Set Vol1
Haraldur Thorleifsson- Google+ early explorations
Haraldur Thorleifsson- Google+ early explorations
 Casper Lemming-  Flat icons
Casper Lemming- Flat icons
 Sergie Magdalin- Webflow
Sergie Magdalin- Webflow
 Roy Barbe- Photoshop
Roy Barbe- Photoshop
 Dan Edwards- ooomf project area
Dan Edwards- ooomf project area
Jamie Syke- Fancycons
Jamie Syke- Fancycons
 Octopus Creative- We Are Hiring
Octopus Creative- We Are Hiring
Sean Farrell- Glyph Profiles
Sean Farrell- Glyph Profiles
 Fabio Basile- Iconex
Fabio Basile- Iconex
 Sergey Shmidt- Responsive Icon
Sergey Shmidt- Responsive Icon
Noe Araujo- Flat files
Noe Araujo- Flat files
Russ Rosenberg - Mail
Russ Rosenberg – Mail
  JustD - Skype icon
JustD – Skype icon
 Murat Mutlu - Filetypes
Murat Mutlu – Filetypes
 Norm - Flatties - Vector icon set
Norm – Flatties – Vector icon set
Ray - Flat icons of SmartisanOS (jff)
Ray – Flat icons of SmartisanOS (jff)
Jee - icons
Jee – icons
 Slava Beskrovniy - Safari Icon
Slava Beskrovniy – Safari Icon
Jee - icons 2
Jee – icons 2

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

Google Visual Assets Guidelines - Part 1
Google Visual Assets Guidelines – Part 1

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

Share

קצת על המחבר:

תמצאו את Pixel Perfect ב:

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

המדריך ל- UI HACKING

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

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

המדריך ל- UI HACKING

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

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

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

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




    What is 5 + 3 ?

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

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