This is Step 2, uploading and editing photos, in a 3 step process to upload a party. I grouped all photo editing elements in a separate screen, but I need to show when a photo has been edited. This pink dot will display next to edit if a photo has been edited.
Do you think it's clear enough? I did try an option where the edit changes to a check mark, but then I'm not sure if a person will understand to click it again if they wanted to edit it again.
Please see attachments for all steps.
9 months ago
Great colors and spacing Regina. Really like it ! :)
@Alexandre Naud Thanks. I work on a 8 px baseline grid, which really helps with horizontal spacing & rhythm.
Great mockups! Hm, does it really matter to show if the photo has been edited or not if there is no way to restore the original version (maybe I'm missing that)? The pink dot may also look like a record button for some others as well. Perhaps changing the background color behind the edit color may be enough indication. Good luck and I can't wait to see your solution.
@Chris Ota It is kinda nice to see which photos you have added a caption and tags to. Your background colour idea are also a great, but simple solution. Thanks for the comment!
Not sure about the pink circle, agree with the comments about the record button. How about a pencil icon, you need something that is universally seen as being an edit button/icon.
How about some sort of folded over edge, in the top corner or something, could be pink to show it's been edited? Hmmm.
@Aaron Miller Like your corner fold idea. Thanks for taking the time to think about this a bit.
I really love the colours, the spacing and the fonts, job well done! What fonts have you used?
@Nesha Thanks. It's Google Webfonts. Cabin and Roboto Slab. Tip: I always tag my shots with the fonts I've used ;)
The spacing throughout all the steps pages is incredible, awesome job!
And although I found this to be a bit of a (too) long form, it seems pretty comfortable to go through. The 3 steps help a lot!
@Regina Casaleggio I thought it was Cabin. Ah, I see you do tag the fonts! Thanks a bunch, Regina! :)
@Samuel Couto I do spend some time on spacing so thanks for noticing.
by Regina Casaleggio
Although this looks more busy than I hoped for, I think is a better solution than the pervious version. And now I can indicate when a tag or caption has been added.
9 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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.