UX By Louise North Today As web designers, our role in crafting user-friendly digital landscapes is critical. We are tasked with creating user experiences that make visitors feel comfortable and respected. This, in turn, creates benefits for our clients by improving repeat visits and achieves the site’s ultimate aims, whether that is sales revenue or… Continue reading The Dangers of Deceptive Design Patterns (And How to Avoid Them)
Tag: Switch
How to Create a Vintage Type Postcard
What You’ll Be Creating In the following steps, you will learn how to design a vintage postcard in Adobe Illustrator. Harken back to an era when postcards were all the rage with this friendly type style. The tutorial will delve into clipping masks, using bitmap images, working with layers, effects, and blends. What You’ll Learn… Continue reading How to Create a Vintage Type Postcard
How to Create a Pastel Gradient Background
What You’ll Be Creating In the following steps, you will learn how to create a pastel gradient background in Adobe Illustrator and Adobe Photoshop. Cool and warm, this timeless trend will give a soothing effect to any design. All you have to do is look for the best gradient combinations. Looking to download some pastel… Continue reading How to Create a Pastel Gradient Background
How to Design a Money Management App UI in Sketch
What You’ll Be Creating In this Sketch app tutorial you will learn how to create a money management mobile UI design. Take a look at the final design to see what we’ll be working towards. Feel free to download the source files too. What We’ll Learn For starters, you will learn how to set up… Continue reading How to Design a Money Management App UI in Sketch
How to Make an InDesign Catalog Template
What You’ll Be Creating In this tutorial, you’ll learn how to create an InDesign catalog template for showcasing products. This simple and stylish design could also be adapted as a lookbook for fashion retailers or a brochure template. Consisting of a front cover and three inside spreads, this versatile catalog template can be easily extended… Continue reading How to Make an InDesign Catalog Template
Create an Online Community for Your WordPress Site With UserPro
When you think of social websites, chances are that social networks such as Facebook immediately spring to mind, but the ability to create a profile and connect with other users can be a valuable addition to many different websites. Imagine you’ve created a website for your business; you could use social features to build an… Continue reading Create an Online Community for Your WordPress Site With UserPro
How to Make a Simple Flyer in Adobe InDesign
What You’ll Be Creating This simple flyer tutorial shows you how to create a rainbow-themed flyer template to promote IDAHOBIT at your workplace, college, or school. Perfect for beginners to Adobe InDesign, this is a quick and simple flyer design to put together. On 17 May, people worldwide are invited to celebrate IDAHOBIT (International Day Against Homophobia,… Continue reading How to Make a Simple Flyer in Adobe InDesign
26 Best New Business Brochure Templates for 2019
Every business can benefit from a well-made brochure. Find the perfect design for your startup in this list of brochure templates. 26 NEW Business Brochure Templates Ready to smash your business goals for 2019? Then take on a new opportunity with a brilliant brochure design. Try out a new look your audience will love by… Continue reading 26 Best New Business Brochure Templates for 2019
How to Make a Business Brochure in InDesign
What You’ll Be Creating In this tutorial, you’ll learn how to make a business brochure with a clean, corporate style in Adobe InDesign. Business brochure templates are quick and simple to put together in InDesign, and can be easily adapted with your own text and images. This eight-page brochure design has a clean and modern… Continue reading How to Make a Business Brochure in InDesign
Switch: Day & Night HTML template
Switch is a free HTML template that comes with a “double face layout” (light and dark), so you’re sure to make an effective and meaningful first impression. It is a basically a landing page for startup validating ideas including an essential set of customizable sections (e.g. hero, fetaures, CTA). Designed and released by Cruip. View… Continue reading Switch: Day & Night HTML template
How to Create an Isometric Map Mockup Action in Adobe Photoshop
What You’ll Be Creating From this tutorial, you’ll learn some new techniques and tricks. We’ll be using the Isometric Map Mockup product as an example and seeing in detail how it was created. At the end, you’ll have a fully workable action and confidence in building “transformation actions”. Got no time and need this action as soon as possible?… Continue reading How to Create an Isometric Map Mockup Action in Adobe Photoshop
6 Cross-Platform Development Tools Worth Checking Out
There are many development tools out there, but getting by free and good ones is not that easy. That is why we are sharing 6 Cross-Platform Development Tools Worth Checking Out. Previously, we have already covered Four Robust Builders To Build Amazing Mobile Apps. So, without any further ado let’s take a look at these… Continue reading 6 Cross-Platform Development Tools Worth Checking Out
GridTab – A jQuery plugin to create grid based responsive tabs
GridTab is a lightweight jQuery plugin to create grid based responsive tabs. Girdtab could be a perfect solution for the following UI design pattern. Gridtab supports two layout modes grid and tab. By default, it uses the grid layout. Click any tab in demo and resize the window to see how it works. Features: –… Continue reading GridTab – A jQuery plugin to create grid based responsive tabs
Build a Bookshop with React & Redux I: React Redux Flow
At some point in your complex React project, you are going to need a state management library. Redux is a good choice because of it’s simplicity and centralized data management. This piece is a practical approach to the fundamentals of Redux in building React application for managing a book store. If you are unfamiliar with… Continue reading Build a Bookshop with React & Redux I: React Redux Flow
Switch: A simple javascript plugin
Switch is a simple but powerful javascript plugin (no dependencies) for creating iOS style switches from simple checkboxes. The plugin comes with a set of options (size, colour, text, etc.) and callbacks that help you to get integrate a switch in your UI in a few clicks. View Demo View on Github
How to Use Adobe Fuse to Create a Superhero Reference
What You’ll Be Creating When you have an awesome idea for a character, you can feel how great it would be to see it on paper. But what if you don’t have “talent”? Or maybe you can draw, but humans are simply not your area of expertise? Are you supposed to spend hours learning just… Continue reading How to Use Adobe Fuse to Create a Superhero Reference
How to Create Flat Weather Icons in Adobe Photoshop
What You’ll Be Creating April showers bring May flowers! It is traditionally known that April is quite a rainy period, when the weather changes unexpectedly from the sun shining in a clear sky to raining cats and dogs. However, any weather has its own beauty, so let’s get inspired and prepare for springtime with this… Continue reading How to Create Flat Weather Icons in Adobe Photoshop
How to Create Flat Profession Avatars in Adobe Illustrator
In this tutorial we’ll be making a set of flat-style portraits, depicting people of different professions and occupations. Such images can be used as avatars for social networks or as design elements for your website, depicting various categories. Or you can even draw yourself, using such flat-style portraits for your business card. If you want… Continue reading How to Create Flat Profession Avatars in Adobe Illustrator
30+ Tutorials for UI Designers
With such an abundance of free Photoshop tutorials online many UI designers tend to ignore the benefits of Adobe Illustrator. Vector workflow is one of the best methods for creating full-scale website mockups, icons, mobile apps, and really anything related to interface design. Each of the following tutorials focuses directly on interface design from the… Continue reading 30+ Tutorials for UI Designers
Photoshop CC New Features: Is it Worth the Switch?
Photoshop CC Overview Why Photoshop CC and not CS7? Photoshop CC will only be available through Creative Cloud. Adobe has announced that they will be discontinuing the production of Creative Suite and push all their upgrades onto Creative Cloud – a subscription-based service. Therefore, it would make more sense to rename Photoshop from CS (Creative… Continue reading Photoshop CC New Features: Is it Worth the Switch?