3 Essential Design Trends, August 2019

Original Source: https://www.webdesignerdepot.com/2019/07/3-essential-design-trends-august-2019/

Each of the design trends we are spotting this month have to deal with over-the-top techniques. It’s interesting because these big effects don’t always pop on the radar of what’s trending, but these concepts almost begged to be featured with a large number of projects showcasing these design elements.

This type of trend is interested because designers either love them or hate them. Take a look and see if these are concepts you’ll use. Here’s what’s trending in design this month.

Exaggerated White Space

So much white space.

These websites feature exaggerated amounts of whitespace and strong minimal themes with very little color or design ornamentation. And if you are like me, you can’t stop looking at them.

How does a design with so little visual information work?

The design trick here is disruption. If you see one of these designs, they are vastly different than almost any other site you are visiting. That makes you stop, and look, and think about what you are seeing. With the right content it can be quite effective.

While each of the designs here use exaggerated amounts of white space and practically no color, they don’t all look the same and use complementary effects to get a message across.

VS+Company uses a subtle animation with text blocks that appear next to the oversized “POST” and “MGMT” lines. The text provides additional content and information about the website and uses a black color that makes it easy to read.

Lundqvist & Dallyn asks a question to pique user interest. The image on the home screen and throughout the scroll feature hover animations that encourage clicks.

Jillian Hobbs uses white space to help users hone in on the words – in this case project names – to interact with. It’s a risky concept for a design portfolio, but it did encourage clicking through to pages with the same visual pattern, but featuring images and color.

Sharp Edges and Lines

While brutalism has never fully taken off as a widespread design trend, it is influencing designers. Sharp edges and lines are one way that we’re seeing it manifest.

Most recently, projects have had a softer feel with gradient coloring, real images or illustrations, and softer shapes. The projects below feature more hard edges, thick lines and square shapes. These shapes can be paired with different elements to establish a feel. The result is a design trend that’s a little harder, stronger, and harsh. It almost demands that you look at it.

Future London Academy uses bold yellow and black to create the most brutalist feel of the collection. Even the typography has an edge to it.

Purple Rock Scissors has an animated twitch to the hard lines on its homepage, which creates a feeling of unease for users. Why is everything twitching and moving in this way? It almost forces you to scroll. All of the video clips on the site use the same effect, which feels a lot like what we are seeing with the TikTok social network.

The Unshift portfolio focuses on shapes and animation with almost no color to draw users in. The moving cube is intriguing and enough to generate interest.

Screen-Centered Headlines

Hero headlines aren’t a new trend at all. But have you noticed a shift in the placements of the big text on homepages?

It’s vertically and horizontally centered.

The placement makes sense when you think about it. The eye will go right to the middle of the screen and then spread out to other elements. But do you love the super symmetrical feel?

The other benefit to this design technique is for the mobile versions of websites. It fits just a nicely on a mobile screen as desktop. Conversely if the text is positioned strong to the left or right, it often has to be moved when you shift from a more horizontal to vertical screen orientation.

This is one of those neat trends that’s heavily influenced by technology and how we use and interact with devices online.

The only thing to be aware of with a trend like this is that while perfect symmetry is harmonious and visually appealing it might not work with all backgrounds or imagery. It can also start to seem somewhat boring if everyone does it.

Finally, think about the length of words and messaging. With too many characters this style can feel heavy and overwhelming and works best with short blocks of text, such as each of the featured examples below.


When it comes to over-the-top design ideas, what works for you, do you prefer color, space, or typography? While you can see some influences of these trends on each other, what makes them work is that the focus is on one strong design element.

Love these ideas or hate them, each project above has a design style that encourages users to take a second look and consider engaging with the design.


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Dreamy & Surreal 'Summer in Spain' Illustrations

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/GINiS5Q54oc/dreamy-surreal-summer-spain-illustrations

Dreamy & Surreal ‘Summer in Spain’ Illustrations
Dreamy & Surreal 'Summer in Spain' Illustrations

AoiroStudioJul 29, 2019

Simon Kämpfer shared a dreamy, surreal illustration series via his Behance. Titled: ‘Summer in Spain’, it’s a series of illustrations inspired mainly by the architecture of Spain. Celebrating summer, Simon worked his magic to create a nostalgic ‘summer vibes’ using key elements like the lighting, components, and mostly its entire composition. It’s inspiring and almost well-settled especially when you are hearing news about the weather and the heatwave. Let’s hope this is giving the right inspiration to kick off the new week!

“Summer in Spain” is a series inspired by architecture in Spain. The goal was to create a dreamy version of reality without forcing myself to have the same style on each individual piece. I tried to connect each artwork with the general summer vibes feeling and with the help of specific objects like the ocean, pool, plants and the iconic Arch shape.

Maxon Cinema 4D & Digital Art

Dreamy & Surreal 'Summer in Spain' IllustrationsDreamy & Surreal 'Summer in Spain' IllustrationsDreamy & Surreal 'Summer in Spain' IllustrationsDreamy & Surreal 'Summer in Spain' IllustrationsDreamy & Surreal 'Summer in Spain' IllustrationsDreamy & Surreal 'Summer in Spain' IllustrationsDreamy & Surreal 'Summer in Spain' IllustrationsDreamy & Surreal 'Summer in Spain' IllustrationsDreamy & Surreal 'Summer in Spain' IllustrationsDreamy & Surreal 'Summer in Spain' IllustrationsDreamy & Surreal 'Summer in Spain' IllustrationsWork by Simon Kämpfer

More on Simon Kämpfer

Personal Site

Adobe Photoshop Elements 15 Review: Photo-Editing at the Tips of Your Fingers

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/HHhcYJMfaL8/adobe-photoshop-elements-15-review

Adobe Photoshop is a staple in the graphic design and photo-editing world. Made and published for Windows and macOS, it’s been around since 1988 when digital art was first on the rise. Since it’s beginning, people all over the world have used Photoshop to edit and compose images in Photoshop’s own PSD and PSB file […]

The post Adobe Photoshop Elements 15 Review: Photo-Editing at the Tips of Your Fingers appeared first on designrfix.com.

Collective #535

Original Source: http://feedproxy.google.com/~r/tympanus/~3/xtYKW3AiqXY/


Inspirational Website of the Week: Stuuudio

An outstanding design with amazing typography. Our pick this week.

Get inspired


Multi-column manipulation

Heydon Pickering shows how to tackle the CSS of multi-column layouts.

Read it


Our Sponsor
Divi: The Powerful Visual Page Builder

Divi is a revolutionary WordPress theme and visual page builder for WordPress. With Divi, you can build your website visually. Add, arrange and design content and watch everything happen instantly right before your eyes.

Try it


The Essential Guide To JavaScript’s Newest Data Type: BigInt

Learn all about BigInt in this article by Faraz Kelhini.

Read it


Meaning without markup: Accessibility Object Model

Hidde de Vries takes a look at the proposals for the Accessibility Object Model and their current status.

Read it



Rooki is an online magazine for students, interns and juniors with intimate interviews, free design student awards and free resources.

Check it out


Dissecting A Dweet: Mini Black Hole

A dissection of a miniature black hole simulation using minimal code.

Read it


Progressive Enhancement

Remy Sharp shares an article about progressive enhancement originally written in 2015.

Read it


Fast Software, the Best Software

An article on the benefits of performant software, and how it affects user perception of engineering quality and overall usability. By Craig Mod.

Read it


Managing Multiple Backgrounds with Custom Properties

Chris Coyier shows how to use custom properties to simplify multiple image backgrounds.

Read it


Index fun

A very interesting analysis on which z-index values are used on websites. By Philippe Suter.

Read it


Design tools are holding us back

A great article by Tom Johnson on how we need better ways to make real products, not pretty mockups.

Read it


What’s New In DevTools (Chrome 77)

Kayce Basques introduces all the new features of Chrome’s DevTools.

Read it


Free Font: NY Bricks

A exquisite display typeface designed by Mariano Diez.

Get it


Dynamic Charts

A React library for creating animated charts visualizations based on dynamic data.

Check it out


Progress Tracker

An updated HTML component to illustrate the steps in a multi step process e.g. a multi step form, a timeline or a quiz.

Check it out


The Mutable Web

An interesting article on how to use custom styles for a website like Twitter.

Read it


Interactive Head

Mariusz Dabrowski created this interactive head demo mixing After Effects with Lottie Web.

Check it out


Form design: from zero to hero all in one blog post

Some valuable tips on how to design forms that are easy to use. By Adam Silver.

Read it


SPA SEO: A Single-Page App Guide to Google’s 1st Page

A thorough guide by François Lanthier Nadeau to optimize your React, Vue or Angular app for Google.

Read it


Free Font: Le Murmure

Recently expanded with Cyrillic, Le Murmure is a custom open-source typeface designed by Jérémy Landes for the design agency Murmure and released by Velvetyne Type Foundry.

Get it


Wobbly underline

A fun underline animation made by Mikael Ainalem.

Check it out


Accessible inline list with bullets between items

Artem Sapegin’s tip on how to make lists with dot separators screen reader friendly.

Read it


From Our Blog
Smooth Scrolling Image Effects

A small set of ideas on animating images and other elements while smooth scrolling a page.

Check it out

Collective #535 was written by Pedro Botelho and published on Codrops.

How to Use HTML <template> & <slot> With Shadow DOM

Original Source: https://www.hongkiat.com/blog/html-template-slow-tag-shadow-dom/

HTML Slot is one of the most remarkable standards made by W3C. Combine that with another impressive W3C standard called templates, and you have a fabulous concoction to work with. Being able to…

Visit hongkiat.com for full content.

Smooth Scrolling Image Effects

Original Source: http://feedproxy.google.com/~r/tympanus/~3/J3RZ99hMx74/

Picking up on our last tutorial on how to add smooth scrolling plus image animations to a page, we’d like to explore some more ideas for animations. We’ve made a small set of effects that show how you can apply some interesting transforms to elements like images and text while scrolling the page smoothly.

Inspirations for some of the effects come from Jesper Landberg’s smooth scroll with skew effect demo, Manuel Rovira’s Dribbble shot Lusaxweb Home and Jo Mor’s website.

The animations are powered by TweenMax.

Attention: Note that the demos are experimental and that we use modern CSS properties that might not be supported in older browsers.

For the demos, we’ve created different (grid) layouts with images that have decorative elements and captions.

We’ve used background images that are wrapped in a division with its overflow set to hidden, so that we can animate the scale or translate of the inner images in some examples. There are many possibilities to explore, for example, rotating the images:


…or adding a blend mode to one of the moving elements:


As you can also see in Jesper Landberg’s smooth scroll with skew effect demo, you can use the acceleration to control the transform amount. So when you scroll faster, the elements distort more.

Here’s a little GIF to show a detail of one of the animations:

smoothscrolleffect.2019-07-23 11_04_22

Note that when using the scale transform, the animations in Firefox don’t perform so smoothly.

We hope you enjoy this little set and find it inspirational.

References and Credits

TweenMax by Greensock
imagesLoaded by Dave DeSandro
Images by Frankie Cordoba from Unsplash.com

Smooth Scrolling Image Effects was written by Mary Lou and published on Codrops.

That 90s Look is coming back – Another Poster Design by Roman Post

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/uTI-Mhmv-wY/90s-look-coming-back-another-poster-design-roman-post

That 90s Look is coming back – Another Poster Design by Roman Post
That 90s Look is coming back - Another Poster Design by Roman Post

AoiroStudioJul 24, 2019

Roman Post is a graphic designer based in Dedovsk, Russian Federation. We have featured Roman’s work before on ABDZ and I am totally borrowing Fabio’s series ‘That 90s Look is coming back’ for this one. I totally do agree that the 90s nostalgia is definitely back through TV shows and fashion. Roman is going again a full force on its textures, typography and its overall design. I do like the fact he added ‘glitchy’ GIFs as a new addition to the series, it’s adding way too much character to his craft at making these poster designs.

More Links
Poster Design
That 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostThat 90s Look is coming back - Another Poster Design by Roman PostWork by Roman Post

The best smartphone in 2019: be more creative on the move

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/A3ALEfsC3SM/best-smartphone

Finding the best smartphone in 2019 isn't easy. You could simply go for the latest iPhone and feel satisfied that you've chosen wisely. But we think there's a lot more to it than that. And in our view Android has really got Apple on the run these days when it comes to quality and value.

What you can do creatively on a smartphone is a major battleground for mobile phone manufacturers. Watch any major handset launch video, and the claims made in this regard are lofty. But the world's best smartphones genuinely are packed with features that could genuinely make your projects easier, more sharable and even better. (Pair them with the best iPhone apps and Android apps for creatives and you're laughing.)

So what's the best smartphone in the world in 2019? The Samsung Galaxy Note 9 still gets our vote so far (although not by much), thanks to its magnificent screen, dedicated S Pen and all around greatness. If it's within your budget and you're not bothered about the latest iPhones, we recommend you make a beeline for the Note 9.

But there's a lot of choice out there. In this guide, we'll walk through the top contenders in all shapes and sizes, from a variety of manufacturers and budgets, and including Android and iOS options, to help you decide which mobile phone to buy.

Of course, screen quality and processing power are considerations you need to make. But we'll also tell you the best camera phone to grab if fantastic photography is a greater consideration for you (spoiler alert; the Google Pixel 3 is top of the pops), or if you're buying on a shoestring. Keep reading to discover the best mobile phones right now.

The world's best smartphones in 2019

Right now, we think the best smartphone in 2019 overall is the Samsung Galaxy Note 9, particularly for creatives. It's just so good in so many areas – and could be a genuine game-changer for your workflow. The colours and clarity on that massive screen will make your visual projects sing, and we love the extra functionality featured with the improved S Pen stylus that comes in the box. It means you can get so much more from your Note 9, especially on the move. The battery's been cranked up to an enormous 4,000mAh – very few other smartphones come close to this. All that RAM and state-of-the-art chipset means it'll handle pretty much any task you throw at it, including the brave new world of VR.

Of course, the Note 9 isn't the cheapest option in this list of the best smartphones in the world (there are plenty of more affordable options below). And the price only escalates if you decide you want to upgrade to 1TB of onboard storage. But if you can stretch to this super-sized Samsung, you won't be disappointed.

It wasn't an easy choice between the Note 9 above and the Samsung Galaxy S10 Plus. And if photography's your thing then 2019's S10 Plus may even be the better choice. Just a cursory read of some of the specs on board this camera phone will give you an indication, starting with the 12MP cameras with adjustable f/1.5 aperture on the rear of the handset. Even in low light, the S10 Plus takes stunning snaps. It's equally impressive for video (we have a bit of a soft spot for the super slow mo 960fps function) and photos from the front camera are also excellent. This one is highly recommended.

If you've been scrimping and saving (or have a very generous equipment budget) for the latest, greatest Apple smartphone, then you may as well just go straight ahead and buy the iPhone XS Max. This 6.5-inch, $1,000/£1,000+ monster of a mobile is packed with more than 3 million pixels: it's scarcely believable. We've never seen a screen on a smartphone like it. The scope it gives you to work creatively, accurately and professionally on the go is unsurpassed. The new Bionic A12 chip promises staggering processing power, helping you render images faster and work as though you were on a laptop. And being an Apple iPhone, it has a couple of best-in-class cameras.

There's just one thing to remember – it's pronounced "10-S Max". If you're spending this much on a phone, you'll at least want to get the name right when you're telling your friends about it.

The last of the Plus models in the best smartphone in 2019 list (for now at least) is the iPhone 8 Plus, the newest big-screen Apple smartphone without an X in its name. While the screen remains largely the same as the 1080p iPhone 7 Plus, the camera on the 8 Plus is its real selling point. It’s a dual-camera affair, but unlike Huawei and Leica’s offerings, the iPhone 8 Plus camera is all about that 1x to 2x optical zoom. Build quality is better than anything out there (possibly excluding Samsung's phones) and features such as 3D Touch and Touch ID with Apple Pay make it a real winner. And of course, the depth and breadth of iPhone apps for creatives is always a swaying point.

If you saw us banging on about how good the Note 9 is, above, but balked at the cost, then the Samsung Galaxy Note 8 is an easy sell. The newer iteration isn't a dramatic improvement on its 2017 predecessor – but it does make the Note 8 much more affordable. It's a big, bad brute of a phablet with fantastic cameras and the kind of processing power that wouldn't look weak in a cheap laptop. Snazzy features to help you get the most from the impressive dual lens main camera include live focus for instant bokeh, and potent optical and digital zoom. It might be superseded, but on a features-price ratio, the Note 8 remains one of the best smartphones in the world.

Huawei (pronounced hu-wah-wey, if you’re interested) has dramatically upped its game recently with its 'P' range of Android-powered smartphones – the Huawei P30 Pro being the best smartphone its ever produced. Boasting a Full HD display, all-day battery life and an incredible camera set up (triple Leica with 40MP sensor and extra time-of-flight camera for more depth on portraits), the P30 Pro is really upping the competition for Apple and Samsung. Aside from its incredible camera, the phone's broad 6.1-inch screen is a real boon for seeing finer details in your designs and illustrations, or comfortably utilising the keyboard and CMS.

There is one massive concern that stops us having the P30 Pro further up the page, however. Due to the USA's security concerns, it's not clear whether Google will continue to support OS and security updates or even access to the Play Store. So that's a bit of 'at your own risk' attached to this one.

A 6.3-inch smartphone for around the £200/$200-mark should ring alarm bells – it must be terribly slow to use, have awful cameras or at least be downright ugly, right? Wrong, actually, and the Honor Play is proof. Notionally intended for gamers, that massive Full HD+ display and HiSilicon Kirin 970 chipset mean that it comes close to matching some of the world's best smartphones in those areas. The 16Mp dual lens main camera is well up to the job for Instagram-friendly shots (although low light photography does start to become a struggle), while its svelte dimensions and full-metal unibody cover mean the Honor Play has the look and feel of a flagship phone, too. All this makes it easily our top recommendation if you're looking for a cheap smartphone.

With so many makes and models available, it can be hard to stand out from the mobile phone mob. The Google Pixel 3 XL tries, and succeeds, by concentrating on camera functionality without costing you a fortune. It's hard not to be impressed by the photos you get with the f/1.8 aperture and 12.2MP sensor on the main camera, but give the 4K video capture and HDR+ feature a go and you'll be gobsmacked by the quality. It also packs in true OIS and zero shutter lag, and of course there's an array of compatible apps in the Play Store. Bear in mind that you'll be stuck with a bulky bezel that most other phones have now eschewed. But compare the price to some other phones on this list, and you may just be tempted to pick the Pixel 3 XL. 

Also read: The best laptops for video editing

Sony has a rich heritage in camera tech, and the Motion Eye technology in the Sony Xperia XZ Premium is a continuation of that. For one, it features super-slow motion video – recording at 960 frames per second. Yes, 960! Next, there’s predictive capture, which basically starts buffering your shot a second before the shutter is pressed – and then gives you four images to pick from. Its 19-megapixel sensor also has intelligent exposure controls to automatically adjust light levels (there’s also manual focus controls), while 5-axis stabilisation should make for steady 4K videos. The other big selling point of the 2017 XZ Premium (its elder statesmanship means it's now a lot cheaper) is that it was the first smartphone to have a 4K HDR display, which means a delightful screen on which to play back your creations.

Also read:

The best laptops for graphic designIs iPhone XS the best camera phone for designers?The best camera for photography

97% Off: Get the Ultimate Youtube Master Class Bundle for Only $29

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/hqakyfqn5FE/97-off-get-the-ultimate-youtube-master-class-bundle-for-only-29

Over the last decade, Youtube has grown from a site devoted to amateur videos to the world’s most popular online video site. Many of you have probably considered starting a Youtube channel in the past. But some of you may be wondering if it is worth starting a Youtube channel at this point? The answer […]

The post 97% Off: Get the Ultimate Youtube Master Class Bundle for Only $29 appeared first on designrfix.com.

5 valuable resources for every designer

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/3FvfsuckXJY/5-valuable-resources-for-every-designer

Working as a creative professional undoubtedly means, over time, you will build a library of design assets, which is invaluable if you're short on time. If you need to add to that collection but are on a tight deadline, thankfully there are many resources offering ready-made design elements like icons, vector graphics, and stock images to help ease the pressure. 

But with so design assets now on offer, it can be confusing to find the best when it comes to quality and value for money. Luckily, there are reputable sites ready to supply you with high-quality design assets without breaking the bank. So, whether you're on the hunt for eye-catching imagery or unique icons, these top design asset repositories will deliver what you need.

01. StockUnlimited Vector Plan

If you're on the hunt for quality stock vector graphics and clipart, StockUnlimited is a great place to start. A subscription gains you access to over half-a-million premium vector designs (with fresh designs added monthly), all of which are royalty-free for commercial and personal use.

Its collection only comprises of exclusive one-of-a-kind, quality content that you won't be able to find in other sites. You're also given the freedom to download anything you wish an unlimited number of times, allowing you to use the assets in a variety of projects. Grab a lifetime subscription, on sale for $34.99.

02. EpicPxls Design Assets Premium Plan

Cut the time you spend toiling away on projects with the assets you collect from EpicPxls. The site offers a slew of premium curated fonts, graphics, templates, mobile app designs, and more to help aid your creative workflow. The subscription affords you 20 downloads on premium items each month, for life. Grab a lifetime subscription, on sale for $49.

03. Storeshock WordPress Themes & Elements

Who says you have to learn code to create stunning websites? Storeshock boasts a myriad of WordPress themes and elements like plugins and web packages to streamline the site-building process. Upon signing up, you'll immediately receive lifetime access to more than $50k worth of premium products.

Indulge yourself in thousands of web elements to get your dream site into fruition. Your subscription even includes a drag-and-drop page builder so you can create your website even faster. Grab a lifetime subscription, on sale for $59.

04. Icon54: Unlimited Membership

Icon54 is the place to go for line and glyph vector icons. Drawn by hand and approved by top designers, their array of assets nets you 5,000 unique icons in over 100 different categories ranging from web and apps use to iOS and Android use. Each icon is designed to precision on a grid system, and you can easily customise them to suit your needs using your preferred design software. Plus, each icon comes in line and solid versions, giving you double the options. Grab a lifetime subscription, on sale for $19.

05. The Stock Photo Mega Bundle: 80,000+ images

Stock imagery is a handy addition to have in your designer toolkit, and with the Stock Photo Mega Bundle, you can get access to a rich library of over 80,000 royalty-free stock images, for more than 750 diverse themes, niches, and categories spanning nature, travel, lifestyle, and more. 

Plus, not only will you be supplied with images, but you'll also get drone video footage, animated motion backgrounds, and premium cinemagraphs to bring your projects to life. Grab a lifetime subscription, on sale for $29.99.

Related articles:

15 essential tools for graphic designers in 2019The best laptops for graphic design10 of the best 4K monitors for designers