Ah – so you’ve got yourself a .fig file and you’re wondering what to do with it. Did you know that .fig files are easy to use templates that is primed for further tinkering and collaboration? Whether you’re a seasoned designer or just dipping your toes into the world of digital design, importing your .fig […]
Category Archives: Design & UX
User interface and design is the visual part of an application, that a human interacts with. In web pages, this is what defines the “experience”. Browse through these posts I’ve written about UI and Design.
Create Stacks of Webpages with a “Skewed” Effect using Photoshop
It’s been a while since I’ve written a Photoshop tutorial. I have been knee deep with developing that I forgot about my creative side. Well this time we’re creating screenshots of webpages – that have a “skewed” and “stacked” effect. I’ve seen this done in app websites that try to showcase their pages. I think […]
The Ultimate guide on Creating Stunning Hero Images for your web pages
If you don’t know what a Hero Image is by now, you might be living under a rock. A hero image is the main image in carousels and slideshows. It or even as a background of the homepage. It can also be found in main product pages, a landing pages or more commonly: the homepage. […]
10 Common UI/UX Mistakes and How to Avoid them
It takes a lot of creativity to make a good looking website. However, it takes additional knowledge to turn that website, into a user-centric and friendly interface. This knowledge is known to many of us as UI or UX (User Interface / User Experience) design. It may be true that many organizations have devoted plenty […]
How to Create Diagonal Text Shadows in Photoshop
This tutorial will show you how to create that awesome technique we see in newer websites. It’s that diagonal text shadow effect usually seen in large header areas. The effect cannot be done in code (at least not yet), but it’s certainly possible using Photoshop. Below are some examples of what I’m talking about: Notice […]
Create a Simple Logo with Overlapping Text Effects
This tutorial will walk you through how I created my new logo. It’s nothing fancy – just a group of fonts appearing to overlap each other – giving it that three dimensional effect. It’s fun and friendly – just how I want my brand to be. The best part about it is: it’s very easy […]