Articles

4 Predictions for the Web in 2021

,

The start of the year is always a good time to reassess priorities and consider new approaches, but 2021 is more of a reset than we expected this time last year. 2020 is unlikely to go down in anyone’s autobiography as the best year of their life, but it has done something positive: it’s prepared the ground for rapid change in the next 12 months.

More than any other year in our lifetimes, 2021 is set to be revolutionary, with emerging trends that will last well into the new decade. Here’s what we think you can look forward to around the next corner.

1. The End of Minimalism

Minimalism has been the de facto approach to web design for the last decade because it works.

But design reflects the zeitgeist. Where minimalism once felt clean and fresh, it’s starting to feel dull and uninspired. There have been a few false-starts breaking out of the long-term trend, but thanks to the pandemic, 2021 will be the year minimalism finally folds — at least for a while.

Prior to coronavirus-mandated lockdowns worldwide, there were already signs of a more vibrant, more decorative, more joyful approach to design. Simple typefaces have been replaced with more decorative examples — faces that use ink-traps to fake 3D effects are surprisingly popular.

trends are cyclical, and the wheel always turns

One of the biggest aspects of this blossoming trend is the move away from Material Design-style flat color not just to gradients but to multi-color gradients and even animated gradients. Even Apple, the last bastion of the clean white-box approach, jumped on the gradient bandwagon with its Big Sur branding.

One of the few things COVID-19 hasn’t slowed is the adoption of new web technology, and CSS, in particular, has had some major developments in the last year. CSS Grid is now a practical technology, and our ability to code standards-compliant designs that aren’t dependent on hierarchical boxes is greatly enhanced.

After more than a year of pretty grim news for most people, much of the world will be vaccinated over the next twelve months, and life will rapidly return to normal. The last global crisis on this scale was the 1918 influenza pandemic, and it led directly to the decade known as the Roaring Twenties.

Minimalism was already dipping in popularity — trends are cyclical, and the wheel always turns — but lockdown, or perhaps more precisely the end of lockdown, is the catalyst for significant change.

2. The Decline of WordPress

In Autumn 2020, something entirely unexpected happened: The W3C announced the platform its new web presence would be built on, and WordPress — the previous choice of the web’s steering committee — didn’t even make the list of finalists.

Due to accessibility concerns, the W3C development team opted to migrate away from WordPress to Craft CMS. The decision was met with a mixture of glee and outrage. But whether you agree with the decision or not, it’s hard to see it as anything other than yet another symptom of WordPress’ decline.

WordPress faces a triple threat: there are web builders that do an adequate job for low-end web projects; there are newer rivals like Craft that outperform WordPress as a CMS; there’s a growing interest in alternate approaches, like Jamstack.

So will it all be over for WordPress in 2021? Not even close. There are myriad reasons WordPress will continue to be the choice of designers and developers for years to come. Tens of thousands of professionals worldwide have invested their whole careers in WordPress; there are millions of themes, plugins, templates, and build processes that are tightly woven into the WordPress ecosystem. What’s more, there are millions of sites with substantial content archives powered by WordPress [WebDesignerDepot is one such site].

WordPress reportedly powers approximately 37% of the web, and it will still be the dominant CMS in 2022. But it’s unlikely to grow beyond that 37%, and by 2030 its market share will be in rapid contraction.

2020 was the high-tide mark for WordPress

But for all its faults — and it’s undeniable that WordPress is full of faults — WordPress is the best of the web; it has given a voice to millions of people, launched countless careers, and empowered entrepreneurship worldwide.

2020 was the high-tide mark for WordPress, but it’s not an extinction-level event — even the much-maligned Flash, which was killed dead in a matter of months by the first generation iPhone, limped on until a few weeks ago.

WordPress will have to find a niche and accept a smaller market share; in doing so, it will address the single biggest complaint that anyone has about WordPress: that it’s trying to do too much.

WordPress is one of the great success stories of the web. In a decade, it may have to settle for powering just 10% of the web — a level of failure most of its rivals can only dream of.

3. The Digital Currency Explosion

2021 is undoubtedly the year that cryptocurrency goes mainstream. In 2020 Bitcoin grew by almost 400%; currently valued at around $35k, conservative predictions for a December 2021 valuation are $100k, with five-year predictions as high as $1m. And Bitcoin isn’t the only cryptocurrency; the value of developer-friendly Ether has jumped by more than 50% in the first few weeks of 2021.

In the US, the incoming Biden administration is preparing a multi-trillion dollar relief package, which many believe young Americans will invest in cryptocurrency. Perhaps more importantly, large investment banks are now pumping hundreds of millions in digital currencies. PayPal and Visa are both in the advanced stages of adopting blockchain technology.

The biggest threat to the new digital economy is the volatility of cryptocurrency. You cannot price services in XRP if XRP’s dollar price could crash at any time — as it did a few weeks ago.

And so there are two routes in which this trend will unfold for ecommerce. Either pricing will remain in dollars, and the equivalent price in various cryptocurrencies will be calculated in real-time. Or, transactions will make use of stablecoins like Tether that are tied to the value of the US dollar.

Cryptocurrency is the latest gold-rush, and whether you think it’s the chance of a lifetime or yet another Ponzi scheme, it will become increasingly high-profile in ecommerce throughout 2021.

4. No More Video Calls and also More Video Calls

2020 was the year of Zoom. Its growth from bit-player to overtaking Skype is a material lesson for entrepreneurs that every obstacle is an opportunity.

every obstacle is an opportunity

Over the last year, we’ve discovered two things: meetings are more creative in person, and office costs are significantly reduced when staff work remotely.

There’s going to be a shift in the business landscape this year. Remote working will continue to be normal for years to come as businesses enjoy rent savings. Video calls will still be common for quick update meetings. But expect to travel to physical meeting places periodically for in-depth strategic planning.

Expect to see major cities with deserted office buildings and a rapid expansion of co-working spaces, especially those with meeting spaces — if WeWork can hold on a little longer, there may be light at the end of the tunnel.

As a web professional, you’re in a unique position to thrive in the new business world, even more so if you’re a freelancer. Remember, if you’re working onsite, be mindful of your physical health, and if you’re working remotely, be mindful of your mental health.

What Do You Think?

No one saw 2020 coming. Sometimes world events are outwith our control, and we have to hang on and hope it gets better. It’s been a tough 12 months, and the truth is we’re not through it yet.

But the 2020 coronavirus pandemic is the first pandemic in human history that we’ve had the technology to shorten.

2021 offers the opportunity for enormous change. Will designers look for new, more decorative approaches? Will we replace our technology stack? Will you be billing clients in Ether this year? Will you suffer the misery of a packed evening commute ever again?

 

 

Featured image via Unsplash

Source

The post 4 Predictions for the Web in 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

How to Choose a Bare Metal Server From OVHcloud

,

There are dozens of factors that influence the UX of your site, app, or game. Most of them are beyond your control; user connection speed, end-system resources, even browser technology is all out of your hands. So when you do have the opportunity to influence your project’s infrastructure, you should seize it.

The world’s fastest muscle car can’t perform at its best when traffic is gridlocked bumper to bumper; likewise, the most finely tuned website can’t meet its potential running on shared hosting.

If you want your website, application, or service to run quickly and securely, maximizing both UX and SEO, then you need to look at the bare metal servers from OVHcloud.

Bare Metal Performance

Bare metal (or dedicated) servers aren’t uncommon. Still, most hosts only offer a single type of server, expecting small startups to pay for resources at the same rate as global giants, which can make dedicated hosting prohibitively expensive.

OVHcloud is different; it offers a range of bare metal server products optimized for a wide variety of challenges. That means small startups can invest in fast, easily scalable solutions that meet the most demanding security requirements without breaking the bank.

Whatever your aims, there’s a different OVHcloud solution configured for you:

OVHcloud Rise

Rise is the perfect option for a website, or web app hosting. With its low entry-cost, Intel-powered performance, bundled DDoS protection, and simplified administration, Rise is the natural choice for your first step into bare metal servers.

OVHcloud Advance

To meet SMEs’ need for reliable infrastructure to run mission-critical applications, OVHcloud configured Advance. From in-house CRMs to web-facing SaaS products, Advance is a solid foundation upon which to build your business.

OVHcloud Storage

Storage is ideal for storing large amounts of data securely. Hosting data on standard servers is a colossal waste of resources; with OVHcloud’s Storage product you can host up to 504TB and seamlessly access it via a performance-tuned server.

OVHcloud Infrastructure

For large companies with thousands of employees, global non-profits, colleges, and even local governments, OVHcloud Infrastructure offers scalability and flexibility beyond the average dedicated server.

OVHcloud High-End

For web apps that are leveraging cutting edge technology like machine learning and big data, OVHcloud’s High-End product is a no-compromise custom solution, the humdinger of bare metal servers, with every conceivable option available.

OVHcloud Game

If you’re developing video games, then lightning-quick, reliable streaming servers are essential. OVHcloud’s Game product delivers the type of speed your customers demand, with massive performance gains over comparable bare metal servers.

How to Choose a Bare Metal Server

It’s easy to get bogged down in detail, especially if this is your first foray into bare metal servers.

But here’s the good news: every OVHcloud bare metal server is a massive boost in performance over shared web hosting. That’s because, with a dedicated server, all of the server’s resources are…dedicated; that is, you don’t have to share with anyone. Shared hosting is pot-luck: You might wind up on a server with thoughtful users who don’t eat up all the resources, and you might end up on a server with one selfish user who hogs the processes and compromises the security. With a bare metal server, that’s not an issue.

Choosing a bare metal server is a two-step process. The first step is to think about what you intend to use it for:

Are you going to store a lot of data? If so, think about OVHcloud’s Storage product. But a lot of data doesn’t mean a WordPress blog. Let’s say you’re a polling company, collating millions of records that you hope to analyze to predict political movement; that requires a lot of storage. On the other hand, all servers have some storage. OVHcloud’s Rise product comes with 500Gb and can be configured with more. So if you’re planning to host something the size of a blog, then OVHcloud’s Storage might be using a sledgehammer to crack a nut.

The second step is to ask how complex the operations you’re going to ask the server to perform will be:

Hitting up a database to retrieve some data is not a complex operation. Even something like a complex search isn’t too taxing. If that’s the kind of process you expect to perform, OVHcloud’s Rise is more than adequate. But if you’re manipulating large amounts of data, like resizing hundreds of raster images dynamically; or using facial recognition to search through millions of biometric data records; or even managing your advertising application serving millions of ads to sites across the web; in those cases, you need the sort of performance OVHcloud’s Infrastructure product delivers.

OVHcloud’s products are all scaleable. Its High-End bare metal server product is entirely customizable. Whatever you choose, and however your needs change over time, you can be confident you’re running the optimum server for your project.

Why Choose OVHcloud

There are a mind-boggling array of processors, and OS, and a seemingly infinite — and increasingly expensive — amount of hardware on offer on the web. OVHcloud radically simplifies running a bare metal server by delivering a range of popular packages, tailored for everyday uses, that are both customizable and scaleable.

What OVHcloud delivers is a clear choice, letting you choose the right server for your product.

Whether you need lighting fast response times to maximize your SEO or the space to store a digital archive of the world’s most important art, for reliability and choice, opt for OVHcloud bare metal servers.

 

[— This is a sponsored post on behalf of OVHcloud —]

Source

The post How to Choose a Bare Metal Server From OVHcloud first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

3 Essential Design Trends, January 2021

,

Don’t drop the ball on these website design trends for the new year. All of the trends featured here this month are visual in nature – not as many user interface elements as previous months, but all just as stunning and usable.

Here’s what’s trending in design this month.

1. 3D Scenes on White (Light)

Three-dimensional scenes are not just a trend this month but are likely to be one of the biggest website design trends that you see all year.

They offer a great way to show off product imagery, design something with illustrations or animation for visual impact, and provide usability and understandability cues for users.

It’s a versatile technique that can work with real or created images and are also “COVID-friendly,” something designers have had to think a lot about in the past few months. (Appropriate imagery in design is a real concern, as is trying to design projects without the ability to produce traditional photoshoots.)

What’s neat about all of these projects – and plenty of others – is that they root the design in white or light backgrounds. The light effect creates an easier visual mood that’s clean and emphasizes the imagery.

This website design trend solves a lot of those problems and looks good doing it.

Google’s Cloud design uses 3D illustrated animation on a white background with plenty of depth elements. The primary color palette of illustrated objects pulls it all together and guides the eye through each of the callout labels.

The red words on the screen Crystal Pure fit perfectly with the white-on-white 3D imagery of this design. Red accents pull you into different places on the screen, and it all has a clean feel.

Hofmann & Hofmann uses the same concept with a slightly different approach. The background is still light with a realistic feel and 3D objects, but it is a lot less stark and white. The feel is a little warmer and more inviting than a flat white aesthetic.

 

 

2. So Many Stacked Capitals

If you don’t have great artwork or imagery, make your own with typography.

This trend seems like it might be yelling at you just a little, but it still works for the most part — well, as long as you don’t land on too many of these website designs in a row!

What’s interesting about this trend is that many of the designs feature all caps type and serifs. These styles have been making a bit of a comeback, but this use is interesting for many reasons.

The hardest part when using all caps is maintaining readability. That’s why you see some variances in regular, italics, and bold weights, as well as the use of multiple typefaces. The goal is to create a good reading flow with a stunning visual presence.

This trend works best when you have “easy” words on the screen to facilitate scanning. Too many long or complicated letter combinations can get challenging quickly.

Make sure to look for the Easter eggs in each of these projects:

Emotion Agency has tiny “waving” illustrations next to each word (which doubles as the navigation) when you hover over them.

Mill3 Studio has a few animations, from the text flying in and out on load and scroll to subtle movements in the emojis.

Bizarro has this fun little cat video with a tiny warning not to hover over it, but you definitely should.

 

 

3. Empty Places

The final trend in this roundup is a stark reminder of current times. Each of the website design features empty places or locations.

This style of imagery would have been avoided pre-pandemic because tourism locations would want visitors to feel like a part of a bustling environment. Not today. If you travel, chances are you may feel safer or want to be in a more secluded environment.

All of the images and videos from these locations show just that.

Designers are doing this with new stark imagery that stands alone for the design or inserting a few empty place frames into video clips or among images that show more populated times. Even scenes that contain people show very few people and focus on more solitary activities.

Paragon Oak does this by showing a beautifully lit location at night. Note that using a nighttime photo eliminates questions about where the people are or what they are doing. (This is a clever option when showing imagery of an empty place.)

Vienne to Paris shows boats on the water with a beautiful background. While you assume there are people on the water vessels; you don’t see them and get the feeling that everyone is separated in their own “pod,” a pandemic-friendly option for travel.

The Maryculter House shows various images without people – the resort’s location on beautiful grounds; empty, but immaculate rooms, and a few images of a person alone on the grounds. Again, the empty nature of the place feels more appropriately welcome for the time we live in.

 

 

 

Conclusion

One of the things that we’ve seen with design trends in the past year is pandemic-related. The composition of images to the way elements are arranged on the screen influences every aspect of our lives.

While the empty place image and video trend is big now, it may fade post-pandemic. Although, it could still be relevant for quite some time. It will be interesting to see what happens as the year progresses with this trend – will it hold on or fade away?

These trends might continue to hold well into 2021.

Source


Source de l’article sur Webdesignerdepot

/par

50 Best Websites of 2020

2020 has been one of the most memorable years in our history. Few of us have been alive long enough to experience a more turbulent time. But throughout the year, we saw design respond to challenging events with positivity, color, and a desire to elevate those people and projects working to make the world better.

As we head into 2021, there’s no denying that 2020 has changed our outlook on life and marked a major turning point in web design trends.

Here’s a collection of the websites we loved the most this year. Enjoy!

Looks Like You Need Iceland

On Looks Like You Need Iceland, you are invited to record a scream, which will then be broadcast into the Icelandic wilderness. It’s meant as a form of therapy. The idea is that you will one day visit Iceland in person. That might still be some way off for most of us, but we could certainly use a good therapeutic scream.

Black Lives Matter

Across 2020 there were major protests around the world in support of Black Lives Matter. The movement’s website is a central hub for news, resources, and civil rights information in 38 countries.

2º Earth

2ºC Earth takes the user to 5 locations worldwide and shows what will happen there if global temperatures rise by 2ºc. Sound is used really well here to create an immersive experience, along with some beautiful photography.

Github

Along with some new features announced earlier this month, GitHub has a glossy new homepage. It has a clean feel, with some nice scrolling animation and sparing but effective use of illustration.

I Weigh Community

Political and social initiatives were big in 2020, and non-profit activism initiative I Weigh Community is the brainchild of actress Jameela Jamil. It’s devoted to radical inclusivity, communicated with bold, expressive graphics.

UNREAL

Back in January, we clicked around UNREAL’s site for hours, enjoying the sharp transitions. The Swiss agency produced a wonderfully chaotic love letter to web animation.

Delassus

Delassus grows fruit, from citrus to avocados. The Moroccan company employs a cornucopia of 3D design to make its site bold, fun, and practical.

Lynn Fisher

We loved everything about Lynn Fisher’s site back in May. The homepage illustration was awesome. It was a humorous approach to RWD that we really appreciated. The site has since changed, with tons more to explore.

Minervo

The Minervo site feels distinctly Latin, with the hot pinks and sun-blasted desaturation feeling suitably South American. We love the cropping on the custom typeface.

Babord

Norwegians have an almost mystical connection with the sea, which is evident in the site for Babord, a Norwegian seafood supplier. We loved the brand font too.

Calexo

Calexo makes THC-infused beverages, and back in April, we loved the color and positivity of the site. The animated hamburger menu was a hit too.

Moooi

Moooi’s site layers illustration with a maximal effect that makes you feel like you’re chasing a white rabbit. There are tons of great UI details here, especially the bar that reveals the product videos.

Blind Barber Anniversary

The Blind Barber celebrates 10 years of success with this microsite. A deconstructed grid and an entirely black and white design, but with color photos, create energy and a sense of joy.

Zand Harirchi Architects

Zand Harirchi is an architecture firm based in Tehran, Iran. Its site features subtle references to architecture, like the delightful thumbnails reminiscent of small windows.

WFN

The WFN (Women’s Funding Network) is an international alliance supporting women’s foundations and gender justice funders. The sophisticated color palette and clean type are both confident and feminine.

Nathan Taylor

We loved exploring Nathan Taylor’s playful site all the way back in January. The different lighting modes were a firm favorite.

Käthe Kollwitz Memorial

A tribute to the life and work of Käthe Kollwitz, an Expressionist printmaker. There’s a catalog of her work, presented alongside large type and splashy color transitions.

Emotive Feels

Emotive Feels is a design manifesto from the Emotive Brand agency that illustrates an A–Z of potential brand emotions with simple animations that we likened to a Blue Note release.

A. N Other

A.N Other’s site for perfume highlights quality ingredients, materials, simplicity, craftsmanship, and the environment; in the process, it cleverly invokes a sense of luxury.

Playtype

Danish type foundry Playtype’s site fits its name perfectly. The playful site with bright blocks of color and the occasional animation shows off some pretty nice typefaces.

Feijoo Montenegro

All-text sites are always a thrill, and back in June, we were treated to this simple one-pager by Feijoo. Details like the numerals being replaced by words are delightful.

Wavering Stripes

Although this site’s subject matter is harrowing, it is presented in a very beautiful, thoughtful manner.

The Oyster & Fish House

Sophisticated typography, the wave textures, the nostalgic feel of the photography, and even the cookie notice’s on-brand styling all show attention to detail, which gives this site its appeal.

Who Cares

Find and ‘photograph’ the endangered species to learn about them in this delightfully illustrated game.

Curbed

When Curbed came under the umbrella of New York magazine earlier this year, it got a makeover. Neon highlights and a distorted grid give an edge to the classic magazine layout.

Yolélé

The carousel of fonio (it’s a West African grain) products on Yolélé’s landing page is a good example of horizontal scrolling that works well. There are some great page transitions too.

Pantheone Audio

Pantheone Audio’s site employs elegant scrolling to enable seamless navigation of an extremely luxurious site, underpinned by a complex grid.

Aelfie

Bright color, an irregular grid, illustrations, and a display type that feels almost hand-drawn perfectly captures the aesthetic of this NY-based home furnishing brand.

Highcourt

This site for private membership leisure club Highcourt uses subtle background color changes and simple line illustrations to create a sense of calm. Black and white are softened to dark blue and ivory, and gentle animation adds interest.

Kate Jackling

Kate Jackling’s site takes a step back and allows the content to bask in the glow of attention, placing her photography at center stage.

Treaty

While there is less hustle and bustle outside than we were used to pre-pandemic, we could certainly all use some calm. Treaty’s site for CBD oils reflects that calm with a combination of video, whitespace, and botanical drawings.

Ukrainian Railroad Ladies

Ukrainian Railroad Ladies is a book of photographs of women, and some men, who work on the Ukrainian railways. The site is basic, even brutalist, but it has charm, and the photographer’s fascination with his subject comes through.

Year & Day

Year & Day is an ecommerce site that sells tableware, from glassware to ceramics. The colorful collection is designed to complement different types of food, and the site’s color scheme reflects that perfectly.

Juan Mora

Juan Mora’s ‘under construction’ holding page has probably been crafted with more care than many full-blown sites. This showcase cleverly manages to demonstrate its subject’s skills without showing a single piece of work.

Lucciano’s

Lucciano’s homepage hero video alone will have your mouth watering for some of their gelato. Much of the appeal of food is visual, and the photography here does not disappoint. Circular text boxes in ice cream colors complement the product shots nicely.

Bored Solutions

Back in April, we were already a little weary of lockdown — if only we’d known how long it would last! The amazing color blobbing of bored.solutions was the ideal distraction.

Grand Matter

Grand Matter is an artist agency representing illustrators. There is a wealth of talent on show here and a broad enough range of styles to keep the web interesting for a good while.

Dunderville

This site for Dunderville motion design studio features a paper fold detail, which adds tactility to the virtual. Some superb type and vector animations showcase an impressive portfolio.

Album Colors of the Year

Album Colors has taken the covers from 150 albums released this year and arranged them by dominant color. The hex code for each color is provided if you want to copy it.

Mammut Expedition Baikal

Mammut uses stunning photography and a strong narrative to present its Eiger Extreme outdoor clothing. Longing for the great outdoors will either be alleviated or exacerbated by this one.

808303

808303.studio is a virtual Roland TR-808 drum machine and TB 303 bass synthesizer. You can program, record, and share your very own 80s techno masterpiece.

Bliss

Humor can be hard to get right, especially when you want to be taken seriously at the same time. Here, it works, and the result is a memorable site, oozing with confidence.

Jazz Keys

Type your message into Jazz Keys, and you’ll hear it in sound. You can send the message to anyone and let them hear your words — the web lives for side-projects like this.

Érika Moreira

The fabulous, simple site for Sao Paulo-based Érika Moreira has some awesome big type and creative case studies. It’s an excellent example of a non-visual portfolio.

G.F Smith

Earlier this year, the site for leading paper supplier G.F Smith got a redesign. It is a simpler design than the previous site and keeps the visual focus on the products and the colors.

Abbotsford Convent

Abbotsford Convent is a creative arts venue in Melbourne, Australia, based in a former convent. The UI for its site blends architectural forms to acknowledge the building’s heritage.

Waka Waka

Waka Waka designs and builds wooden furniture. The mid-century typography and the noise textures transport the site to the last century’s radical graphic design. There’s some clever disruption to the typical thumbnail approach.

Cone

Sites advertising apps always seem to want to box the design into a hastily de-branded mock-up. Cone takes a daringly refreshing approach by depicting a more expansive mobile experience.

Ride Out

Amsterdam’s Ride Out bike store teases the content with an intriguingly masked video. Plus, we love the wheel-inspired spinning links.

Puddle Sound

This site is a model of minimalism. Beautiful photographs and very little text, there is nothing to distract from the product on display.

Source


Source de l’article sur Webdesignerdepot

/par

Popular Design News of the Week: December 14, 2020 – December 20, 2020

, ,

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

The Best Design Tool of 2020 is not What You Expect

 

14 Top Design Trends to Watch Out for in 2021

 

UI Trends for 2077

 

Firefox was Always Enough

 

Wavelry – Create & Customise Wavey Svg and Png Backgrounds

 

Design Documentation

 

The Best 25 Black and White Web Design Inspiration

 

2020 Design Tools Survey

 

Web Design in 2021 – What to Expect

 

How to Accelerate your Online Presence Using SEO

 

Email Signature Design Guide, Best Practices, and Examples

 

Lavender – Write More Confident, Effective, and Thoughtful Emails

 

Buy Don’t Build

 

Glorify 2.0: Create High-Quality Product Images at Low Cost

 

5 WooCommerce Design Mistakes to Avoid

 

15 Best Free Christmas Fonts to Design Gift Cards

 

How to Create a Full Width Page in WordPress (Beginner’s Guide)

 

For the Fans: How to Make and Sell your own Merch

 

How to Build a Strong Design Team Structure

 

A Designer’s Guide to Receiving Criticism and Managing Feedback

 

It’s Always Year Zero

 

How to Design Better Pinterest Graphics and Attract Clicks

 

Dropover – Easier Drag & Drop on your Mac

 

7 Fantastic Youtube Videos on Web Typography

 

Colour Contrast Checker – Check the Contrast Between Different Colour Against WCAG

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source


Source de l’article sur Webdesignerdepot

/par

Twilio Vs. MirrorFly: Who Is the Future of Real-Time Communication?

,

Introduction

The COVID-19 pandemic has forced the corporate business world to network with associates and communicate with potential clients using online communication tools. Hence, given the current market conditions – having a functional and efficient communication system has become the need of the hour. Due to which platforms offering text, voice, and video chat features must ensure they offer enterprise-level models. These platforms must be customizable and scalable. It is also important for the communication platform to be of a certain standard that supports a huge number of users with minimal latency rates. Nevertheless, with multiple options in the market, it can be difficult to choose the right real-time communication platform.

Twilio

So, what is Twilio? Twilio is one of the top-rated cloud communication platforms in the market that uses a PaaS model. Twilio offers developers tools or software-based platforms to integrate voice, video, or messaging into any mobile app. Twilio is basically a developer’s platform, which means that this platform cannot be used by a marketer or a non-developer. Twilio as a communication platform provides a powerful API system for phone services offering companies to make and receive phone calls and send and receive text messages instantly.

Source de l’article sur DZONE

/par

Exciting New Tools for Designers, December 2020

,

Jumpstart your next design project or speed up a workflow with some of these new tools and resources. With so many new tools being developed all the time, you are almost certain to find something that can help you with projects.

Here’s what new for designers this month.

Everypixel Patterns

Everypixel Patterns solves a common design problem: Creating seamless patterns with graphic editors is such a long and exhausting process. That’s why some people choose to get patterns from stock websites but that can be a challenge too (and difficult to search). This tool makes getting patterns less time-consuming. It includes a gallery of well-designed content, which you can customize and edit as needed.

Multiavatar

Multiavatar is a free and open-source multicultural avatar maker. Type something in the input field and generate one of 12 billion avatars. (Everything is randomly generated and free to use.)

Lobe

Lobe is a machine learning app from Microsoft that helps you create and train models. Start by showing the app examples of what you want it to learn and it will train a model for you. The tool is pretty easy to understand and you don’t need or experience or code knowledge to use it and you can train an app for free on your computer.

Laser Cat

Laser Cat is a silly and fun Google Chrome extension that adds a cartoon cat to your browser that allows you to zap away anything you want to remove in the browser window. It’s light and fun. Go play!

Pattern Collect

Pattern Collect is a curated gallery of patterns by various designs and illustrators. You can download patterns for use in projects or submit your own to share with the design community. The library is searchable and you can get new patterns via email if you subscribe.

FarbVelo

FarbVelo is a color palette generator that shows a new and random scheme with every refresh. The color choices are fresh and could work for a variety of projects, too.

CSS Clip Path Editor

CSS Clip Path Editor is a cool little pen by Mads Stoumann that puts an image inside of almost any clip path you can imagine. There are presets to choose from or you can adjust the settings and paths to create your own image shape.

Responsive & Configurable SVG Waves

Responsive & Configurable SVG Waves is a soothing pen by Jhey. Change the background and wave elements for a simple and cool animation in SVG.

Veed

Veed lets you host, edit, and deliver videos in the cloud using a REST API. It works on any browser, device, and bandwidth, and keeps your website light, even when delivering heavy video content.

Overlay

Overlay is a plugin for Figma or Sketch that transforms components and symbols into clean and reusable React, Vue, or HTML code. The benefit? Use it to create more consistent websites and design systems more quickly and in a pixel-perfect manner.

List.js

List.js is a library for adding search, sort, filters, and flexibility to tables, lists, and other HTML elements. It is built so that it will work on existing HTML and be invisible. Plus, it is simple to install and use.

What Are Design Tokens?

Design tokens are a “hot term” says Andy Bell. So, he wrote an explainer that breaks down what they are and how they might look in a standard data format like JSON. Read the explainer and you’ll be able to identify design tokens and understand them.

SVG Path Editor

SVG Path Editor makes it easy to manipulate paths for any SVG element. The grid – if you choose to use it – helps edits stay symmetrical and easy to manage.

Operator Lookup

Operator Lookup is a practical and fun tool. Enter a JavaScript operator in the search box to learn more about what it does. (You can also choose from a “keyboard” of options.) Thanks for the tutorial, Josh W. Comeau.

Beacon

Beacon is a tool designed to help you write, run, and share SQL in Slack. It makes collaboration easy so you can work on and run queries, debug, and resolve issues all in a single platform.

Plaiceholder

Plaiceholder transforms your images into lightweight placeholders using pure CSS or SVG.

Machine Translation

Machine Translation is available as Cloud API, on-premise translation server, and SDK that can be easily integrated into lots of business cases. Both solutions work with 110 languages.

Draggable Blend Generator

Draggable Blend Generator does just what the name implies. Change the blend mode of a background and foreground using a draggable tool so that you can see the changes in real time. Just enter the URL of a background image or pattern and color swatch and you are ready to go.

Jam Wand

Jam Wand is a “magic wand” for making changes on your website, starting with copy. Click on any text, edit it, and submit the change to GitHub to be merged into the code. Copy changes as easy as click, type, and click again. (This tool is still in beta.)

Boost UI Kit

Boost UI Kit is a collection of elements and components that will help you finish website design projects using a bright and airy style. It works with Figma for easy integration.

Romanizer

Romanizer is a fun game that tests your knowledge of Roman numerals. With two modes – a randomizer and a challenge you can participate in – you’ll learn to convert numbers visually in minutes.

Itmeo Market

Itmeo Market is a new online graphics marketplace with exclusive and ready-to-use templates for a variety of projects. Templates include elements for logos, UI kits, graphic elements, Instagram templates, landing pages, and more. (This is a paid/subscription-based resource.)

Bellmoco Handcola

Bellmoco Handcola is a beautiful decorative typeface with fun swashes and serifs. The free version is for personal use only.

Bondie

Bondie is a handmade brush typeface with fills in many of the letterforms. It contains 106 characters and is free for personal use.

Bovino

Bovino has multiple weights that can work for display or body text. The modern serif is free for personal use.

Estilistica

Estilistica is a thin modern style sans serif with smooth lines and a vertical profile. It is best suited for display use and is free for personal use.

Source


Source de l’article sur Webdesignerdepot

/par

Heroku and Salesforce: From Idea to App (Part 1)

,

As someone who became a Salesforce developer by accident 10 years ago and parlayed that into a career and business, I’m fully aware of the dividends that investing in continuous learning and brushing up on the latest in my industry can yield.  Even after years of working in the Salesforce ecosystem, earning 11 certifications, and going through several hundred different projects, I’ve found it’s difficult to make the time to keep up with all the new tools and features of modern development (and usually I have the TrailheaDX and Dreamforce conferences each year to get caught up!).  

Due to the COVID-19 travel restrictions, in-person conferences are canceled. However, a new video series piqued my interest. In particular, two Salesforce Developer Advocates, Mohith Shrivastava and Julián Duque, are doing a series on Modern App Development on Heroku/Salesforce.

Source de l’article sur DZONE

/par

3 Essential Design Trends, December 2020

,

The end of the year tends to be busy for a variety of reasons and it can limit some of the freshness we see in designs during much of the year. Regardless, there are a few trending design elements.

What we are seeing right now is rooted in deep simplicity with a focus on the message.

Here’s what’s trending in design this month…

Activism and Engagement

Websites with a focus on societal issues have moved to the forefront. While the look and design techniques used for these websites can vary greatly, there’s a common theme of activism, community engagement, and support.

What’s great about this movement – and what it reflects – is that people can take to the digital space to help amplify their message or find support with people who are going through the same things they are.

While some of these efforts are backed by people and brands you may know, that’s not always the case.

The designs also work best when they reflect the personality of the spokesperson or mood of the issue at hand. Note the vast differences in the three examples.

The I Weigh Community uses bright color with a black and white image of promoter and celebrity Jameela Jamil to bring attention to mental health issues.

Wear the Waste by retailer H&M uses simple typography in a natural environment to set the stage for more eco-friendly clothing options.

Wavering Stripes uses an illustrative approach to bring attention to the stories of immigrants in detention.

Each design is vastly different but all are striking and draw attention to the causes therein. The common thread is that each design is simple enough to draw you in and help you better understand the message and not get lost in tricks or design effects.

 

 

 

In Your Face Products

’Tis the season for product promotion.

Designers are opting for larger-than-life product images that allow shoppers to see every detail before making a purchase. (Seems like a good plan in a socially-distanced pandemic world.)

It can work in a number of ways:

  • With an oversized image and ability to use on-screen controls to take a closer look;
  • With video and animation effects to see the product in action;
  • With super high-resolution and zoomed in photography.

Pair these visuals with strong descriptive language and you’ve got a winning combination.

The variance in the examples is a good showcase of how to do this well, while not over-doing effects.

The Fitbit Charge 4 website uses an opening image of the device that’s way larger in scale than reality (especially if you are on a large desktop screen). Users control using click and scroll to get more views and details of the device. Zoom and animation aren’t overwhelming, providing a solid look at the product.

The Nest Thermostat opens with a video animation of the device moving into the forefront of the screen. (It’s rather quick.) From there, if you want more detail, there’s a video to watch that provides deeper product information in a digestible manner.

The final example isn’t really a product at all, but rather an art installation. What’s interesting is that it uses these same oversized options to show the art in detail. This is a great way to handle seeing something that you may not be able to experience in person. What makes it work so well is that the angles of the photography mimic how you would view it, looking up toward the piece hanging from the ceiling.

 

 

Simple Motion for Impact

Carrying on the theme of big, bold, and oversized designs, this trend focuses on simple animation for maximum impact.

While all-out cinematic animation can be fun to watch, it can be a little overwhelming at times. This more subtle approach is easier to digest and helps put the focus on the content at hand rather than the effect on the display.

There are plenty of ways to use simple animated effects, including scrolling animations, hover actions, and constantly moving elements. (You can see each of these if you click through the examples.)

The Patrick Mahomes store, 2PM, uses a single line of moving text that tells you what the website is about. It differentiates the retail store website from information about the athlete or his other efforts. White text on a black background is classic and easy to read. The most important thing of note may be the speed of the animation; it’s timed in a way that’s scannable but not dizzying. Sometimes the hardest part of nailing an animation is getting the speed right.

The resume-style website for Naomi Niko is striking and simple, but neat hover effects and a simple scroll animation for her resume only – and not the photo or details on the left side of the screen – make the design intriguing. The almost awkward crop and directional pull of her image also creates interest and makes you want to get further into the design.

Guilbo uses layered hover animation to make it look like he’s blowing a glittery-dust off the screen and at the user. The rugged detail of his face with the sparkle of the animation is a fun contrast. The design uses layering with dots in the foreground and background for an additional depth effect. It’s also especially nice that the objects are made to stay off his face for a realistic effect.

 

 

Conclusion

While 2020 has been an interesting year, designers have continued to find new ways to evolve the craft and create visual experiences that are inspiring. These trends are no exception.

It shows that even in unusual circumstances or with odd constraints, that amazing work and creativity can thrive. Stay creative everyone, and keep those new designs – and potential trends – coming!

Source


Source de l’article sur Webdesignerdepot

/par