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 

Best Mac Productivity Apps for the UI/UX Designer

January 4, 2016|
Bluetail

We are starting the year with a fresh roundup of the best Mac apps for UI and UX Design. From sketching, designing, to choosing typefaces, here is one of the coolest apps we’ve found! 1. OmniGraffle 6 ($99.99) OmniGraffle is a multi-purpose tool for creating charts, layouts and wireframes quickly. For UX Designers, this might be the best tool for creating wireframes and user flows. 2. Affinity Designer ($49.99) A graphic design suite, this feature-pack app is well-supported with latest technologies and fully optimized for 64-bit and is able to create amazing graphics. 3. Bluetail – Vector Designer ($9.99) For the vector artist, Bluetail is a beautiful app designed to create inspiring vector graphics. 4. Typeface ($9.99) Love the Fox icon on this app. Typography is design, and what better way to have an app that showcases the beauty of type! 5. Icon Tools for Developers ($2.99) Exporting icons for…    read more 

UI Redesign for AVIS – Car Booking App (Part 1)

December 10, 2015|
avis

AVIS is an international car booking company that I came across the net. I am not the usual car booker, but what got me curious was just realizing how this industry sector is worldwide. I have come across really neat apps for car booking, but when I saw AVIS‘s app it was quite poorly designed. Worse of all, I could not even login because there wasn’t a sign-up button. So, for this month’s redesign, I decided to embark on a project to create a much better UI for AVIS. Beginning with identifying the users and their needs, I know from my girlfriend’s experience, people tend to go to car renting outlets in a split second decision. Unlike planning for a flight, users tend to want immediate, hassle-free arrangements with the rental company. Users need to feel from the UI the comfort that AVIS is reliable, responsive and professional. I believe…    read more 

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