[Video] iOS App Website Design Tutorial

Create a Free Account to Download - Sign Up Here

[Video] iOS App Website Design Tutorial

1
Download Free PSD
Premium Members - Download Source Files
 8,317
 November 29, 2012

What you'll be creating - End Result

Tutorial Topic: Website Design Tutorial
Difficulty: Intermediate
Video Run-time: 58min
In this first of many video website design tutorials you’ll be learning how to design a crisp looking iOS App brochure website. See how quickly you can put together a clean crispy design for your next iOS App or even your next corporate web design project

iOS App Website Design Tutorial - What’s in the video

We’ll be covering everything from scratch, starting from a blank canvas – then moving into the smallest of details, down to shadows and pixel lines! Learn how it’s all done (we’ll how I do it any ways). This tutorial moves fairly quickly and some basic Photoshop knowledge and keyboard shortcut are ideal to have before watching the tutorial!

  • Touch of using the 960.gs grid system
  • Fonts used: Quicksand (Google Font), Arial & Helvetica Neue
  • Layer Styles and using the layer styles palette with pre-defined layer styles
  • Design and create a crisp looking full home page design from scratch

Have somthing to say? Somthing good I hope!

  • http://www.blazrobar.com/ Blaz Robar

    Let me know what you think guys!

  • http://twitter.com/bradwrage bradwrage

    Really great. Love this.

    Thanks so much.

    -Brad

    • http://www.blazrobar.com/ Blaz Robar

      Thanks Brad!

  • bronsonquick

    Awesome screencast Blaz! :)

    Even though I’m a developer I always love watching a designers workflow seeing I spend a fair bit of time in Photoshop as well!

    You don’t need to worry about “getting better with these things” as you said at the end. You were amazing! :)

    One thing I’d love to know is how you pick your colour palettes. That’s something I am always bad at when I design stuff in Photoshop.

    I’m looking forward to the next one!

    • http://www.blazrobar.com/ Blaz Robar

      Thanks Bronson! Always great to get good feedback!

      Now that you mention it a colour palette video or tut is a great idea! I just have to figure out how I do things to show you all!
      Stay in touch more to come over the holidays! :D

  • http://www.facebook.com/farhanpm786 Farhan Muhammad

    m just amazed.. How nicely you’re going through tutorial.. No boring and explained each and every trick !!

  • http://www.facebook.com/andreapgracia Andrea P Gracia

    Really cool! I love how simple this was to follow, the length of the video was perfect and you explained everything really well. There are a few little shortcuts you can use to speed things up a little (not by much, but every second counts!), like, if you hold alt while selecting a layer in the layers palette, you can drop it down and duplicate it instead of dragging the layer to the “new layer” button. You can also do this if a layer is selected, using the move tool and holding alt, you can drag/duplicate the layer instantly. Dunno if I explained that well but it might be a little time saver tip. Anyway, really good video, loved it. Hope to see more!

  • http://www.facebook.com/mattonamat Matt Overton

    Amazing tutorial! This video has taught me so many little techniques that will take my designs from being good to great. Totally worth the money, I look forward to other great videos. Thanks