A simple way to upload and share a file. Simply hook it into your cloud service, then whenever you want to share a file all you need do is drag and drop it into the outlined area. Once the file has been uploaded to your cloud, a short URL will be created.
This is the 'waiting' stage - more to come soon.
about 1 year ago
Does the 'waiting for file' and progress bar have to be displayed? I'd say hide them until something is uploaded.
Love the design though, very nice!
Love it Ad, nice work! How would it look if the 'drop' area took up all available space instead of just a square in the middle?
The way the loading bar has been inset gives a strange optical effect of being misaligned vertically :(
EDIT: Oh, and what is up with that 'w' that is a pixel too short?!
Your quality of work has really gotten better, keep it up!
I would soo use this to share files!
Good work, however something like this would be much more suited in a web environment as a modal. It's quite counter intuitive if you were to compare it to the likes of the cloud app.
The cloud app has hotkeys for uploading (raindrops) also a drag and drop to dock or status bar icon, so having an extra window.. you can see my point.
However, it doesn't take away from the fact that it's nice to look at, @Warwick Kay also made a nice point.
Glad to see you're joining the UI dark side. Keep it up! Just remember to strive to do one better when putting ideas to canvas.
@Joshua Hibbert Thanks man! The upload progress has equal top and bottom spacing but maybe the inset is a little too subtle toward the bottom of the gradient...
@Daryl Ginn Thanks as always for the input dude. I can definitely see where you are coming from, however I would love to have a small desktop client which is why I mocked this up (I've been basing my ideas on something I would use in my day-to-day). That's not to say it might be the best solution, but it's a tool I would love to have.
Look great! Would like some more contrast on the "To share your file..." box/text. It's a bit hard to read.
Once again nice work Adam! Looks pretty clean and simple. I agree with @Joshua Hibbert on the "w", it looks a bit cropped compared to the other letters. And I support his suggestion regarding the "drop" area.
I can totally see this in a window like those 'drag the application's icon to the Applications folder' windows in OS X. :D
@Dan Carlberg Thanks Dan and you're spot on about the text, will increase the contrast in the rebound I hope to post later today which takes the suggestions from @Joshua Hibbert and @Thorsten Beeck's in to account.
@Louis Bullock Hah thanks man :D
@Adam I have a suggestion...could this be simplified further?
You could ditch all the bits of text, bars, gradients etc and just stick with the dotted round rect with the a '+' in the middle, like:
Just and idea s'all.
@Louis Bullock Thanks for the suggestion but I'm going to stick with the style I've got going on (I quite like gradients). The shot I'm working on to post later is dramatically simpler than the original. Hold tight!
by Adam Whitcroft
Another approach to the idea. A much simpler interface with a larger drop area. If you're interested in the cardboard box let me know and I'll post it up.
about 1 year 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