how I design for mobile...

Vim

55 Responses (page 1 of 3)

  1. Oykun Yilmaz Oykun Yilmaz

    This post is more like sharing how I work... I'm designing mobile version of viminteractive.com. Here I created whole screens with basic lines to see big picture, now time to polish them slightly :)

    I know you can't see much, but this is how/what I'm working on...

    Update:
    I like to see related screens while I design, it gives me better feeling of connectivity between actions/screens, and easier to grab mutual elements ;)

    Update 2:
    people keep asking via twitter, etc: the plant is bonsai :-)

    likes

    about 2 years ago

  2. Pete Orme Pete Orme

    Really like this setup Oykun, do you have a PSD template for the basic layout of this? (less your beautiful design work of course! ;))

    likes

    about 2 years ago

  3. Daniel Vernon Daniel Vernon

    Mate that is great, never thought of doing it this way!
    Thank you for sharing.

    likes

    about 2 years ago

  4. Oykun Yilmaz Oykun Yilmaz

    @Pete Orme I don't have template as it changes for each project, but I can prepare this one quickly at weekend and attach to the post for your download :)

    @Daniel Vernon Thanks mate! glad it gave some inspiration :)

    likes

    about 2 years ago

  5. Dennis Covent Dennis Covent

    That's smart, good technique!

    likes

    about 2 years ago

  6. Pat Queisler Pat Queisler

    I work like that on mobile stuff, too. I also like to convert every teaser or module into a smart object in collect them in a seperate folder inside my PSD, so I can have a look how all of them compare to each other - not only in the screen they're used in.

    likes

    about 2 years ago

  7. Adrian Mato Adrian Mato

    So sad you are using Fireworks... that kind of organization will be more versatile, faster and better :P

    EDIT: lol I wanted to said I'm sad because you are NOT using Fireworks!

    likes

    about 2 years ago

  8. Visual Idiot Visual Idiot

    @Adrián Mato I could have sworn the application name in the top-left said "Photoshop" ;)

    likes

    about 2 years ago

  9. Chris Striepecke Chris Striepecke

    nice! thanks for sharing

    likes

    about 2 years ago

  10. Rakesh Rakesh

    Nice :) Hope you could attach a full size screenshot.

    likes

    about 2 years ago

  11. Andrey S. Rodrigues ☝ Andrey S. Rodrigues ☝

    good way to work

    likes

    about 2 years ago

  12. Mike Scriber Mike Scriber

    Great work. I'd love to have a template Oykun

    likes

    about 2 years ago

  13. Steve Dixon Steve Dixon

    This is a technique that I've been using for the last few months but using Illustrator. After a decade of working in Photoshop for this type of work, I firmly believe that it just isn't the right tool for the job. If, however, I need to design some sort of texture or something similar, I can just link to that PSD file in Illustrator and make my edits. Upon saving that PSD file, Illustrator updates its file to the latest version of that PSD.

    likes

    about 2 years ago

  14. Pete Orme Pete Orme

    Oykun - you're a legend, thanks!

    likes

    about 2 years ago

  15. Christopher Magruder Christopher Magruder

    Really great way of getting the entire app look and feel while designing. Nice work!

    likes

    about 2 years ago

  16. scott kisloski scott kisloski

    Great job. I think Photoshop should implement a template system the way inDesign and Fireworks do (with master templates etc). Would make it so much easier. Even just having multiple "art boards" like illustrator would be nice...

    likes

    about 2 years ago

  17. Timothy Whalin Timothy Whalin

    I'd love to see how you setup your layers & folders here since you would have one giant PSD. Nice setup. Also, what type of plant is that in the background?

    likes

    about 2 years ago

  18. Curtis Estridge Curtis Estridge

    Nice, I'm going to start doing this.

    likes

    about 2 years ago

  19. Jonny Delap Jonny Delap

    Great organisation Oykun!

    likes

    about 2 years ago

  20. Daniel Pidcock Daniel Pidcock

    @Stephen Dixon I totally agree with you. Working with vectors in Illustrator works much better for me that photoshop. I think we're in the minority though!

    likes

    about 2 years ago

  21. Joshua McCowen Joshua McCowen

    Nice! Thanks for sharing. I'm always interested in fellow designer workflows.

    likes

    about 2 years ago

  22. Daniel Pidcock Daniel Pidcock

    @Oykun Yilmaz - You're in Manchester? For some reason I thought you were US based. Loving your work buddy!

    likes

    about 2 years ago

  23. Marcelo Novaes Marcelo Novaes

    That's really nice!

    likes

    about 2 years ago

  24. Justin Roberts Justin Roberts

    I use the same technique except I prefer to use Fireworks. This layout is also good for presenting concepts as I sometime include comments on the flow etc under each screen.

    likes

    about 2 years ago

  25. Asmir Sinanovic Asmir Sinanovic

    I prefer to do this in AI on secondary display/monitor, (import psd's + autoupdate when i save them whole im working in PS)
    Also just in case you don't use this already, give it a try:
    http://zambetti.com/projects/liveview/
    it's helpful tool when designing for iOS devices. :)

    likes

    about 2 years ago

keyboard shortcuts: previous shot next shot L or F like