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.
113,593,139,593 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
21 Responses
Pro
Bart Ebbekink
The very first concept of my new small contact application. Add contacts and friends. See if they are online and start a chat or a call. Write an e-mail or see what there status is, like playing a game or something.
8 months ago
Pro
Andrea Cau
Nice!
8 months ago
Nice and crisp, as per usual :) Is there a tiny radial gradient along the bottom of the active tab or is that my eyes being lame?
8 months ago
Pro
Dana Majid
Ziet er goed uit!
8 months ago
Pro
Davey Heuser
Really nice, the dark traffic light buttons really compliment the UI
8 months ago
Pro
Bart Ebbekink
@Adam Whitcroft Thanks mate, always a big compliment coming from you. Your eyes are not being lame, it is indeed a tiny radial gradient.
8 months ago
Pro
Martijn Otter
'sup ted, awesome!
8 months ago
Pro
Mark Law
Brilliant as always. Really nice!
8 months ago
great shot, it got featured on my blog http://goo.gl/t7tIF
8 months ago
Pro
Ricardo Salazar
Nice one
8 months ago
Pro
Alexander Scott
Oh man. My latest shot needs work.
Awesome.
8 months ago
Pro
Bart Ebbekink
@Alexander Scott No way man it is great! And thank you!
8 months ago
Pro
Maciej Jasiński
very slick !
8 months ago
I love this UI. Nicely done!
8 months ago
Pro
Thomaz
Looks really awesome!
8 months ago
Pro
Izzy Kirsh
wow! perfect
8 months ago
Pro
Matthew Sanders
Very compact
8 months ago
Rebound
Contacts CSS (WIP)
by Max Daunarovich
This time I was hunting "Contacts" mockup by Bart.
It reminded me part of my old interface work – http://krigh.deviantart.com/art/Interface-thePlayer-v-black-157795254 – and I thought it will be nice warm-up.
Tested in latest Safari, FIrefox, Opera and Chrome.
Not tested on mobile/tablets yet.
==== Demo ====
You can check progress so far here: http://bit.ly/UpVSqn
==== Things to improve ====
- Some elements aren't 100% accurate - still working on it.
- Add subtile textures just like in original
- Add avatars and styling to lists
- Fix height of panell to some value and add scrolling inside lists
- Enable class change on click for lists headers. I suppose initial idea was that blue is used for selected item.
- Same for bottom tab bar - enable selection
- ...wrap all the things on top of tab bar in another div and make cool transition for content swap.
==== References ====
Animation at start was made with use of awesome Animate.css library by Dan Eden, which can be found here:
http://daneden.me/animate/
8 months ago
Pro
David Keegan
Hey @Bart Ebbekink
I've started a weekly column on The Industry that reviews shots from dribbble. This shot was one of the first ones in this column! Here's what I had to say about this awesome shot:
What I loved
I love minimalist interfaces and this one is just that, I also really like dark UIs. There are very subtle patterns at play in the title bar and in the main part of the UI that at first glance don’t standout but give the interface a really nice richness. The large circular avatar does a good job of breaking up the large main UI and creating some nice negative space. It really stands out and is the first thing your eyes see when you look at the design. The next thing to catch your eye is the blue selected area. This is a rich deep blue that fits in well with the overall dark color scheme. The icons and buttons at the bottom are great too. I love how the selected button has a slight glow on the bottom, so subtle but still makes it pop and stand out as “selected.” This shot is technically flawless and is a nice take on a minimal contacts app.
My Critique
My only criticisms would be with the phone and gear icon. The phone shape feels a bit off to me and the aliasing on the diagonal spokes make them feel disconnected from the main gear body. This aliasing issue makes the gear look like it’s two rotated squares on top of each other.
You can read the full post here: http://theindustry.cc/2012/10/04/postgame-a-weekly-dribbble-shot-review-column/
8 months ago
Pro
Bart Ebbekink
@David Keegan Hi that's very cool man! Thank you for your feedback and taking the time to review my work. That's a big compliment!
8 months ago
@Bart Ebbekink it's awesome work. I also read the review by @David Keegan and think he's on the money. Definitely deserves a spot in his column
8 months ago