After making the Great Coffee App (http://greatcoffeeapp.com), we experimented with a "flatter" version as a way of making something much lighter and less production-intensive. Turns out "flat" is all the rage these days. More at http://flatcoffeeapp.com
6 months ago
Nice! I like it!
I would love to see the cups stroke, a little thicker. Its a bit too light I think.
also, just out of sheer curiosity what is the bottom right drink?
@mike. Fair point. I and a friend of mine tried different sizes and it seems like the ideal thickness depends on the size of the image. For instance, we made the "glass" outline thicker for the icon of the app but it doesn't look that great if that icon is blown out to a larger size.
Because images in the app are larger (they all fit into 320x320 squares, by comparison, here they are 75x75), this particular thickness seems "right". But, of cause, it's also a matter of opinion.
As for the drink, it's so-called "Caffè Medici". Here's a description from the app: "Chocolate syrup and orange peel are infused with a portion of the espresso and topped off with whipped cream."
fair enough. I can appreciate that. And you're right, design is very subjective. For various applications, print, icon, in app, do you make the cup line vary?
And that Caffé Medici sounds wonderful! Whoever thought to combine chocolate and orange is a genius!
We only did the app so far. As I mentioned, we made a custom image for the icon – that's all the variation we did. And we're not entirely sure about the final look either. Definitely looks like a poster material to me now that you mentioned it :)
Another two interesting tastes to try are the Long Black and the Flat White – both are from "down under".
I love the Great Coffee App! But this... Got it just to support you.
Some suggestions - imho the background colour does not fit there, especially as the coffee icons, typography and UI elements don't have that hue. Perhaps a lighter blue or pure white? Please, change the typeface for the coffee title in the detailed view. Maybe Helvetica Light :D? Ugh. I really don't know what to think of this "new trend". I like simple interfaces with subtle colours and gradients, perhaps a bit of noise, but what Apple did... Meh.
btw: You have forgotten to flat out the about page. ;) It has got noise background, shadows and buttons. And those shadows are too strong. :/
Love your Great Coffee App tho. It is almost perfect!
@Philip Amour Hi Philip, thank you for the critique. Let me explain how we arrived at this particular design. The "core" of our team is I and a friend of mine. Usually, he takes the visual design part and he seems to like the "less flat/more skeuomorphic". "Great coffee app" and the "about" screen you mentioned reflect his vision. I'm, probably, less visually gifted and I prefer hyper-simplified, very abstract forms; "flat coffee" is mostly "mine".
I see design as a creative discipline in a service of particular practical goals and this project is an experiment in solving an issue of costly production and large file sizes which projects such as "Great Coffee App" require. Drinks in "flat coffee" are easy to draw and inscriptions are easy to place, text is very minimal (which makes it easy and cheap to translate). On the "plus" side for the user, now we can fit many more drinks and some additional features we're working on for the next version in a relatively tiny app.
As for the particular artistic choices we've made, besides the personal preference (after all, without personal preferences, there wouldn't be art), medium of an app gives us an opportunity to make changes with every version so, especially with this project, we're open for changes, even radical ones.
p.s. I also find some of the new iOS visual design a little out of place but I must admit that, although questionable, the new visual style makes the "old" iOS now look positively dated.
I would love to see your website in 100% width for us 27" or even 17" users. The white background kills the site design. :/
Edit: In reference to http://greatcoffeeapp.com
@Jon Ezell good point, we'll look into it!
@Baglan Dosmagambetov Great points, totally agree - especially on the issue of the artwork size (with images like that ImageOptim won't help to compress 100MB of artwork into less than 40MB artwork without drastically reducing the artwork quality) and on the last part about the iOS 7. It is just hard for me to realise that most of the users won't really see that much of difference between iOS 6 and iOS 7 and probably will love the change. I guess that users won't care about the beautiful gradients, subtle shadows, pixel-perfect design and all that crap as they are really not going to see it! They just care about the content. I will wait and see how are you going to update the app.
PS: iOS 7 is more skeuomorphic than iOS 6 (glass, plastic, blur, parallax effect and animations). ;)
PPS: Ultra off topic - how do you make your coffee? Have you ever used the AeroPress? :)
PPPS: Удачи вам в вашем приложении!
@Philip Amour спасибо!
I have a medium range espresso maker at home; now, however, I'm visiting another city for a few weeks and here I use a small french press (which I've seen called "plunger"). There's also an electric moka pot here – I don't like the coffee it makes. I haven't used AeroPress but I really want to try it.
I think users see good design even if most of them can't articulate why they like or don't like any particular product. On the other hand, visual styles come and go; although the "flat" look is all the rage these days, I don't think it's better or worse than the "old" one in any deep sense.
I think flat vs. skeuomorphic discussion became so abstracted and philosophical, that there is not much meaning left in those words anymore :)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter