Yo, been plugging away at this in my free time and have a working build with the main table view. This is a screenshot of the current build!
The nav bar is made up of images exported from Photoshop, the social network logos are vector PDFs so I can easily tweak the scale, and the rest of the table row is done completely in code with CALayer styles and a lot of color math to adjust the social network's base color instead of just using black/white with opacity. This helps keep the colors bright and vibrant instead of turning muddy.
Be sure to check out the attached real pixels.
Oh and the template is by @Kyle Roderick
Hope you guys like it, more to come soon :)
10 months ago
Cool work, two things that stick out to me are the giant title and the two little border lines and shadows on each side of the toolbar :) adjust those and it will look so much cooler.
The design looks good, but I think you need my help to Beta. ;)
Needs a Sesame Street Count Von Count easter egg in there somewhere. :D
I think this is pretty great, and I'm looking forward to getting this update when it's done. :)
This is nitpicking here, but if you're looking for some feedback I just have a couple things to mention. The line in the middle of the "Changes" text doesn't really seem to fit in with the rest of the app, although it is a neat effect.
My main concern is with the "Followers" label. If you're thinking about the light in the rest of the app, it seems to me that the light is shining down directly from the top. If you think about it that way, the followers label doesn't really make sense, light-wise. I'm not even sure what kind of effect it's supposed to be, to be honest. Some sort of raised style, or is it supposed to appear inset? Regardless, the glow combined with the shadow doesn't fit very well.
But other than that, I think this is really quite nice!
@Fabio Basile thanks for the feedback! I added the little lines to try to make it look like the area of the toolbar that the table view comes out of is raised. Do you think this looks like that? Could you be more specific about what you think should be adjusted?
@David Silva for sure :)
@Marc Edwards ✎ Bjango haha great idea :)
@Jonathan Willing awesome, and thanks for the feedback! The line inside the title text was just me trying to use as many variations of the font as possible cause I bought the whole family :) But yeah it's a little much. As for the follower label, yeah it's suppose to look raised. It was kinda a happy accident, I didn't really plan on creating this effect but I compiled the code and there it was and I thought "Hmm that doesn't look half bad" :). I'll take another pass at this.
David. Mind if take a stab at a few small tweaks to your design? Send me the PSD if you don't mind. email@example.com (Side note: I'm the guy that sat next to you at the last OC Design Lunch.)
Mike. I'm the guy he had dinner with. Send me that PSD bro.
@Mike Skon @Vaibhav Bhat sorry guys, the only part that's represented by a photoshop file anymore is the navbar and background.
@David I really like the bold use of color, but the huge title bar and the differing style treatments on the typography are throwing it off a little bit, for me. Really, really love the colors though.
by Mike Skon
@David Keegan did a great job. I just had a few subtle tweaks I wanted to make.
FYI, the iPhone mock I used was from www.pixeden.com
10 months ago
really nice! :)
9 months ago
Nice ....,finish touch lookin gud
8 months ago
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