Digital Design

How to Use the Principle of Contrast in Graphic Design

01<p>of 06<p>How Contrast Works<p>Contrast is one the principles of design. Contrast occurs when two elements are different. The greater the difference the …

Computer Graphics

A Guide to Graphic Design Basic Elements

Graphic design is the process and art of combining text and graphics to communicate an effective message in the design of websites, logos, graphics, …

Graphic Design

Principles of Design Definitions - Lesson 1

Introduction to the Principles of Design > <b>Lesson 1: Definitions</b><p>Generally, all the principles of design apply to any piece you may create. How you …

Computer Graphics

Follow the Basic Rules to Create Great Art

<b>To the casual observer, the world of the arts can seem unapproachable.</b><p>When looking at a painting, watching a ballet, or hearing a classical concert, …

Tutorials

Lean and Mean: Power of Minimalism in UI Design.

Simple doesn’t primitive. Less isn’t vague. Short doesn’t say little. Air doesn’t equal emptiness. Today we are talking about minimalism.<p>In the book …

Computer Graphics

40 Powerful plugins for sketch – Muzli -Design Inspiration

Duplicate, Rotate and Scale the smart way<p>The singular must-have in every UI/UX designer’s tool belt, <b>Craft</b> is a suite of plugins for Photoshop and …

Computer Graphics

Organized Mixing: Labeling, Grouping, and Color Schemes

This video tutorial is available to AudioSkills members only. A free transcript is published below.<p>To gain instant access to this video, start your …

Guitar

"A golden age of architectural drawing awaits"

The advent of 3D-modelling software may not spell the end for architectural drawing after all, says Owen Hopkins.<p><b>Architectural drawing is in crisis</b>, …

Design

4 Things I Know About Pattern Libraries

Dave shared some battle-earned insights about working in a pattern-driven manner and creating pattern libraries. I love his thoughts on the topic, …

Using Style Guides for Accessibility

Let’s begin by posing a few questions.What is a Style Guide?A style guide is a design document that can be used to establish a set of standards when …

Computer Graphics

Design a Pre-Formatted Text Box for Phone Numbers and Credit Cards

Tiny Tutorials<p>Hurry…learn something…quick!<p>This is part of a series of short tutorials about specific elements, components, or interactions. We’ll …

Fluent design layout

Since rumors of the evolution of the guidelines for Windows and some leaks, I’ve been making some concepts based on what we’ve seen so far.<p>Now that …

Web Development

Z-Shaped Pattern For Reading Web Content

It is easy to imagine every user excitedly reading every letter you write. Get over it, because users don’t do that. They scan.<p><b>Users don’t read</b> web …

Web Design

Working with Symbols in Adobe XD

With the June 2017 update you can now create and override Symbols in Adobe XD. Symbols allow you to easily edit multiple copies of the same element …

Computer Graphics

5 Ways You Can Use Gestalt Principles for Powerful Imagery

Using Gestalt Principles makes your visual marketing powerful and persuasive.

Computer Graphics

Holistic design for companies and candidates

Jobandtalent’s mission is to connect people who are looking for a job and people who own a business so that they may work together under the best …

What delayed my portfolio redesign for 3 years and how I finally launched it

A typical failed attempt<p>I'd start by waiting for inspiration to strike. When it does I'd animatedly mockup visuals of few pages using dummy content. …

Design

The Future of Design Tools is not Prototyping. Introducing UXPin Systems.

<b>The Early Days</b><p>It’s hard to believe that we started UXPin <b>7 years ago</b>.<p>Our first product was a paper prototyping notepad aimed at bringing designers and …

Innovation

Using Apple as a Case Study to Predict the Future of UI

Digital design has never changed as much as it has this decade. And in 2017, there is no force greater in shaping it than Apple. No one predicted the …

Tim Cook

Responsive Design in Sketch — Part 1

What is new in the group resizing feature.<p>With the latest version of Sketch (v.44), the group resizing feature has been updated. Even though there is …

Computer Graphics

3D Rendering & Digital Art: Suprematism & Constructivism

Let's kick it off with 3D rendering from the mighty folks from RoomCR6 with their series entitled: Suprematism & Constructivism. Based on their …

Digital Art

The Most Efficient Way to Use Icons If You’re A Designer or Developer.

Sketch Tutorials<p>Not just how to do it, but WHY it’s better than any other way.<p><b>Confession:</b> This article is intentionally polarizing so that someone …

Computer Graphics

Syllabus bites: Visual literacy - Visual texts

Each tab in this guide contains key questions to consider when analysing visual texts. Use it to complete the task in the final tab.<p>What is the …

Edward Tufte

10 Basic Principles of Visual Design

<i>Yesterday I was listening to a podcast and heard someone who was about to ask a question saying something along the lines of "..long time fan, first</i> …

Computer Graphics

Using Sketch symbols to quickly swap between different OS designs

An easy way to make the same object appear correctly for different devices, e.g. a dialog box on Android and iOS<p>Downloadable Content<p>As always, here’s …

Computer Graphics

Meet Framer, The Prototyping Tool Used By Google, Facebook, And Uber

The tool, built by two Facebook alums, is now used across the industry–and a new version is simple enough for any designer to use.<p>When product designers Koen Bok and Jorn van Dijk were working at Facebook in 2013, they often found themselves pitching new app ideas with traditional presentation …

Computer Graphics