Tag: Style

Accelerators Maximize Efficiency in User Interfaces

Summary:  Alternate methods for accomplishing frequent actions in user interfaces support expert users by speeding up their interactions, without hindering novice users. Designing for expert users requires balancing learnability with efficiency. While new users need an intuitive interface to start quickly, expert users demand features that improve speed and productivity over time. Any system that… Continue reading Accelerators Maximize Efficiency in User Interfaces

How to create a reeded glass photo effect in Photoshop

Glassmorphism is a term from graphic design, referring mainly to user interface elements that look like frosted glass—not simply covering the elements beneath them, but distorting them slightly for a unique, soft effect. But you can also glass-morph photos, using a variety of transparent effects borrowed from the real world. Take reeded glass, for example—it’s… Continue reading How to create a reeded glass photo effect in Photoshop

How to create a holographic sticker text effect

What You’ll Be Creating In the following tutorial, you will learn how to add effects to text and how to make holographic stickers in Adobe Illustrator. If you don’t have the time to learn how to make holographic stickers, then Envato is the solution. This subscription-based marketplace has over 2,000 Illustrator add-ons you can download without… Continue reading How to create a holographic sticker text effect

How to Create the Baldur’s Gate 3 Logo Text Effect

Tutorial Assets You’ll need the following resources to complete this project and create the Baldur’s Gate logo 3D gold text effect: 1. How to Create the Number “3” Shape  Step 1 Let’s get started by launching Adobe Photoshop and going to File > New to open the New Document window. From there, type “Baldur’s Gate Logo”… Continue reading How to Create the Baldur’s Gate 3 Logo Text Effect

How to Create a Brochure Mockup in Photoshop

If you’re looking to present your latest design project or establish a portfolio of your work, a good square trifold brochure mockup is a fantastic start! You’ll learn everything you need to know in this easy-to-follow square brochure mockup tutorial and will walk away with design skills that you can apply straight away. In this… Continue reading How to Create a Brochure Mockup in Photoshop

Build an HTML Email Template From Scratch

What You’ll Be Creating The best way to understand any process is to carry it out yourself, from the ground up. Today, we’re going to do just that with email design, by building an HTML email template from scratch. “The sooner you stop fighting the quirks of email, the sooner you can use them to… Continue reading Build an HTML Email Template From Scratch

The evolution of style guides to AI writing assistants

[unable to retrieve full-text content] Style guides have a long history in the writing process. They’ve always affected more than what counts as good content. They affected our writing process and behaviors, our sense of community, even our egos. As AI pushes the style guide another step, how will it push us along too? Stacking style manuals… Continue reading The evolution of style guides to AI writing assistants

5 Tips for Controlling Focus

You’re going to have build your site in such a way that the eye is naturally drawn from one step to the next. My sister used to accomplish controlling my focus by sternly, but calmly, telling me to “Get back to your schoolwork” anywhere from fifteen to forty times in a single day. But your… Continue reading 5 Tips for Controlling Focus

15 Examples of Cool One-Page Websites & What Makes Them Special

Posted · Category: Best Collections Creating a single-page website should be easier than building an X-page website. Right? Not exactly. In fact, the opposite is true. Getting your message or messages across using multiple pages requires some effort. This is if you’re going to get it right. Getting your message across on a single page… Continue reading 15 Examples of Cool One-Page Websites & What Makes Them Special

50 Best Professional Handwriting Brush and Script Fonts

Best professional hand-picked compilation of brush fonts and script fonts that can give more artistic look to you design. These brush and script fonts based on the expression of real handwriting. Brush fonts will work perfectly for fashion, e-commerce brands, trend blogs, wedding boutiques or any business that wants to appear upscale and chic. Script fonts Suitable for Logo, badges,… Continue reading 50 Best Professional Handwriting Brush and Script Fonts

To Land a New Job in Style

Are you eyeing a new position? If so, is your resume design current? And will it represent you creatively—allowing you to stand out distinctively in a crowded pool of applicants? Creative Professional Resume Template – One of the creative resume examples that’s trending in 2018. If you’ve recently seen a compelling job ad, or you… Continue reading To Land a New Job in Style

Soft Skills Needed to Be a Children’s Book Illustrator: A Practical Guide

What You’ll Be Creating Looking on the internet, it’s fairly simple to find articles and information on creating a book—from how to do layout to character design, writing your own story, and so on. In my travels I found that unless you sat down with an experienced illustrator over a cup of coffee, you would… Continue reading Soft Skills Needed to Be a Children’s Book Illustrator: A Practical Guide

How to Create a Sunburst Effect Action in Adobe Photoshop

What You’ll Be Creating This sunlight photo effect is a part of the Rays Of Light Photoshop Action from my portfolio on Envato Market.  You can also the check the Animated Sunlight Photoshop Creator. The color tones of the sunlight rays and the flare effects are easy to edit and customize. Sunlight Rays Photoshop Action Tutorial Assets… Continue reading How to Create a Sunburst Effect Action in Adobe Photoshop

Gorgeous Decade-by-Decade Fashion Illustrations (8 total)

Fashion illustrators have a lot of freedom with artistic style and emotion, since they are not limited to photography alone. Hand sketching is anything but dead and there are many artists who are creating street style images, runway looks, magazine editorials and imaginative drawings. If you appreciate retro fashion sketches, you can find some beautiful… Continue reading Gorgeous Decade-by-Decade Fashion Illustrations (8 total)

How To Create a Flat Style Vector Planet in Illustrator

The flat style has been immensely popular in the web design scene, but it’s also a fun illustration style that results in cool abstract artwork which is perfect for infographics, icons or even branding. In today’s tutorial I’ll show you how to create a vector space scene and planet in Adobe Illustrator, using its powerful… Continue reading How To Create a Flat Style Vector Planet in Illustrator

Realistic 3D Casino Style Bulb Sign Photoshop Tutorial

In today’s tutorial we’re going to play around in Photoshop to create an illuminated bulb sign similar to those used on Las Vegas casinos and Broadway theaters. The sign will be created as a standalone piece of text, using Photoshop’s powerful 3D tools to simulate a hyper realistic setting within a warehouse. We’ll then add… Continue reading Realistic 3D Casino Style Bulb Sign Photoshop Tutorial

What Are Web Designers Best Sources For Inspiration?

What Are Web Designers Best Sources For Inspiration? If inspiration is as easy as drinking a cup of coffee or you can easily find inspiration in a cup of coffee, then a web designer’s life is a breeze. However, like their art and all the codes that go with it, there are times when inspiration… Continue reading What Are Web Designers Best Sources For Inspiration?

Inspirational Examples of UI Style Guides

According to Wikipedia, a UI style guide is a ‘set of standards for the writing and design of documents’ and that it ‘ensures consistency and enforces best practice in usage.’ All very true. But what it neglects to mention is how inspiring UI style guides can be just to look at and get lost in.… Continue reading Inspirational Examples of UI Style Guides

25+ Free Wireframe Style UIs, Mockups and Templates

Attention to detail is important in any kind of design. Web design means no exception. Yet before we get into that detail we should always scribble up a quick mockup of what we want the project to look and feel like. Some put detail even into that mockup, some stay minimalist. Whatever your approach is,… Continue reading 25+ Free Wireframe Style UIs, Mockups and Templates

How To Create a Web Design Style Guide

Creating websites is getting more and more complex and is usually not a one person job. It is important to ensure that design is consistent and optimized to meet business objectives and create enjoyable experiences for users. One of the ways to ensure that team is on the same page when designing separate parts of… Continue reading How To Create a Web Design Style Guide

10 Free Vintage Style Illustrated Light Ray Vectors

As vintage style logos and emblems have become increasingly popular I’ve noticed the use of hand illustrated sunburst elements on all kinds of retro inspired designs, so I decided to play around and produce a set of my own to give out my readers. Download this free set of 10 illustrated light ray vectors to… Continue reading 10 Free Vintage Style Illustrated Light Ray Vectors

How to Make a Style Poster in Adobe Photoshop CS5

This tutorial is an example of how a few simple techniques can be used to create a piece of digital artwork using multiple layers, masking, the Brush tool, some basic lighting and one simple noise texture. Layered PSD file included. Let’s get started! Final Image Preview Start working by creating a new document (Ctrl+N) in… Continue reading How to Make a Style Poster in Adobe Photoshop CS5

Fn.js – Encourage Functional Programming Style

fn.js is a JavaScript library built to encourage a functional programming style & strategy. fn.js aims to support functional practices over performance or established conventions. In order to guide you on the right path, fn.js internals force avoidance of side effects, object mutation, and function state. fn.js runs in the Node.js or in the browser… Continue reading Fn.js – Encourage Functional Programming Style