What is Font Awesome? Easily the largest and commercially open set of vector graphics stored in a font. With this font you can bring hundreds of vector graphics to your web site design or mobile app simply by styling some text — the advantage is clear, the font is loaded once which saves your web or mobile app from making lots of micro-requests to your server for content. (more…)
The user experience of websites has improved by leaps and bounds over the years, but I still run into sites that make me ask, “What were they thinking?!”. From a design perspective, it’s easy to get caught up in internal squabbles (“No, no, THIS is the content that has to be front and center”) or distracted by tools or methods (“I say we use lean UX on this project”). (more…)
There are many “right” ways to design an application, so I want to be clear that this is my workflow (and the one I recommend), but it’s not mandatory. I know other designers who just jump right into Photoshop (or code) and produce great work. But if you find yourself having trouble visualizing a design or workflow in your head, give this method a try. (more…)
A website wireframe is a visual guide, or a skeletal framework that will help you define your future website’s characteristics. By wireframing you are basically defining the primary steps and the shape your website or product is going to have. One of the main purposes of wireframing is to set the main priorities and describe the functionality of your future creation. (more…)
Designing wireframes the right way the first time costs no more than doing it the wrong way. Creating a paper prototype adds no cost either; simply print out the wireframe diagrams for the pages a visitor will use to complete the tasks most closely related to achieving his goals and meeting the site’s business objectives. (more…)
We live in such an exciting time in the world of the web. Technology and standards are moving forward at a rate that’s perhaps both faster and more exciting than ever. As things change, so do our habits, and one area that I think has seen bigger changes than most would have to be the change in resolutions that our devices are now running. (more…)
Transform your 2D designs into glossy 3D mockups in seconds using Photoshop.