Articles

Popular Design News of the Week: May 16, 2022 – May 22, 2022

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!”

Exciting New Tools for Designers, May 2022

HTMLrev – 50 Beautiful HTML Landing Page Templates Library

Cool Hover Effects that Use CSS Text Shadow

Designers’ Pick: Top Color Trends for 2022

:Where() :Is() :Has()? New CSS Selectors that Make your Life Easier

The Era of Rebellious Web Design is Here

Bootstrap 5.2.0 Beta

OptimizeImages Free Bulk Image Optimizer

2022 Craft Beer Branding and Package Design Trends

3D Avatar Library – Hundreds of 3D Avatars for your Designs

Shrink.media – Shrink the Size of your Images for Free

The WHY of Accessibility

Source

Source de l’article sur Webdesignerdepot

22 mai 2022/par Service comm.

What Even Is Web Design in 2022?

Actualités, Actualités

The term “web design” refers to the process of planning, organizing, and editing content online. On the surface, it seems like a simple enough concept. However, the reality is what we consider “web design” can change over time, influenced by our perception of the “web.”

In 2022, a professional web designer might create custom websites from scratch, but they may also be responsible for:

UX Design: Creating elements focused on user experience
App design: Building digital components of a website or online experience.
Theme design: Creating visual tools for supplementing web design.

Web design isn’t just about making a site look attractive anymore. The definition goes beyond the aesthetic to include a complete consideration of the functionality, performance, and abilities of countless assets we engage within the digital world.

What is Web Design? The Definition Today

Web design is the practice responsible for creating a website’s overall look and feel or web asset (such as web and mobile apps). It involves the process of planning and building elements of your project, from structure and layout choices to graphics and presentation.

Web design has various components that work together to create the final “experience” of a website, including graphic design, interface design, user experience design, search engine optimization, content creation, etc. These elements determine how a web asset looks, feels and performs on various devices.

Though the definition of web design in 2022 has evolved, it’s still different from web development, which refers to the actual coding which makes a website work. When you’re building a website, you’ll need web design and web development.

Elements of Web Design in 2022

When designing a website, modern designers need to consider two overlapping concepts: the overall appearance of the website and its functionality. The proper connection between these elements will maximize the site’s overall performance and usability, and make a design more memorable (for all of the right reasons).

Let’s break down the elements of web design into its visual and functional components.

Visual Elements of Web Design

Visual elements of web design influence how a design looks. The various visual components of a design should still follow the basic principles of graphic design. In other words, designers should be thinking about contrast, balance, unity, and alignment simultaneously. The visual elements of web design include:

Written copy and fonts: A website’s appearance and the text on the site often go hand in hand. Designers need to work together with content writers to ensure written copy makes sense structurally and uses the correct fonts for legibility.
Colors: Colors for web design are usually chosen based on factors like color psychology, which demonstrates a color’s ability to affect how someone feels, and branding. Most brands have specific colors they use consistently throughout their visual assets; this helps create a sense of cohesion and unity in designs.
Layout and spacing: Layout and spacing influence how content is arranged in an app, website, or another visual asset. The right layout helps to create a visual hierarchy, guiding a viewer through a page and drawing their attention to the correct information in order. Spacing helps to separate components on a page and create legibility.
Images, icons, and shapes: Images, icons, and shapes help convey significant amounts of information. The right ideas and icons can strengthen a brand message, direct a customer’s attention using a web app, and bring context to a design.
Videos and animations: Videos and animations are becoming increasingly common in today’s web design strategies. Videos can include 360-degree videos, which help immerse someone in a space, video streams, and short content clips.

Functional Elements of Web Design

Functional elements in web design are the practical components designers need to consider to ensure websites and assets work as they’re supposed to. A website, app, or any other web asset needs to function correctly to be accessible to users.

Functional elements of web design may include:

Navigation: The navigation elements of a website or app are among the main components determining whether a site is functioning properly and ensuring a good user experience. Audiences need to be able to move around the app or website quickly.
User interactions: Your site visitors may have multiple ways of communicating with your web app or website, depending on their device. You’ll need to make sure people can scroll and swipe on smartphones and tablets and click on desktops. If your website has VR or AR elements, you’ll also need to consider these immersive components in your design.
Speed and performance: While web development elements can also influence a web design’s speed or performance, it’s also essential for a designer to show elements of the composition don’t weigh down the functionality. Designs need to load quickly and correspond with the demands of browsers on various devices.
Structure: A website’s structure plays a critical role in user experience and SEO requirements. Users need to easily navigate through a website without encountering any issues like getting lost or ending up on broken pages.
Compatibility: A good design should look perfect on all devices, from a wide range of browsers to the various devices users might leverage today.

What Does Good Web Design Look Like in 2022?

More than ever, achieving high-quality web design is crucial to success in any industry or landscape. More than half of the world’s population is active online. If you’re not appealing to this audience correctly, you’re missing out on endless opportunities.

Notably, while elements of good web design can be subjective, such as which themes or colors someone might prefer for their website, the underlying foundations of strong web design are the same for everyone in 2022.

Good web design is any design that looks good, performs as it should, and delivers the best possible experience to your target audience. Effective web design should include components like:

Effective use of white space for organization and structure.
Clearly presented choices and navigation options for the user.
Clear calls to action to drive user activities from one page to another.
Limited distractions and a straightforward user journey.
No clutter or unnecessary components irrelevant to the needs of the user.
Responsive, flexible design accessible on any browser or device.
High-quality content and images are designed to hook a reader’s attention.
Appropriately sized fonts and legible typography.
A good balance between images and text on a page.

Other elements like eye-catching imagery and professional photography can help your web design stand out. Using the right building blocks, like a strong color palette and the right shapes or icons in your design is helpful.

Of course, there is some scope for variation in good web design. A web designer in 2022 needs to be able to adapt their use of the various essential elements of design to suit a specific target audience or the unique identity of a brand.

What Doesn’t Work for Web Design in 2022?

Just as web design elements seem to appear consistently in all excellent examples, there are also parts of web design we’ve left behind over the years. Simpler, more straightforward designs have replaced cluttered spaces, flashing images, and endless animations.

The focus in 2022 is on creating an experience that’s simple, engaging, and intuitive, capable of speaking to the right audience without confusion or being visually overwhelming. In most cases, some of the top components to avoid include:

Clunky performance: Non-responsive website design, slow pages, and other examples of clunky functionality are a no-go in 2022. Websites need to be quick and responsive.
Distracting content: Flashing images, animations, and complex backgrounds are a thing of the past for a good reason. Websites today need to be clean, simple, and clear. Any elements which don’t add to the value of the design should be removed.
Generic content: Filler text, irrelevant stock photos, unclear buttons, and links can be removed from today’s website designs. A web design should be specific to the audience’s needs and the brand’s identity. Generic components don’t work.

Creating Web Designs in 2022

Today, the underlying definition of web design has a lot of similarities to the definition we’ve known for several years already. Creating a great website or web asset still requires focusing on user experience, aesthetic appeal, and functionality. However, today’s web designers generally have more components and different devices.

Web design in 2022 is about creating high-quality experiences for customers that can support various environments and devices. The best web designs are aesthetically appealing, functionally reliable, and capable of adhering to the latest trends in web creation, like augmented reality, 360-degree video, and ultra-high resolution.

Featured image via Pexels.

Source

The post What Even Is Web Design in 2022? first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

18 mai 2022/par Service comm.

How To Take Your First Steps in Web Design

Actualités, Actualités

Are you a creative person looking for the perfect career path to take? If so, there are not many more creative professions than that of a web designer.

However, becoming a web designer can be challenging, especially if you do not know where to start. For example, do you need to attend college to become a web designer? And what kind of computer and software do you need to own to be successful as a web designer?

This guide aims to answer all these questions and show you the steps you need to follow to build a career in web design.

Web Designer: Main Skills and Responsibilities

Generally speaking, a web designer is a professional who creates, manages, and maintains content for the web. Nothing is left out from designing pages and visual elements via programming languages and creating user-friendly websites.

Web Designer (Hard and Soft) Skills:

UX, UI, and visual design knowledge (web fonts, colors, etc.)
Management of design software (e.g., Adobe Photoshop)
Coding knowledge (HTML, CSS, JavaScript, etc.)
Time management
Communication skills
Problem-solving and teamwork skills
Research skills

Web Designer Responsibilities:

Plan and create web pages
Design appealing layouts
Use codes to create user-friendly pages
Ability to meet deadlines
Listen and advise clients
Able to work as part of a team and effectively solve occurring problems
Analyze the client’s niche, explore new web design opportunities/ innovative digital marketing approaches

If you feel overwhelmed reading this table, don’t be! You do not have to master all of the above skills. No one expects you to either. Becoming a top-notch web designer takes some dedication, but ultimately it’s nothing more than a series of steps. Let’s dive deeper into them.

Becoming a Web Designer: 7 Essential Steps

1. Gaining the Knowledge Needed: Theory and Certifications

Let’s start with the most common question, “Do I need to go to college to become a web designer?” Research shows that more than 65% of web designers are self-taught (fully or partially). Of course, that does not mean you can jump into design from the start.

Instead, we recommend that you learn some essential web design elements and how to use them in your future projects. This includes UX (user experience), UI (user interface), protocols, and patterns. The same goes for technical knowledge like programming languages, frameworks, and design software.

2. Developing Certain Skills

So, there are numerous aspects you can explore regarding technical skills. To be specific, your first steps in web design include developing the following skills:

Theory and certifications: Learning the theory to understand how the web and the market work
Web design tools: Finding the web design tools you need to start designing (.e.g Webflow, Sketch, Figma). This will allow you to learn how to prototype web design mock-ups.
Graphic design tools: Becoming familiar with software like Photoshop, Illustrator, etc.
Programming languages: Especially if you think of becoming a freelance web designer, you should at least learn how to use fundamental languages (HTML, JavaScript, CSS).
SEO (Search Engine Optimization): Learning how to optimize your web pages to rank on search engines is crucial.

3. Mastering Web Design Software

What software do you need as a beginner to start creating web designs? There are numerous apps that will help you gradually enter the fascinating world of web design.

When it comes to CMS platforms, WordPress is by far the most popular in the market. The good thing about WordPress is that it is very beginner-friendly and comes with thousands of pre-built themes and plugins that you can use when creating a website.

But the same is true for InVision Studio. Unlike WordPress, InVision Studio is specifically designed to help web designers prototype and design a website. Finally, when it comes to graphic design software, we recommend you start with Photoshop (for creating visual samples and prints) and Sketch (for UI designs).

4. Learning How Much Computing Power you Need

Although online CMS platforms like WordPress do not require special hardware, that’s not true for web design and graphic design software. To be precise, both InVision Studio and Photoshop have quite demanding system requirements.

Still, a mid-range desktop or an entry-level gaming laptop can easily handle such applications. You need a reliable CPU, 8 GB RAM, and a dedicated graphics card.

I find working with two screens perfect when it comes to prototyping. You do not need to spend thousands of dollars to buy a laptop or desktop for web design.

5. Practice, Practice, and Practice

As with any other profession, practice makes perfect in web design. Therefore, the good idea is to get involved with personal web design projects before you start seeking clients or applying for job offers. This way, you can gradually acquire the technical skills you need.

Also, by working on some personal projects first, you can build a professional portfolio.

6. Creating a Professional Portfolio

If you want to draw attention to your talent, you should have a comprehensive portfolio as a web designer. This way, potential customers to trust you by having a look at your work and previous experience.

When creating a portfolio, make sure to showcase all aspects of your work and make it user-friendly. In other words, think of your online portfolio representing your talent and treat it accordingly.

7. Choosing the Web Designer Type That Best Suits Your Needs and Preferences

Last but not least, before working as a web designer, you should know that there are three main types of web designers: Freelance web designers, Agency web designers, and In-house web designers.

If you prefer to be self-employed and believe that you have the required soft skills, freelancing is probably the best path.

On the other hand, working for an agency or a company is usually easier (especially for beginners) and will provide you with a stable income. But, in the end, it all depends on your needs and preferences.

Wrap Up

Being a web designer can be an exciting career. As long as you have the necessary dedication and willingness, nothing will stand in your way.

Learning different aspects of the profession and mastering specific software will only make you better. All you need to do is respond positively to (and ask for) incoming feedback and practice!

Featured image via Pexels.

Source

The post How To Take Your First Steps in Web Design first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

13 mai 2022/par Service comm.

15 Best New Fonts, May 2022

Actualités, Actualités

While we’ve featured a lot of script fonts in previous months, this newest batch of the best new fonts is going to extremes. If you’re looking to have a bit more fun with typography in the coming months — especially for modern tech brands — you’ll find something here worth trying out here.

1. Apice

Apice is an attractive script font that stands out amongst the more common flowing calligraphy structures. With a rigid, sharp, and upright character set, Apice is a script font that will be easy to read — for those familiar with cursive lettering (so perhaps don’t use this on websites targeted at Gen Z).

2. Aprello

Aprello is a flexible sans serif typeface that can easily adapt to different tones and styles. One reason for this is because it’s a variable font. Another is that it comes with more than 150 alternative glyphs and forms.

3. Chopsin

Chopsin is an edgy, futuristic font that would look great on hi-tech websites — think AI, robotics, space travel, etc. This sans serif typeface would work just as well in headers as it would in paragraph text.

4. Diurnal Mono

Diurnal Mono is a new addition to the Diurnal superfamily of sans serif fonts. This monospaced font was designed for technical and technological applications. That said, it adds a dash of humanism by merging the geometric structures with calligraphy.

5. Fold

Fold is a neo-grotesque font that is as neutral as they get. If you’re looking for a simple, straightforward sans serif to offset perhaps a more elaborate web design, this font would be a smart choice.

6. Gardez

Gardez is a creative display font that performs best at larger sizes. It combines two contrasting font styles — garalde, an oldstyle serif typeface used in printing, and reverse-contrast, whereby the horizontal lines are thicker than the vertical ones.

7. Gate A1

Gate A1 is inspired by DIN, a sans serif typeface commonly used in business administrative and technical use cases. With its straightforward and legible structure, Gate A1 works just as well on web interfaces as it does signage and documentation in the real world.

8. Inbadge

Inbadge is a brush script that can be used in logo and packaging design as well as website hero images. Its lighthearted and casual design would work well for brands that want to be seen as fun, youthful, and creative.

9. Kosmos

Kosmos is an experimental font. Each character is designed using a series of parallel lines. The thickness of the weight and style used will determine how much or how little overlap there is between the lines. Going to extremes, either way can potentially render the characters unreadable, so keep that in mind when using this font.

10. Maax Unicase

Maax Unicase is an extension of the Maax family of fonts. This dense unicase display font isn’t like other unicase fonts you may have run into. While the characters are all the same height, some of them present with their lowercase characteristics.

11. Nilota

Nilota Typeface is a serif font that feels modern and carefree, which is kind of a strange thing for serifs which tend to be more on the conservative and traditional side. Regardless, the unique curves of this font are sure to get people to instantly notice any UI or logo you use it in.

12. Rainbow Chalk

Rainbow Chalk is a handwritten serif font. The font designer suggests using it in children-related projects, though I think it could be used anywhere that calls for a casual and youthful vibe.

13. Right Sans

Right Sans is a high-contrast serif font. The font family is huge and includes a variety of heights, weights, widths, and angles, so there are lots of different extremes you can take this font to.

14. Sagire

Sagire is a unique serif font that looks like something you’d see on a black-and-white movie title screen. This font could be helpful if you’re working on a website or logo with an old-timey and elegant feel.

15. TT Norms Pro Mono

TT Norms Pro Mono is a monospaced typeface that’s just been added to the TT Norms Pro font family. Thanks to its attractive and highly legible design, you could use this font in everything from a technical website to a personal blog.

Source

The post 15 Best New Fonts, May 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

9 mai 2022/par Service comm.

How to Find Web Design Clients in 2022

Actualités, Actualités

Do you find yourself stuck when finding new web design clients? Whether you own a web design company or work as a freelancer, expanding your audience and attracting clients can be challenging.

Talking from experience: there are times when I can not find people interested in my work. If that’s the case for you right now, let me tell you not to worry.

This guide will analyze the best practices I use to attract new web design clients and how you can easily customize them to fit your needs and preferences. First, we will explore why it’s essential to use more than one way to acquire clients in 2022.

Why Should You Seek Innovative Ways to Attract Clients?

Let’s start with a personal conviction: There are enough customers to cover our niche’s supply. A common mistake most web designers make is looking in the wrong place.

Do not get me wrong, the quality of your work is always the most important thing. The better your services are, the more clients you will eventually get. But if you want to prove your talent online, you need to expand your audience.

Remember that the market is highly competitive. And so you need to follow certain steps and choose the best platforms.

7 Best Ways To Attract Web Design Clients in 2022

Although there are many ways to attract web design clients online, some prove to be more effective than others. Let us explore them one by one:

1. Use Marketplaces for Freelancers Such as Upwork, Indeed

Whether you own your web studio or are just getting acquainted with being a freelance web designer, marketplaces for freelancers are a great way to attract new clients. The same goes for well-known web design job boards like Dribbble, Twine, and WordPress Jobs.

But in general, marketplaces for freelancers are more effective as these platforms attract thousands of buyers/clients every day. The best way to attract clients is to create and polish your profile and respond to relevant job offers.

However, it is equally important to choose a platform that is not exploitative but also has numerous clients in the web design niche. Although Upwork and Indeed are the two most popular, several other platforms meet these requirements, including Freelancer, 99 Designs, Guru, Upstack, TopTal, and PeoplePerHour.

2. Search on LinkedIn

Many would argue that social media platforms are the best way to attract web design clients these days. While this is true to a certain extent, not all social networks have the same impact on professionals. I have found that LinkedIn is the number one platform that a web designer should invest time and effort into.

The reason is simple; the platform’s goal is to bring professionals together. So, if you create a top-notch LinkedIn profile, you can quickly expand your audience and find people interested in buying services. The process is quite simple because all you need to do is:

Create a professional bio: Mention what you do and who are the people you can help via your services.
Optimize your profile’s About (personal info, website and portfolio info, etc.) and Experience (previous projects) sections.
Use the LinkedIn filters to connect with individuals and companies.
Personalize your invitations and respond via DMs to people inviting you.

This may sound like a lot of work, and believe me, it is. Still, if you want to attract more clients via social media platforms, LinkedIn is the best way to go.

3. Pay Attention to your Portfolio and Website

Regardless of how many connections you have on LinkedIn, clients need to trust that you are the best person for a project before hiring you. And there’s no better way to do that than to have a comprehensive portfolio and website.

Websites like Dribble and WordPress allow you to create portfolio websites quickly and efficiently. As a web designer, you can treat your website like a personal project and use your UI and UX knowledge to outshine your competitors.

4. Create Social Proof

In a few words, social proof is a way to prove to new clients that they should mimic the behavior of your existing clients by hiring you for their project.

To do this, you can create a page with Google reviews, collect testimonials/references, take screenshots of your conversations with clients and capture their feedback. Then all you need to do is present them on your portfolio website, in your social media posts/stories, etc.

5. Use Word of Mouth

Apart from asking your existing clients for referrals, you should try to build a deep professional relationship with them. This will automatically help them to recommend your services through word of mouth.

In many cases, word of mouth has proven to be much more reliable than traditional advertising methods (email marketing, SEO tactics).

6. Speak at Events and Podcasts

Say you are an experienced web designer, and all you need is to expand your target audience. In this case, speaking at events is a fantastic way to build authority. Of course, becoming a public speaker is not easy, especially if you’re a beginner.

This is where podcasts come in handy. By appearing as a guest on podcasts (or webinars), you can easily get your name out there, connect with people interested in web design, and eventually attract new clients.

Start by finding communities (e.g., Facebook groups for web design) and communicate with active (or just interested) people in the web design niche.

7. Offer Free Advice to your Audience

Don’t get me wrong, I know that offering something for free is not the best thing. Still, by creating free content and offering free advice, you can make people take notice of your talent.

Likewise, answering questions on social media platforms and creating valuable content is a great way to convert your website/social media visitors into customers.

Wrap Up

Remember that the most important thing in attracting new clients is the quality of your work. This may sound obvious, but believe me, it’s more than just a rookie mistake.

Let’s close with this; the tips listed above will allow you to work harder but smarter. After all, that’s all you need to build authority as a web designer and attract new clients.

Featured image via Pexels.

Source

The post How to Find Web Design Clients in 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

6 mai 2022/par Service comm.

3 Essential Design Trends, May 2022

Actualités, Actualités

Do you ever look at a website and think, why did they do that? Sometimes with website design trends, that’s the exact thought that can come to mind. What about an element works (or doesn’t) and why did it get so popular so fast? That’s the theme of this month’s roundup.

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

1. Light and Whimsical Design

Even for content that’s important or heavy, lighter more whimsical designs are trending. It’s a somewhat strange juxtaposition of design and content, and one that we don’t typically see that often.

Designs that have “weighty content” and information with a light aesthetic tend to have these elements:

Lighter color palettes
Atypical font selections that might be experimental
Movement and animation
Cartoon shapes or characters
Almost child-like feel to the overall design
No photos or videos that show people
Serious content once you start reading

That last item is the part of this design trend that’s most surprising. From the design alone, you’d expect light content or information design for kids. But in these examples, it is not at all.

OTR South is for mental health resources for youth. Note that the design does have a youthful feel, but the content and topic are quite heavy.

Wild Fox Squad is a prelaunch site that will ask you to buy NFTs.

Chia Studios is a website design agency.

The question this trend leaves you with is does the visual tone mesh enough with the content to create the right vibe or credibility to engage with the website, do business with the company, or even buy something online?

2. Long Scroll with Animation

At first glance, you might not think there’s a lot going on with any of these website design examples. But as you begin to engage with the sites, there’s an obvious trend – they all have long scrolls with animation from the top to bottom of the homepages.

Long scrolling is one of those website design topics – and trends – that people often feel strongly about. Some people love it. Others loathe it.

Here’s the challenge with long scrolling. If something seems long to scroll at desktop size, it takes forever to scroll on smaller screens unless you eliminate a lot of content. That begs the question: will users see and read everything you need them to on the homepage if it is exceptionally long?

Here’s how each of these examples uses long scrolling and animation together.

Match Artists opens with animation as the site loads and then flips to a static home screen. As you scroll, photos expand in the frame with a subtle animation. The more quickly you scroll, the more animated this website appears to be. There’s not a lot to read, which makes the image-scroll-animation combination easier to digest.

Myla Yeomans has an almost empty home scroll, that moves into a text-heavy scroll (shown below) with every scroll screen changing color with animation. The effects aren’t harsh but can give you a bit of motion sickness unless you scroll slowly because of the size and volume of text in the design.

Reyes Holdings might have the busiest animated scroll of this set of examples. There are slider animations that move left to right for content in the hero area as well as parallax and loading scroll animation down the page as elements seem to come in from almost every direction.

3. Pink

Pink is a color trend that has a lot of strong feelings attached to it. The color alone can create assumptions about the website design or content before a user even starts engaging with the site.

Whenever you design with a color like this, you have to consider the baggage that might come with it, whether you agree with it or not.

Pink is often associated with femininity, the pale pink in some of these examples is connected with babies, and it’s not often seen as a strong hue. Common meanings and associations with the color pink include sweetness, health, romanticism, and innocence. All of those concepts should be taken into consideration when this color is part of your design plan. With that in mind, each of these websites uses the pink color trend in quite different ways.

Thursday is a singles website/app. It has a modern vibe and the pink here is muted in a way that almost has a beige tone. The question for users is, does it have enough of a vibe to appeal to all types of people? Something that would seem important for a dating app.

Skin Clinics goes all-in with pink tones on the website and, it appears, in their offices. This is an instance when it is hard to quite figure out how I feel about the color. It’s nice that it doesn’t feel as clinical as all white, but all skin isn’t this color either. It can create an odd tug for how you feel about the design and facility as a whole.

Pixel Bakery uses a few shades of pink for its design that feels oddly childlike. Maybe it’s the yin and yang contrast combination with the almost baby blue. Then there’s this – nothing seems to “match” from a design perspective. Pale pink background, deeper pink logo and text, almost red pink calls to action. There’s a lot to visually digest here.

Conclusion

How do you feel about all of the trending designs featured this month? Do they seem like things that you might try? Web design trends are interesting in that way because they almost seem to catch fire – someone tries something new and then others keep using the design idea and iterations of it. Sometimes these ideas work brilliantly and sometimes they fall rather flat.

It’s a good exercise to think about trends without jumping to the conclusion that you need to use them; sometimes that can also be a lesson in what not to try with your own design.

Source

The post 3 Essential Design Trends, May 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

2 mai 2022/par Service comm.

Popular Design News of the Week: April 25, 2022 – May 1, 2022

Actualités, Actualités

Tailwind Fast Started Template

Are these the Worst Logos of 2022 so Far?

5 Open Source Tips to Reduce Waste in Web Design

Introducing Material Symbols

Should I Use a Carousel?

What’s Coming in WordPress 6.0 (Features and Screenshots)

20 Best New Sites, May 2022

Choosing a WordPress Website Builder and Why You Should Use One

What if Our Sliders Actually Slid?

A New Future for the Interface

6 Web Design Trends to Look Out for in 2022

The Best Free Tailwind CSS Components for 2022

Source

Source de l’article sur Webdesignerdepot

1 mai 2022/par Service comm.

Side Hustles for Web Design Professionals: How to Make Some Extra Cash

Actualités, Actualités

A career as a web designer can be extremely lucrative. The average web designer in the US makes around $50-55,000 per year, equating to an hourly rate of around $25. Of course, not every designer will automatically get a full-time, high-paying job as soon as they earn their web design credentials.

Sometimes, you might need to generate a little extra cash, perhaps to supplement your part-time income or keep the lights on while you’re taking some new courses. You can even use your web design skills to earn some extra money on the side while working a standard 9-to-5.

Today, we will be looking at some of the most effective ways to make extra cash on your web design skills.

1. Freelance

Starting with the simplest option, working as a freelancer is one of the best ways to start making cash with your design skills. There are dozens of websites out there to help freelancers find clients these days. Some of the best options include:

Toptal: For web developers, designers, and software experts;
Upwork: For all kinds of design freelancing;
99Designs: Excellent for selling your designs whenever you like;
Dribbble: Display your work and find new clients;
Behance: Sell everything from animations to videos;
Envato Studio: Sell packages for web design.

As a freelancer, you’ll be able to choose which hours you want to work, and which projects to work on. You can make money from all kinds of design skills this way, from making pages for a website to designing widgets and applications.

However, you’ll also be responsible for tracking down potential leads, building your portfolio, and managing your own taxes, so keep this in mind.

2. Sell Design Assets

As a web design professional, you’ll end up with a lot of assets over the years. Whether you’re working freelance or full-time, not every asset you create is going to be picked up by your customers. Sometimes, you’ll end up with unused content sitting on your computer.

Fortunately, you can leverage these assets for some extra cash. You can sell things like icons, backgrounds, UI assets, and more. You can even sell themes on sites like ThemeForest if you’ve built something your clients weren’t happy with.

There’s a market out there for just about every asset, from icons and PSD templates to documents, fonts, UI assets, backgrounds, and brushes. You might even build your own website where you can sell assets in the future.

3. Design and Sell NFTs

Feel like getting in on the cutting-edge of a new marketplace? NFTs are probably one of the hottest topics in the digital world today. As concepts like Web 3.0 and the metaverse gain traction, NFTs will only become more valuable.

Countless companies and innovators are looking for people to design their NFTs for them these days. If you don’t mind dedicating some of your free time to creating digital graphics, you’re in for a significant amount of earning potential.

If you learn enough about the NFT landscape and blockchain, you could even create your own NFTs. However, this would probably require a lot of time and research. You can learn more about the NFT design and art landscape here.

4. Become a Consultant

Don’t have time to build endless new websites right now? No problem, just help other people build their sites instead. Consultants are people in any industry with expertise and insights they can share to support other people. As a web design consultant, you can offer your expertise to other upcoming freelance designers or business leaders.

You’ll need to invest some time into building your personal brand as a consultant. This means developing your social media pages (like LinkedIn) and creating a portfolio. It also helps to have an air of thought leadership. This usually means you’ll need to share at least some content online.

Consulting can be an excellent way to share your skills with other people without having to do all the work of building a design course.

5. Teach Web Design

On the other hand, if you like the idea of being a teacher, you can make money almost passively with web design courses and webinars these days. While you do have the option of selling one-on-one education to students, this will usually take up a lot of your time.

If your focus right now is on a side hustle to increase your earnings, it’s often much easier to use a site like Udemy or Skillshare. The great thing about teaching web design these days, it’s much easier than you might expect. The majority of solutions on the web allow you to drip content to your clients automatically. This means you only have to create the content once.

You can create a handful of videos, quizzes, and downloadable assets, and make money off your educational resources while you sleep.

6. Create a Web Design Blog

Blogging is still a surprisingly lucrative way to make money. If you have a creative streak and you know how to write about web design in a way other people can understand, you can turn this into an excellent side hustle.

Start by building your own website using your design skills, then start publishing regular blogs with the content you know your customers would be interested in. It’s a good idea to cover a range of topics, from Photoshop, to how to design widgets and more. You can even share reviews of various web design tools and add affiliate links to earn money that way.

Make sure you use SEO strategies to improve your chances of customers actually seeing your blog and promote your content as often as you can across social media. Once you have your blog, you can make money from it by:

Working as an affiliate and promoting design products;
Showing banner ads or sponsored posts on your website;
Selling digital products through your blog (like themes).

If you decide to take the affiliate route, here are some excellent programs to consider.

7. Contribute to other Websites

If you don’t have time to launch your own website and build a following for your blog, you can still make money from writing in other ways. Becoming a freelance web design writer means you can sell your blogs and content to other leading publications.

Many popular websites are constantly looking for new content to add to their blog. If you develop a strong relationship with some of these site owners, you could get yourself a regular gig.

Contributing to other sites as a writer helps you to develop your thought leadership. Many companies will even allow you to link back to your social media pages or profile.

At the same time, you get to earn some extra money writing about things you enjoy.

8. Sell Themes and Templates

A lot of web designers today rely on other themes and templates created for WordPress to help them build their websites. Access to themes and templates can make building a new website a much easier, straightforward process.

If you’ve got some excellent coding prowess, you can develop and sell a host of website themes and templates, and sell them wherever you choose. As mentioned above, there are a number of websites available for selling web design assets. Alternatively, you can sell your own packages and templates on your website, depending on your needs.

If you create a particularly valuable theme, you can actually earn a full-time passive income over time. Placing your themes and templates on marketplace sites will also get you a lot of attention from potential clients in the future.

9. Flip Websites

If you’ve ever seen one of those shows where someone buys a house, makes it look great, and then sells it for a higher price, you’ll understand the basic premise of flipping websites. The idea is to purchase an existing website for a low price (preferably with a good domain name), then fix it up to sell on a website selling directory.

If you want to earn a decent amount of money for your website, you’ll need to dedicate a decent amount of time to building traffic, improving the appearance of the site, and so on. However, it can be fun to take on these projects in your free time if you’re looking for a way to hone your skills.

You might learn some important lessons about how to make websites more profitable while you’re flipping your various sites, which could make you more appealing to customers in the long term.

10. Write a Book

Similar to flipping websites or producing an income from a high-traffic blog, writing a book isn’t something that’s going to give you a lot of extra income overnight. However, it can be an excellent source of passive income in time if you know how to use this strategy correctly.

If you have a specialist skill in web design, or you serve a specific niche, you can generate a lot of attention for an eBook or physical book sharing plenty of accurate and specific information. Remember, writing about web design, in general, will usually make it harder to earn money because there’s already a lot of competition out there.

Writing a book is a fantastic way to create a possible extra source of income as a side hustle, and it can also make you more credible if you decide to go full-time with your web design skills in the future. It’s definitely more impressive to present yourself to clients as a published author.

Remember to advertise your book whenever you can to improve your chances of additional sales.

Find Your Side Hustle

Web design skills are highly sought after in various parts of the digital world. If you’re willing to devote a little time and creativity to exploring the various avenues above, they can all deliver an excellent source of income to you and your potential business. All you need to do is figure out which side hustle makes the most sense for you.

Remember, there’s no one-size-fits-all. In some cases, you might even be able to run multiple side hustles at the same time, particularly if you’re using strategies for passive income, like writing your own book or selling your own course.

Featured image via Unsplash.

Source

The post Side Hustles for Web Design Professionals: How to Make Some Extra Cash first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

27 avril 2022/par Service comm.

Psychology in Web Design: How to Use it Right

Actualités, Actualités

We all know that psychology is a powerful tool. When used correctly, it can influence and persuade people to take action. In the world of web design, this is extremely important.

If you want to create an effective website that converts visitors into customers, you need to leverage web design psychology. Keep reading to find out more.

What Is Web Design Psychology?

Your website design shouldn’t just make your website pretty. It should impress your visitors, hold their attention, and lead them to action.

That’s where web design psychology comes in. Each color, typeface, and space has a psychological significance, helping people connect to your website. These elements trigger subconscious reactions, which you must leverage to get that desired action.

It takes seconds for people to decide whether your website has all the choices and information you need. Web design psychology helps you, the designer, understand these subconscious processes and how to harness them.

The Benefits of Using Psychology in Web Design

The primary benefit of leveraging psychology in web design is talking to people in their language. It’s also talking in your language and finding common ground. That’s how you can build trust.

You want to use familiar colors and patterns, elements that make you stand out but also connect to people. You need visitors to understand what your website is about and where they can get more info quickly. Then, you have to push the right triggers. Comic Sans, for example, is a superb trigger, and we’ll discuss it below. Color, space, and lines also create a specific impact on how people perceive your website.

More importantly, all these elements set the tone for visitors’ engagement with your website.

How to Use Psychology in Web Design

Now you understand why knowing the basics of human psychology is essential in web design. Let’s see how you can leverage it!

1. Arrangement

Gestalt psychology shows how these elements below influence your visitors:

Similarity — people perceive similar objects as the same or at least part of the same concept.
Proximity — things close to each other are perceived as part of the same group.
Continuity — you want your visitor’s gaze to move naturally from one element to another.
Closure — an object that’s not entirely closed is still perceived as a whole because people’s brains will always fill in the gaps.
Figure and ground — people simplify images into the main objects they’re looking at (the figure) and the other elements (background).

The Target Jobs website is an excellent example here because:

Similar objects are grouped: notice how the first three images show happy young people in diverse professional environments. This placement suggests that Target can help anyone find their dream job.
These pictures are placed near specific keywords: the young people laughing are placed right next to the CTA “Explore opportunities.” Thus, Target Jobs is associated with your happiness and your future chances.
The colors, font, and spaces enable a smooth transition: users are directed to keep scrolling down, going from one section of the webpage to the next. Also, notice how each section has its own theme, centered on Target Jobs’ benefits.
The contrasting colors (orange, white, purple, etc.) leverage the figure-and-ground technique: therefore, focusing on one section makes the others become part of the background. The benefit here is that your attention isn’t split into a million pieces; you can focus on one thing at a time and understand what Target Jobs is trying to tell you.

2. Shapes

Each shape has a different subconscious association:

Triangles and squares represent professionalism, strength, and power.
Circles, ovals, and ellipses symbolize relationships, love, and unity.
Horizontal lines give a sensation of calm and community.
Vertical lines represent strength and action.

Just look at the AT&T website. Everything showcases community and tranquility, from the round logo to the horizontal lines delimiting each section.

But this website is anything but dull. Notice how each CTA button (“learn more,” “enroll now”) is followed by a tiny arrow. This shape uses a square angle split into two acute angles by the arrow’s body. As such, although small, the arrow suggests action and strength. Besides, the sections are arranged in squares, again a symbol of decision and power.

3. Space

No matter what industry your business is part of, space is essential in web design. Don’t clutter your web pages even if your natural impulse is squeezing in as much information as possible.

Use plenty of white space and try to have a minimalistic approach. Identify the unique selling point on each page and help people focus on that.

Check out the DOGUE webpage. White spaces separate each essential element, so each section is presented clearly. The first thing you notice is the title and the image with the happy dogs. Then, your gaze moves to the slogan on the right-hand side. After that, you notice the sections below that huge “Dogue.” The next part of the website highlights the company’s services (e.g., groom, dine, play, etc.). Notice how each service is represented through a quick, easy-to-get keyword. Besides, the images depict these keywords perfectly. Even better, these images have whitish-grey backgrounds that blend with the white spaces between them. So although the website is more crowded than others, you won’t perceive it as messy or unclear.

SendInBlue, an email marketing service, uses a similar white space approach to their design, and it works great because website visitors can find what they want with much more ease, and it generally looks much cleaner.

4. Color

The right colors can attract attention, maintain interest and even lead to action. Besides, color increases brand recognition by 80%.

Here’s the bare minimum you have to consider:

Your purpose — what do you want visitors to do when they land on your page? For example, if you want visitors to fill out a form, you might want to use a color that stands out and is easy to see. Although blue is the safest choice because it’s most liked, red elicits more action.
Your audience — cultures have different associations with color. For example, in the Western world, white represents purity. However, white is associated with death and mourning in Asia.
The mood you want to create — do you want your website to be professional? Relaxing and calming? Exciting and energetic? How do you want your brand to be perceived?

The Moat front page is a fantastic example of color:

The purple and orange create a delicious contrast that points visitors in the right direction. Notice how each CTA is orange — an action-eliciting color.
Purple suggests calmness, bravery, and wisdom. It’s an excellent hue for your background because it’s so stabilizing.

Lending Bee Singapore uses color and white space to showcase user-generated content on its webpage:

Another excellent example of combining different colors to build trust is Identity Guard’s website, which provides identity theft protection services. As you can see on the website, they use a minimalistic white color combined with green, which is the official color at Trustpilot (one of the most popular review directories). This color selection helps to highlight the veracity of reviews along with the mention that these reviews are taken from Trustpilot.

5. Typefaces

A good web design is like a good outfit: it should be eye-catching but not too over the top.

The same is true of typefaces.

While a website should use various typefaces to add interest, it’s essential to use them in moderation. Too many different typefaces can be overwhelming and make your site look cluttered.

Instead, focus on using a few critical typefaces throughout your site, and use variations (like bold or italics) to add visual interest. For example, you might want to use a serif typeface for your headlines and a sans serif typeface for your body text.

Beyond simply looking good, fonts can also be used to guide users towards taking specific actions. For example, Sans-serif fonts like Arial or Helvetica are generally considered to be more readable online, making them a good choice for body text. On the other hand, scripts and decorative fonts are better suited for headlines or calls to action, as they help draw attention to essential elements on the page.

Marvel’s Captain Marvel page looks like something a 10-year-old would have designed in the 1990s. This web page is horrible from the glitters, gifs, crowded space, and the abominable Comic Sans typeface.

And that’s the point; avoiding plot-spoilers, Captain Marvel is linked to the 90s, and the retro look is part of that message. The moral of the webpage is that sometimes you have to be brave and break the rules if you want to convey a certain feeling to your audience. Marvel manages to do that with its simple design that acts as a time machine into the long-long-loooong past nineties.

Wrap Up

If you want to keep your website visitors’ attention, maintain interest and lead to action, it’s essential to use the design principles above. By leveraging space, typefaces, arrangement, shapes, and colors in your web design, you can create a website that is both visually appealing and effective at getting your message across.

However, these principles are just guidelines. You should stay brave and use your intuition. Remember that the point of web design is speaking to your audience using their language.

Source

The post Psychology in Web Design: How to Use it Right first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

20 avril 2022/par Service comm.

14 Best YouTube Channels for Designers in 2022

Actualités, Actualités

Whether you are looking for comprehensive tutorials on UX design or professional courses on topics like logo design, video or photo editing, there’s the perfect YouTube channel for you as a designer.

The best thing about YouTube is that you do not have to be a professional to jump into a video tutorial and gain the knowledge you need. There are many people who have become experts in, say, Photoshop by watching many hours of YouTube videos.

In 2022, there are established and emerging channels that you, as a designer, can use to get inspired and fix problems in your workflow.

Let us take a look at our 14 favorite YouTube channels for designers:

1. Will Paterson

Subject: Logo design, hand lettering, Illustrator tutorials

Subscribers: 608K

Creator: Will Paterson

Are you looking for a YouTube channel that will help you improve your logo designs and entertain you at the same time? If so, Will Paterson is the channel for you. Whether you are a professional designer or a beginner, this channel has everything you need: from logo design and Illustrator tutorials to product reviews and vlogs; nothing is left out.

2. Arnau Ros

Subject: Web design (UI, UX), Freelancing, Figma tutorials

Subscribers: 7.7K

Creator: Arnau Ros

In about a year, Arnau Ros has managed to become one of our favorite YouTube channels. In a few words, Arnau is a very talented freelance product designer. He has published numerous videos on how to use Figma, one of the most popular problem-solving platforms for designers.

And that’s not all. Arnau has created a series of videos that will help you get started in the world of freelancing from scratch as a new designer.

3. Adobe Photoshop

Subject: Photoshop tutorials

Subscribers: 618K

Creator: Adobe

Although there are numerous YouTube channels that offer top-notch Photoshop tutorials, the official Adobe Photoshop channel should not be underestimated. Adobe has created a quick start guide for most Photoshop features, toolboxes, etc. So if you need to quickly complete a task in Photoshop, this is the perfect channel for you.

4. Satori Graphics

Subject: Freelancing, Graphic design guides (fonts, plugins, techniques, etc.)

Subscribers: 884K

Creator: Tom Cargill

From career development videos to poster and type designs to workflow tutorials, Satori Graphics has it all. We highly recommend this channel for beginners and designers who want to master Illustrator and create a top-notch portfolio for their design work.

5. Hello, I’m Alexa

Subject: Freelancing, UX design, vlogs

Subscribers: 23K

Creator: Alexa Herasimchuk

Alexa’s YouTube channel is a great choice if you are a UX designer and want inspiration. What we love about Alexa is that her channel covers everything a UX and product designer needs to know. Be sure to check out the fascinating video discussions with other designers that she has uploaded.

6. Mt. Mograph

Subject: 3D animation, motion graphics guides, Adobe After Effects

Subscribers: 277K

Creator: Mt. Mograph co.

For more than 3 years, Mt. Mograph has been one of the most popular YouTube channels for graphic designers. The channel is especially popular among creatives who want to learn more about 3D animation, geometric motion, and need the best After Effects tutorials.

7. Swerve Tutorials

Subject: Photo editing, motion graphics

Subscribers: 167K

Creator: Swerve

Swerve has created some of the most comprehensive how-to videos for Photoshop, Illustrator, and Motion Graphics. The channel’s speed art videos are extremely inspiring. Even though the channel is not constantly updated, it already contains many videos that you should definitely watch.

8. Tutvid

Subject: Graphic design software (Illustrator), Photo and video editing (Photoshop, Premiere, Lightroom)

Subscribers: 1.19M

Creator: Nathaniel Dodson

Tutvid needs no introduction. With more than 1 million subscribers, this has been one of the most popular YouTube channels for creatives for years. When it comes to tutorials about Adobe Creative Cloud software, nothing beats this channel.

If you are looking for comprehensive tutorials on Adobe Photoshop, Illustrator, Lightroom, and Premiere, Nathaniel Dodson is your man.

9. CharliMarieTV

Subject: Freelancing, web development, chats and vlogs

Subscribers: 209K

Creator: Charli Prangey

If you are not yet familiar with the digital nomad lifestyle, be sure to check out the CharliMarieTV channel. Charli is a freelance web designer and entrepreneur who has created some of the best videos on website design, coding, remote work, and more.

10. Canva

Subject: Canva tutorials

Subscribers: 126K

Creator: Canva

Canva is a popular web-based graphic design platform. Like the official Adobe Photoshop channel, this is the best way to quickly learn how to use Canva software. In addition to quick tutorials, this channel includes videos with all the important software updates and in-depth Canva workshops.

11. Every Tuesday

Subject: Graphic design guides for Procreate

Subscribers: 345K

Creator: Teela Cunningham

When it comes to Procreate tutorials, there’s nothing better than Every Tuesday. The channel has different playlists for beginners, intermediate and professional creatives. From hand lettering projects to watercolor flowers to digital gouache, you’ll find everything you need to master Procreate on Teela’s channel.

12. Zimri Mayfield

Subject: Logo design tutorials, vlogs, logo redesign

Subscribers: 437K

Creator: Zimri Mayfield

Those of you who love logo designs probably already know all about Zimri Mayfield’s channel. Professionalism and a great sense of humor are combined in one of the most inspiring YouTube channels for designers.

13. Yes I’m a Designer

Subject: Adobe creative cloud tutorials

Subscribers: 517K

Creator: Martin Perhiniak

As a certified Adobe design master and instructor, Martin Perhiniak has created a must-follow channel on YouTube. From basic Photoshop and Illustrator tutorials to advanced masking tutorials, you’ll find it all at Yes I’m a Designer.

14. Roberto Blake

Subject: Adobe tutorials, brand/business development

Subscribers: 549K (as of March 2022)

Creator: Roberto Blake

If you are looking for something more than graphic design tutorials, our last suggestion is perfect. Roberto Blake has created numerous Photoshop, Dreamweaver, Illustrator, and Indesign tutorials, but also gives numerous talks and shares his knowledge on video marketing and brand development.

Wrap Up

Although there are numerous YouTube channels for designers, these are our absolute favorites. Of course, that does not mean there are not more equally successful and inspiring designers on YouTube. Made by Mighty, Sketch Together and Ch-Ch-Check It are just a few more examples of great YouTube video creators if you search for a specific topic.

Featured image via Unsplash.

Source

The post 14 Best YouTube Channels for Designers in 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

15 avril 2022/par Service comm.