Category: AlexW

5 Fast Tools For Generating Polished Product Mockups

1502794231I7ZiGJA-e1502794370760

When you hear the word ‘mockup’, it usually refers to a lo-fi website/app layouts. Today I want to talk about another type of mockup, product mockups. These are the mockups you might make to ‘show the product in action’. Typically they take your site, template, theme or mobile app and show it off by setting […]

Can AI Solve Your UX Design Problems?

150156788652646

One of Mark Zuckerberg’s key New Year resolutions for 2016 was to build his own “simple AI bot” that could help him with the household tasks. Remember the image of the butler, Jarvis from Iron Man? That’s a well-known Hollywood example of how a simple AI works. But, what precisely is Artificial Intelligence and how […]

UI vs UX: What is the Difference?

As a full-stack/generalist product designer, I’ve watched the industry’s obsession with titles for many years. Sure, we can keep being snarky about it, and continue throwing around funny tweets, but when did this help anyone? Just like “Should designers code?”, “UX vs UI” question turned into an inside joke. I label increasingly nonsensical images with […]

4 Photoshop Styles to Lift Your Photos Above of the Crowd

1500360514JCQlhIJ

In an earlier SitePoint article, we talked about the importance of evoking emotion with your imagery choices. I also showed you how to nail those photography styles in Photoshop to create engaging, heartfelt designs. This time around, I’m going to share four more eye-catching effects that can be achieved in under 10 minutes using Photoshop. […]

SVG Tip: Create a Bold Vector Halftone Graphic in Under 2 Minutes

1499846775durer

This is a section from a 500 year old woodcut from perhaps the ‘Andy Warhol of woodcut artists’ – Albrecht Dürer. Woodcut is an old printing technique where the image is hand engraved into a wooden block by specialist blockcutters. Prints are then taken from the block. Woodcuts are always bold and stark in nature […]

6 Clever SVG Pattern Generators for Your Next Design

1499320543x9IXUgC

Today I want to touch on SVG Patterns. They’re not widely understood, but offer a lot of really interesting design options once you get your head around them. I’m going to start with you a crash course on how they work. Then we’ll spin through 6 tools that take advantage of them. In theory, combining […]

Crash Course: Optimizing and Exporting SVGs in Adobe Illustrator

1498711348layersandstyles

When you start working with SVG, one of the most important things is to learn how to create, export, and optimize your graphic files for the Web correctly. Coding SVG by hand can be slow and tedious process, so it’s much better to create your graphic in a visual manner with program like Illustrator (Inkscape, […]

Podcast: Google Ventures on When Design Sprints Go Bad

1498620239true-north-sitepoint-banner-1

In 2016 Google Ventures (GV) design partner Jake Knapp released a seminal book called Sprint. The book introduced the idea of ‘Design Sprints’, a concept that had existed within Google for several years and was a mainstay in the toolset employed by GV with their portfolio of companies. Many of you will have heard of […]