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
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?
Ziet er goed uit!
Really nice, the dark traffic light buttons really compliment the UI
@Adam Whitcroft Thanks mate, always a big compliment coming from you. Your eyes are not being lame, it is indeed a tiny radial gradient.
'sup ted, awesome!
Brilliant as always. Really nice!
great shot, it got featured on my blog http://goo.gl/t7tIF
Oh man. My latest shot needs work.
@Alexander Scott No way man it is great! And thank you!
very slick !
I love this UI. Nicely done!
Looks really awesome!
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:
8 months ago
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 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/
@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!
@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
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