במסגרת הפינה הזו אביא כל כמה שבועות דוגמאות לעיצובים מוצלחים מאתר Dribbble. הפעם – אייקונים בעיצוב שטוח.
Flat Design הוא הטרנד שהולך כרגע בעיצוב UI, וכמה שלחלקנו כבר נמאס ממנו, אחד הדברים הטובים שצמחו מהטרנד הזה זה בעצם האייקונים. אנשים התחילו להשקיע ממש בעיצוב אייקונים שטוחים וצבעוניים.
בעבר נהננו ממשקים ואייקונים עשירי מירקמים והצללות בפרטי פרטים. כיום העיצובים עוברים הפשטה והשטחה. שימוש באיזורי צבע אחידים וצורות גאומטריות הם המאפיינים שדומיננטיים בטכניקה הזו. דבר המאפשר לוגואים וממשקים להיות רספונסיבים יותר ווקטורים (SVG), תוך ויתור על השאיפה לריאליזם.
אם תרצו לקבל קצת קונטרה תוכלו להיכנס אחר כך לאחד הפוסטים הקודמים על עיצוב אייקונים שהיה עשיר בסקאומורפיזם.
![Vic Bell- Construction Banner Vic Bell- Construction Banner](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/Construction_Banner.png)
![Pixeden- Flat Design Icons Set Vol1 Pixeden- Flat Design Icons Set Vol1](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/dribbble_1x.jpg)
![Haraldur Thorleifsson-Google+ early explorations Haraldur Thorleifsson- Google+ early explorations](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/small_1x.png)
![Casper Lemming- Flat icons Casper Lemming- Flat icons](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/drb_1x.png)
![Sergie Magdalin- Webflow Sergie Magdalin- Webflow](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/launch_website_1x.png)
![Roy Barbe- Photoshop Roy Barbe- Photoshop](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/photoshop-flat_1x.png)
![Dan Edwards- ooomf project area Dan Edwards- ooomf project area](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/ooomf-project-s.png)
![Jamie Syke- Fancycons Jamie Syke- Fancycons](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/fancy_2x.png)
![Octopus Creative- We Are Hiring Octopus Creative- We Are Hiring](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/developericons_1x.png)
![Sean Farrell- Glyph Profiles Sean Farrell- Glyph Profiles](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/icons_1x.png)
![Fabio Basile- Iconex Fabio Basile- Iconex](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/iconex.png)
![Sergey Shmidt- Responsive Icon Sergey Shmidt- Responsive Icon](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/shot.gif)
![Noe Araujo- Flat files Noe Araujo- Flat files](https://www.pixelperfect.co.il/wp-content/uploads/2013/04/share-icon_1x.png)
![Russ Rosenberg - Mail Russ Rosenberg - Mail](https://www.pixelperfect.co.il/wp-content/uploads/2013/06/mail.png)
![JustD - Skype icon JustD - Skype icon](https://www.pixelperfect.co.il/wp-content/uploads/2013/06/flat-skype_1x.png)
![Murat Mutlu - Filetypes Murat Mutlu - Filetypes](https://www.pixelperfect.co.il/wp-content/uploads/2013/06/filetypes.png)
![Norm - Flatties - Vector icon set Norm - Flatties - Vector icon set](https://www.pixelperfect.co.il/wp-content/uploads/2013/06/flatties-up-close_1x.png)
![Ray - Flat icons of SmartisanOS (jff) Ray - Flat icons of SmartisanOS (jff)](https://www.pixelperfect.co.il/wp-content/uploads/2013/06/800600_1x.png)
![Jee - icons Jee - icons](https://www.pixelperfect.co.il/wp-content/uploads/2013/06/icons.png)
![Slava Beskrovniy - Safari Icon Slava Beskrovniy - Safari Icon](https://www.pixelperfect.co.il/wp-content/uploads/2013/06/safari_icon_1x.png)
![Jee - icons 2 Jee - icons 2](https://www.pixelperfect.co.il/wp-content/uploads/2013/06/icons-2.png)
כמו כן גוגל ידועה בעיצוב האייקונים השטוחים שלה, ושבוע שעבר אף פרסמו בביהנס את הגיידליינס שלהם לצבעוניות ועיצוב האייקונים.
![Google Visual Assets Guidelines - Part 1 Google Visual Assets Guidelines - Part 1](https://www.pixelperfect.co.il/wp-content/uploads/2013/06/Screen-Shot-2013-06-19-at-11.24.32-AM.jpg)
נשמח לשמוע מה אתם חושבים על הטרנד. תנו לנו בתגובה למטה.