Post pobrano z: Large typographic project by Gordon Young and Andy Altman
The Comedy Carpet is one of the nicest large scale typographic project you’ll see in a while. You can find it in front of the Blackpool tower in Lancashire, UK, and there is no way you’ll miss this 2’200 square meter piece of work by Gordon Young and Why Not Associate.
Annotation is Now a Web Standard
Post pobrano z: Annotation is Now a Web Standard
This sure is exciting news: the various groups that make up the W3C have agreed upon a set of rules by which we’ll be able to annotate, highlight and make comments to a webpage without the need of a third party script or framework.
Dan Whaley describes why this could be a big deal:
The W3C standards are a key milestone towards a future in which all pages could support rich layers of conversation without requiring any action by their publishers—because that capability can be built into the browser itself and be available as a native feature, just like like web search. The shared vision is that conversations will be able happen anywhere on the Web, or even on documents in native apps, and inline instead of below-the fold, in a federated, standards-based way.
Direct Link to Article — Permalink
Annotation is Now a Web Standard is a post from CSS-Tricks
PHAEDIS
Post pobrano z: PHAEDIS
Bang & Olufsen
Post pobrano z: Bang & Olufsen
West Elm Hotels
Post pobrano z: West Elm Hotels
3 Tips to Improve the Impact of Videos with the Right Web Design
Post pobrano z: 3 Tips to Improve the Impact of Videos with the Right Web Design
With every passing year videos are being used more and more frequently as a form of content on websites. However despite the fact that in general videos are able to provide increases in traffic, engagement, and conversions – results can vary greatly from website to website. While there are several factors that affect the impact […]
Best of the Design Web: February 2017
Post pobrano z: Best of the Design Web: February 2017
Welcome back to Best of the Design Web, where we feature some of the best design tutorials of this past month! Tackle new and exciting projects from across the web and let us know your favorites in the comments!
10 Amazing Tutorials From Across the Web
-
How to Create a Valentine’s Sweater Illustration in Adobe Illustrator
In this tutorial, our very own Ivan Petrusevski teaches you how to create a charming Valentine’s sweater. Learn how to create a lovely illustration using simple shapes, brushes, and colors.
-
Create a Wood Cut Text Treatment With Graphic Styles in Illustrator
In this tutorial, our very own Mary Winkler teaches you how to create an awesome wood-cut effect for your text in illustrator. Learn how to create a simple wood pattern first before turning it into an amazing graphic style.
-
How to Create a Big Bear Photo Manipulation in Photoshop
In this video, Rafy A shows you how to composite several images together to create a big bear photo manipulation. Learn how to use Layer Masks effectively as well as how to adjust colors using Adjustment Layers.
-
How to Create a Realistic Clock in Sketch
In this tutorial, Christian Krammer breaks down the steps of creating a realistic clock in Sketch. Achieve your own detailed clock with simple gradients and borders and add it to your forever growing icon collection.
-
How to Create an Editable Retro Text Style in Adobe Illustrator
In this tutorial, Chris Spooner shows you how to create an awesome retro text style to use in your designs. Learn some useful tricks using the Appearance panel to create a graphic style that works with live text.
-
How to Create the Orange and Teal Look in Adobe Lightroom Effect and Camera Raw
Learn how to create stunning photo effects with this Photoshop tutorial. In this tutorial, Denny Tang shows you how to create that popular orange and teal look in Adobe Lightroom and Camera Raw.
-
How to Create Manga-Style Hair in Motion
In this tutorial, learn how to draw, color, and detail fabulously colorful hair in the popular manga style. Michelle Hoefener teaches you how to lay down the basic shapes before finishing up with the final details and color.
-
Amazing 80s Airbrush Portrait Techniques
Create gorgeous portraits of your own with this Photoshop tutorial. In this tutorial, KittoZutto taps into the glory of 80s posters to show you how to create a beautiful airbrushed portrait.
-
How to Make Objects Look 3D in Illustrator
Step out of the norm of flat design graphics with this 3D Illustrator tutorial. In this tutorial, Thomas Burden teaches you how to use Illustrator’s 3D extrusions and Map Art function to create stunning illustrations.
-
How to Make Your Pictures Come to Life Using a Cinemagraph in Photoshop
In this video, learn how to create an awesome cinemagraph in Adobe Photoshop. Expert Peter McKinnon will walk you through the steps of creating a living photograph from video footage.
Top 5 Tutorials From Envato Tuts+ Design & Illustration
Our
experts have provided you with many great tutorials this month! Here
are five of our most tried and tested tutorials from the Design and Illustration section here at Envato Tuts+.
And see entries from our latest Envato Tuts+ Community Challenge: Created By You, celebrating the incredible efforts of our talented community.
Photo ManipulationHow to Create a Dragon Landscape Photo Manipulation With Adobe PhotoshopJenny Le
IllustrationHow to Create a Vintage Doily Frame With Flowers in Adobe IllustratorNataliya Dolotko
Valentine’s DayHow to Create a Valentine’s Piglet Illustration in Adobe IllustratorNataliya Dolotko
FlowersHow to Create a Pot of Daffodils With Gradient Mesh in Adobe IllustratorVladimir Galantsev
Text EffectsHow to Create a Glossy, Puffy Text Effect in Adobe PhotoshopRose
10 Incredible Premium Design Assets
Before you go, be sure to pick up some amazing premium design assets from GraphicRiver and Envato Elements. Browse the incredible selections of design graphics, fonts, and so much more for high-quality design.
GIF Animated Glitch – Photoshop Templates
Create a cool glitch effect with this awesome Photoshop template. This template features a fully layered, high-resolution file that lets you turn any photo into a glitch-inspired GIF animation. Step up your photo game and download this package to get instant results!
Architecture Sketch – Photoshop Action
Create stunning sketch effects with this professional Photoshop action. This action allows you to simply brush over any image where you would like to apply the effect before pressing play. Turn any photo into a modern architectural sketch instantly! Helpful instructions are also included.
Destrukt Photoshop Action
Create havoc in just a few short clicks with this explosive Photoshop action. This action contains four different effect directions, a fully layered file, and a helpful video tutorial for further instruction.
Facebook Timeline Texture Covers
Create a Facebook timeline cover that is simply one of a kind. This set of timeline covers features 11 different covers with unique textural effects. Also included in this package are additional design elements like banners, ribbons, and logos that are completely customizable.
Youtube Creative Cover V.1
Need a professional YouTube cover for your channel? Then check out this stylish bundle pack. This pack features six creative YouTube covers that will instantly upgrade your channel. Get access to high-resolution files, professional designs, and free icons all in one awesome download.
Neon Illustrator Brushes
Design incredible vector illustrations with this set of neon brushes. This set includes 19 flexible neon tube brushes you can easily adjust in Adobe Illustrator. Illuminate your designs with this awesome pack today! A quick reference guide is also available.
69 Watercolor Brushes for Photoshop
Or splash around with this amazing set of watercolor Photoshop brushes. This brush set includes 69 high-quality watercolor brushes along with 11 bonus textures. Incorporate these brushes into your next creative project to add gorgeous textures.
7 Steps Infographics
Create awesome infographics with this premium design package. This package features 40 fully layered and well-organized files with all the elements you need to design the perfect infographic. Every file is super easy to edit with versions available in both Photoshop and Illustrator formats.
Ice Cream Menu Template
Ice cream anyone? Take a big bite out of this delicious ice-cream-inspired menu template. Great for little shops looking to improve their marketing materials, this template features a clean, modern design with vibrant colors. It’s available in both Photoshop and Illustrator files, and we just know you’ll love this menu!
Modern Editable Infographics Vol. 2
Infographics are a creative way to educate the world. So use this incredible modern infographics package to add that special pizazz to your presentations today! Included in this package are editable vector graphs, bars, and so much more!
Why Modern Internet Creative Types Should Embrace Simplicity
Post pobrano z: Why Modern Internet Creative Types Should Embrace Simplicity
Being creative is great, but when is it better to forgo style for substance? Well, according to the science, it’s when you’re trying to get people to look at your website and, more importantly, stay there (ie. have a low bounce rate). Now, the important misconception we need to abolish here is simplicity doesn’t mean less creativity. In fact, in some instances, implementing a “simple” design actually, takes a lot more creativity than letting your mind run away with you.
For example, in our recent round-up of electricity related logos, the most instantly recognisable and, therefore appealing in a commercial sense where the simpler ones. The Single lightning bolt from electricity or the flash symbol with the taxi-style color combinations for the Electric Taxi Company would be considered by many more striking than the more complex offering from elektrika S.
We Judge Beauty in Less than a Second
Credit: Frank Park
Of course, perception and personal preference play a huge part in whether something is considered both simple and attractive, but anything that does fall into the former category is more appealing according to Google. A 2012 study into our perception of websites found that visitors judge a website’s “beauty” or appeal within 1/50th of a second. Moreover, websites that were deemed “visually complex” were rated less attractive than sites with simple designs.
This drive for simplicity is something that taps into our human psyche as we strive for cognitive fluency through prototypical designs. In other words, we naturally gravitate to things that are easy to think about which is why prototypical (recognizable) patterns and designs are appealing.
For example, if you’re a fan of social media websites, Facebook draws you in because it’s not only what you “expect” from a social media site, but it’s easy to read. Forgetting the two side bars for a moment, the main interface is simply a feed/list of text and images.
Nowhere on the site are you bombarded with flashing images, banners, overly ornate decorating or garish color schemes? In fact, it’s Facebook’s simplicity that makes it both popular and functional. Indeed, the goal of any user on Facebook is to read updates from their friends and interact with them. The overall design allows this process to take place in the most direct and efficient way possible. Similarly, if you’re looking for the best deal on something, you expect a comparison/review site to have a set format. For example, in this list at OnlineCasinos, you’ll receive a quick overview of the platform in question and highlights such as the number of games available and how big the bonus is.
We Gravitate to What’s Simple and Familiar
This trend can also be seen over at Amazon. Click on the “Today’s Deals” option and you’ll see a grid filled with images, star ratings and prices. From this, you can click on the “view deal” button to know more. Essentially, in this instance, a “prototypical” design for a review site is a list that provides the product name and a few highlights. As consumers, we understand this layout and, moreover, it’s easy to digest. So, even though it’s simple, it works and, therefore, looks appealing. Similarly, on this Canadian site for casino deals, star ratings and teaser text help you make a snap decision on which review/site you want to visit.
In fact, as we move increasingly to a mobile-based internet experience, this focus on simplicity becomes even more important. No longer can you cram a page with text, animations, and endless buttons. Yes, it might look great on your desktop, but when it comes to browsing via a mobile, people want ease of access. Indeed, according to stats from 2016, people around the world spent 86 minutes a day browsing via their phones compared to 36 minutes on their desktops.
Creativity Doesn’t Need to be Complicated
Credit: Fernando Reyes
This discrepancy highlights the need for web designers to get creative with their use of space. Where white space and scaled backed graphics used to be frowned upon, they’re now the in thing. As well as jiving with the way our mind seeks out information, it’s a necessary as we move towards mobile browsing. So, while complexity is often seen as attractive in some arenas, the internet is all about simplicity. If you want to create something that’s both beautiful and useful, it pays to strip take things back to basics.
Featured image by Emma Jane Hogbin Westby
How a “design machine” made The Motion Awards
Post pobrano z: How a “design machine” made The Motion Awards
Just in time for the entry deadline of March 1st, the following guest post from Sissy Hobizal of FirstMates reveals the process behind branding The Motion Awards by Motionographer. First Mate’s goal: build an ego-destroying design machine to do the work for them.
SAVE AS
Post pobrano z: SAVE AS
