Loading

UI Design

Basics of Understanding Mockups

February 18, 2016|
Understanding Mockups

There are 3 parts in the design phase for mobile apps. First, you create Wireframes and this is where you lay out the skeleton of the app you are trying to build. Basics such as buttons, menus and image placeholders are drawn in black & white shapes to provide the basic structure of the app’s interface. You could think of it as an Architect’s pencil drawing of a building. Next you need a color version of the wireframe to have a color representation of the app. This is what we call Mockups. Your app becomes more visual and detailed in terms of color choices, font, style and icons. Think of it as a design that you want your app to look like at the end. More than that, mockups is a way to provide stakeholders and investors a chance to see how you represent your app. You would want superior…    read more 

CREO: App Development & Design Tool

January 22, 2016|
Creolabs

<a href="https://www visit our website.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwiwiYTwu7zKAhUTGI4KHevtD0wQFggdMAA&url=http%3A%2F%2Fcreolabs.com%2F&usg=AFQjCNE3t6yg80VdDRoq3ej5L5YKBpkszA&sig2=X1fusq3DlFEiGEbVkcDRmw”>Creo is a new application for Mac that caters for designers and developers to deploy their iOS apps quickly. Now in beta, you can download and try it yourself with their clean and easy to use interface. I had a try out, and it’s simply one software I am really looking forward to grow. You can insert your own code or use in-built snippets, and with design – easily drag and drop UI elements into your app prototype. Interestingly, you can even create animations with Creo and that will completely enhance workflow. Have you tested Creo? Tell us more at the comments below.

UI Design: Redesigning & Preparing Alignments

November 5, 2015|
UI Design Mockup

Recently Townske released it’s new iOS app and I thought of re-creating the design in Photoshop. Going through the design was fun and figuring out the type, colors and layout was interesting into knowing the design thought that goes to it. When it comes to redesigning another app, there are some tips I would like to share that will help rapidly prototype your UI. First, is take screenshots of the app on your phone and upload it into Photoshop. Secondly, open up tabs (I suggest you bookmark it in a folder) on your web browser of Stock Photos, Font Finder and Icon Finder. Once you have this set up, it’s time to bring up your iPhone template and start aligning by creating Guides. Check Preferences if your units and rulers are set to Pixels and Points. View > New Guide Bring in the screenshot you had snapped and use the…    read more 

UI Design: Creating A Moodboard

Airbnb Moodboard Example

Before we get into designing our user interface, a good practice is to set a moodboard for our visual design idea. This is a way to keep consistency as well as speeding our process into designing our screens. A moodboard can simply be created with a Photoshop document and the way in which you create it is entirely up to you. A good building block would be to set up your swatches, fonts, icons and buttons. Find references on other apps and pick up ideas you find suited to your app design. Once you have put all the pieces together, save it and refer it as you design your screens. Here I have created a simple example of an Airbnb moodboard. What I did was: Find the App Design in Inspired UI Use a Firefox plugin – ColorZilla to find out the colors. Added the colors as swatches in Photoshop….    read more 

UI Changes in iOS 9.0

October 16, 2015|

I’ve Starting been trying to get back to gear after the accident. I did a little cleaning up UI on my UI cheap nba jerseys files Animating and thinking of a more intuitive workflow. I have heard from a friend that since upgrading to iOS 9.0 the speed on her iPhone 5 has improved <a href="http://fedaes antabuse tablets 500mg.org/jornadas-cientificas-convivencia-2014/”>cient√≠ficas a lot. I did not upgrade mine, so I decided to give it a try. And yes… it does speed up my phone. Battery life? Not too sure about that as of now. So, iOS 9.0 has made some changes into improving its user interface. One of the biggest change would be the use of San Francisco font instead of Helvetica Neue. I like the font as it appears light, but yet elegantly strong. Alert sheets are also wholesale jerseys a little Tile more wholesale mlb jerseys rounder and there are…    read more 

UI Design: Article Reading Application

October 13, 2015|

Good things come in bad wholesale NBA jerseys surprises. My car chinois got hit today. I had a broken door and my plans to meet Venus (my girlfriend) went out the window. The stupid thing was this thing happen in such a way that I never o thought would happen to me. I just parked my car by the residential area and opened my door to get out while the car driving smashed cheap jerseys it. He just drove too fast. Period. But well, the good part was I had a lift from Venus as she came to the rescue. We went out as usual to cafe hop Applications nearby around cheap jerseys the area and get the car sent for repair. Well, enough of what went "????? through my day. I’m happy to show you some designs I did. It is done in Photoshop CS6, and it is a…    read more 

Subscribe and Get 25% OFF!

Join our mailing list for cool freebies and updates. Promise, no spam :)