Quantcast
Channel: Dribbble / Mike Rundle
Browsing all 91 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Preview of Beak 1.0 for Mac

Currently working on the new top toolbar, trying to go more minimal. Such a pain in the ass to still have that toggle button work but it does! Icons are mostly Glyphish with some tweaks from me. The...

View Article



Image may be NSFW.
Clik here to view.

A New Retweet UI

I don't like how Twitter.com displays retweets and doesn't keep the emphasis on the person YOU follow that retweeted it. I changed that design in the new version of Beak, coming soon.

View Article

Image may be NSFW.
Clik here to view.

Working on Beak for iPhone

Building iPhone apps is way more fun than building Mac apps, plus it's easier. UIKit > AppKit.

View Article

Image may be NSFW.
Clik here to view.

Beak for iPhone (navbar redux)

Okay, finally got a navbar UI that I'm happy with. I'm implementing a horizontal scrollbar at the top so you can flick through to the various views (Settings is hidden on the left, Favorites is hidden...

View Article

Image may be NSFW.
Clik here to view.

Beak for iPhone: Tweet Actions

Been working on the individual tweet selection UI. Unlike other Twitter apps, I'm not pushing a new view controller on the stack when you select a tweet, instead I'm going the Twitterrific route and...

View Article


Image may be NSFW.
Clik here to view.

Beak for iPhone: New Navbar (Again)

Nearing the final iteration on the top navbar! The Tweets button will slide down and expose a menu/picker to swap quickly between the main views of the app. The goal is to have all main views...

View Article

Image may be NSFW.
Clik here to view.

Beak for iPhone: More Navbar Work

Getting back to basics here. Tapping on "Tweets" brings up a UIAlertView-like picker to swap views (Mentions, Favorites, Retweets, etc., etc.). The user icon on the left pushes back on the navigation...

View Article

Image may be NSFW.
Clik here to view.

Beak for iPhone: Accounts Screen Design

View Article


Image may be NSFW.
Clik here to view.

Flyosity Redesign

I wanted something more minimal and clean than the current version. Should be launching in the next few days.

View Article


Image may be NSFW.
Clik here to view.

Beak Popover Design

Recreated the new UIPopover UI element from the iPad in Photoshop and am using it in Beak as it fits pretty nicely with the panel I'm displaying to switch views.

View Article

Image may be NSFW.
Clik here to view.

Beak for iPad

The right side of the interface has a user bar for quick access to users you deem your favorites. Perfect for using your thumb while holding the iPad in the landscape orientation :)

View Article

Image may be NSFW.
Clik here to view.

Beak for iPad: Timeline Mockup

Working on a timeline view... when tweets are part of an overall conversation I tried to convey the stack of tweets visually. Still a work in progress.

View Article

Image may be NSFW.
Clik here to view.

Beak for iPhone: Tweet Actions

Updated version of the previous tweet actions screenshot. The background here is the same as the navigation bar background at the top (not pictured) but at 92% opacity. The icons have been redone to be...

View Article


Image may be NSFW.
Clik here to view.

Beak for iPhone: New Tweet

Working on the tweet (and DM) posting screen. Not exactly what I envisioned it looking like when I first started working on it but I think it's decent. Also, it's hard to do this screen in a new way...

View Article

Image may be NSFW.
Clik here to view.

Beak for iPhone: New Tweet View

Implemented the design... the rounded box to type into didn't end up working right because [UIColor clearColor] as the textview's backgroundColor looks fine until you select text and the whole thing is...

View Article


Image may be NSFW.
Clik here to view.

Beak for iPhone: New Tweet Actions

To keep context I'm now sliding down a tweet actions panel below the selected tweet instead of sliding up a UIToolbar at the bottom of the screen.

View Article

Image may be NSFW.
Clik here to view.

New Flyosity Design: Contact Page

Thanks to some great Dribbble feedback I re-worked the header, added some Apple product illustrations and am now working on the Contact Page with an old-school France Airmail envelope design.

View Article


Image may be NSFW.
Clik here to view.

Secret iPad App

Trying to crank out an iPad app for the early April launch. Very simple app, only one view controller, should only take a day or two for an early prototype.

View Article

Image may be NSFW.
Clik here to view.

Secret iPad App: Part 2

Reworking the concept of the iPad app I'm building... less focused on search and more focused on browsing, discovering & passive information retrieval, aka, more of a bathroom app :)

View Article

Image may be NSFW.
Clik here to view.

Secret iPad App: Part 3

Things are coming together a bit more. The portrait orientation is pretty straightforward but the landscape orientation UI will be a lot trickier. Yup, I know I still need to adjust that refresh icon :)

View Article
Browsing all 91 articles
Browse latest View live


Latest Images