Saturday, June 23, 2018

Comics of the Week #436

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

Retro look

Multitasker

 

Exploding head

Can you relate to these situations? Please share your funny stories and comments below…

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source
This content was first posted here:
Comics of the Week #436

Friday, June 22, 2018

6 Ways to Collaborate for Better Design

Your team is all spread out— your designers are working from Lisbon, your content team is in New York, and your project manager is in Argentina. How do you create a system that makes it simple to organize and plan large web projects? There is a trick to getting designers and copywriters to work together smoothly, and it’s called communication. But even simple communication will fail if you don’t have the correct processes in place. 

1. Set Up a Project Management Foundation

Before you begin collaborating, you’ll want to make sure you have an actual system set up.
“I want to move forward, but I’m not sure what’s approved.” How often have you said that to your team? Some teams have a lot of fire in them. They like to dive right into the problem to find the solution, but that could cause a lot of problems later on. Most design problems aren’t actually design problems, they’re management problems. 

Most design problems aren’t actually design problems, they’re management problems


What happens if you have the best designers in the world, but you fail to explain the client’s problem properly? What if the designs they send keep getting rejected? And what happens when the designers and writers understand the project differently? The key is to develop a solution that actually works for everyone so project managers can properly understand and explain the issue, and designers and writers can develop solutions that work for those problems.
According to Sara, a Project Manager at Entermotion: The key to smooth design/writer collaboration is in the communication process; It’s important to be able to properly speak the same “language” so that all sides of it (design, writers, project managers) know exactly what’s needed and what’s being said; I think a lot of the mistakes in the process come down to a misunderstanding of the smaller details; Those smaller details can derail a big portion of the project even if they seem minuscule at first; Having everyone on the same page from the beginning and not starting out with “I think they want it like this…” (which leaves people assuming) or with too many open holes in the details can be detrimental to the whole process.
This is the most important step to take when planning a website. You need a careful project manager to help ensure the success of a project by exploring what the creatives can handle, how project success will be measured, making sure the creatives can dream big while sticking with a nightmare-size budget, and a detailed plan for how the designers and creatives can make it happen. Each project manager will have her own tools, but there are a few trusted apps that we know can get you on track:

Once project managers have the right tools, they have to figure out the best way to implement changes.

2. Understand Project Scope Before Getting Started

Project managers should help determine all of the key project elements (and those tiny details that could derail a project):

  • Project Goals
  • Deliverables
  • Project Functions
  • Desired Features
  • Desired Deadline
  • Agreed-Upon Budget

Once the scope has been determined, project managers should figure out what they are not handling:

  • Is the client hosting their own website?
  • Is the client using a third-party company to get a logo developed?
  • Does the client have a deep connection with a marketing firm that will help them?

To do all that properly, project managers should have a checklist of information ready:

  • Who is the main decision maker for the company?
  • Does the client fully understand the scope of the project?
  • Does the project manager fully understand the scope of the project?

To make sure everyone is on the same page, project managers should share back a project chart (or detailed list of steps) so the client can confirm that the information is correct.
Once that’s settled, project managers can take it to the team!

3. Kick off Content First 

Collaborating for better design is about making sure the design and content team has a unified vision of what’s happening. Agencies and small teams handle this differently, but each leads to the same goal: getting the designers and writers on the same page to create something beautiful and avoid any pitfalls. 
Here’s how to lead a great kickoff chat:

  • Present project and deliverables needed
  • Give people time to come up with ideas
  • Set clear expectations and goals
  • Research before presenting
  • Develop a singular vision
  • Outline responsibilities for next steps

When you leave a kickoff chat, the entire team should feel empowered and ready to tackle the project clearly toward that singular vision you developed. Some companies have unique ways of handling the kickoff:
Amazon, for example, has a team member present a press release for the unfinished product. Like all press releases, it includes information about the problem, solution, and how to get started. Then, when the team goes back to designing and writing, they make sure that the product their building matches what was described in the press release.
But not every team can work like Amazon, so what happens if you’re working with a remote team? Jeff Gothelf has some ideas to keep your team’s process strong. He suggests that timing is a great way to keep remote teams excited. If everyone kicks off a project together at the beginning of it, teams will be able to understand and respond to each other’s learning and working styles.
A good project kickoff should be one where all team members uncover ideas together:

  • Understand a project’s end goals
  • Define and understand audience needs 
  • Determine main aesthetics and aesthetic goals
  • Define information architecture 
  • Develop content ideas

In a remote team, it’s super important that all key members of each project work together at the beginning to determine goals and eliminate potential hang ups.

4. Wireframe and Determine Content 

Set up a way to wireframe, prototype, and develop content as the design elements shift if you don’t have one already. As you move on from the kickoff chat, it’s important to have flexible tools that shift with the content.

Wireframe.cc

Wireframe.cc – starts at $16/month. This is a clean app that shows you the elements you need only when you need them. A context-sensitive tool bar and a limited color palette make it simple to create sketch-like wireframes in a pinch.

FluidUI

FluidUI is a prototyping tool to help you communicate information architecture to clients and receive realtime feedback on prototypes. This goes a little beyond simple wireframing because you can hop on an in-app video call to discuss each project as it’s happening.

Mockflow

Mockflow is a collaborative UI tool to help remote teams wireframe. It’s free for one project and goes up to $160/month for enterprises. Teams can brainstorm UI ideas on the go, export designs, and work with a library of wireframe templates.

when you use the right tools, your wireframe or prototype can shift with the design elements


Wireframing can be a collaborative part of the design process. Elements of the design might shift, but when you use the right tools, your wireframe or prototype can shift with the design elements. 
When you’re working on a remote team, it’s important that all members feel empowered to get feedback and collaborate properly. With the wireframe tools above, team members can get client feedback, uncover new solutions, and connect with their team.
Designers and copywriters can use wireframes to get specific feedback on projects. During a back-and-forth session, team members can ask for specific feedback:
  • How do you feel about animating the first half of this?
  • What if we turned this text into an infographic?
  • How will we be designing this?
  • Do you have ideas for hover text here?
  • Does the client want a video masthead here?

Opening up the ability to chat about an ongoing project will allow designers and writers to work collectively (and separately) toward one goal.

5. Work with a Content Management Platform That Supports Your Needs

Copywriters need a way to access older versions of copy and designers need a clean way to see what content was approved and what goes where. If your team works with smart content management platforms, they’ll be able to do everything they need in one place. 

  • Google Docs or Zoho Docs allow teams to share assets, so remote companies can all see the same progress 
  • Brainstorm in Dropbox Paper or Evernote to outline goals, responsibilities, and project needs.
  • Create a hierarchy in Jumpchart or Airstory so clients can see what content will be planned, where it will go, and what information they need to develop.

Whether you’re working with 1 designer and 1 copywriter or 16 designers and a full staff of copywriters, you’re going to need a way to do all this:

  • Control versions so each team member can work on the most updated version
  • Track changes so you can see who changed what, when
  • Follow client feedback, if any
  • Allow designers and copywriters to collaborate effectively, and work with tools that morph as the content or information shifts

6. Collaborate with Your Bosses and Clients for Full Approval

Before you submit the deliverables to your clients or bosses, decide how you’re going to present it. 

  • Create a framework so your clients and boss understand the way in which your deliverables will support the clients’ main goals
  • Create an index of topics you’ll cover during the meeting 
  • Discuss what stage your work is in and how it will be incorporated when it goes live 
  • Commit to an action plan 

Once you know how you’re going to present it, designers and copywriters should collaborate to make sure everything is in place:

  • Meta copy has been developed
  • Content is properly placed
  • Background information is prepared
  • All content is created and has been proofread

You never want to share information that is poorly presented, but you also don’t want to wait months until everything is “perfect.” Let’s face it: perfection is a beautiful idea but one that rarely helps businesses. Sometimes, it’s best to make sure everything is as right as it can be before you send it off. If you present the information properly, prepare the correct details, and share it in a beautiful package (backed up by case studies, evidence, or stats), your boss or client will have nothing left to do except approve it. 

Takeaway

Collaboration is about asking the right questions, coming to the table with an open mind, and ensuring that you have processes in place to execute a clear plan. Once you have a clear action plan, designers and copywriters will be able to collaborate for powerful projects that please the project managers as much as the clients.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source
This content was first posted here:
6 Ways to Collaborate for Better Design

Thursday, June 21, 2018

5 Tips for Cleaning Up After a Design Project

As every kid knows, making cool stuff is the fun part. You dump all of your toys on the floor, and sort through them until you find what you want, and make it all fit together to build a spaceship, or something. That’s the part everyone likes.

But then someone comes in to tell you that it’s over. It’s done. Now you have to pick up after yourself so Dad doesn’t step on a Lego piece in the dark and shout bad words at 2AM. Few people enjoy this part. But as we get older, most of us realize that cleaning up after ourselves after work or play will save us trouble down the road. Web design is no exception.

If you’re new to web design (and yes, this article is for newbies), it might feel like you’re “done” when you upload your HTML files to the server, and the client says it all looks great. And sure, you’re done for now. Take a day off, or at least take a coffee break. One day, however, either you or someone else is going to have to pick up that design and play with it again. On that day, you will want to have everything put away where it’s supposed to be…

1. Clean up Your Layers

If you do a lot of design work in any graphics app, whether it’s Sketch, Photoshop, Affinity Designer, or some random wireframing app, you want to make sure that stuff is easy to make sense of. When you’re iterating fast, it’s easy to end up with a long list of layers that have no names, or that have been hidden away because you decided a previous approach didn’t look quite right.

When you’re iterating fast, it’s easy to end up with a long list of layers that have no names

Make sure every layer is named, and that you don’t have any layers or elements you don’t need. Organize your objects into groups, layer groups, and folders. Here’s a more detailed guide to organizing PSDs, which can be adapted to just about any other graphical format.

2. Clean up Your Code

HTML, CSS, and JavaScript can also add up very quickly when you’re iterating and experimenting. Perhaps you left in some bits of HTML from an element you didn’t need in the end. Maybe you wrote styles for that element, and forgot you left them in. Random class names can definitely pile up when you’re not looking.

Give your code a once-over, to make sure you’re not leaving anything extraneous in there. If you have a lot of CSS to work through (and this can happen easily), you might try a tool like JitBit to help you find CSS you aren’t using.

3. Clean up Your Files

Grab your file manager of choice and get sorting. Maybe you downloaded a framework like Bootstrap, or a library like jQuery, before realizing you didn’t need them for this project. Maybe you made some files for experimenting in, but those experiments are over.

Frankly, file management is one of those tasks I always put off ‘til later because it’s annoying, but even so, it needs to be done. You have to delete those extra files. Putting unused files on a server is bad practice, and you do not want to be trying to guess which files were actually important in three years, when you’ve more or less forgotten how you put everything together.

4. Consider Your Storage Options

Kindergartens, schools, some mechanics, warehouse administrators, and parents who’ve had a bunch of kids and have been collecting toys for fifteen years all recognize the value of clearly-labelled storage. There‘s nothing so annoying as getting kind of lost while you search through stacks of boxes for that one thing that’s got to be in there somewhere.

Being the guy who can save your client’s website…is a good way to maintain healthy relations with said client

When it comes to storing past work, having a bunch of randomly-named folders on your hard drive won’t cut it. You need a system. At the very least, you could start by separating finished projects from current projects. Then, start looking into ways to back up your files. Whether you use a local external drive, or a third-party service, a good backup solution has the benefit of both loss prevention, and freeing up some space on your local drives if need be.

This is especially important because clients lose files all the time. Sometimes they hire someone else to change things, and they mess it up. Sometimes data is lost in server crashes. Being the guy who can save your client’s website in a pinch is a good way to maintain healthy relations with said client.

5. Documentation

Now we get into “Putting Your Stuff Away 102”. Unless your project is the simplest HTML/CSS template known to man, it can help to write down some things like:

  • The original goals for the project as defined by the client.
  • The reasons why you made the design decisions you made.
  • Which CSS hacks you used (if any).
  • Which parts of the code just seem to work as long as you don’t dare to touch them ever.
  • Which libraries and frameworks you used, and their version numbers.

It’s also a good idea to include any resources given to you by your client, such as style guides, mood boards, and any content they provided. You never know when you’ll need to go back and refer to this material, and having it all in one place will make it much easier to pick up an old project again. Here’s a how-to guide from Envato on Design Project Documentation to get you started.

Wrapping Up

This might all seem like a lot of extra work for a four-page site that you built in a relatively short time, for example. But really, this kind of organization saves a lot of time and potential headaches in the long run.

Don’t ever under-estimate your ability to forget which file contains the latest design, or exactly why that CSS style is overriding that other one. As soon as you start on the next project, all this mental organization will evaporate.

It’s a simple question, really: Would you rather sort all of this out now, or run around frantically searching for everything you need when a past client comes asking for a “quick change” that needs to happen “today, if possible”?

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source
This content was first posted here:
5 Tips for Cleaning Up After a Design Project

Tuesday, June 19, 2018

Website Pop-Ups: The Good, the Bad, and 18 Rules You Should Never Break

A website is a place where a business can educate its audience about its brand. What it does. Why it does it. What they’ll get out of being there. That, in and of itself, is a lot of information.

When designing a website for your clients, the last thing you want is to overdo it. The web is not a place for excess and its users typically don’t have the patience to sift through pages and pages stuffed full of information just to get to the relevant bits.

That’s why minimalism will endure as a design trend. It allows web designers to convey a lot about a brand and its message, without having to spell it all out on the page. It gives brands a cleaner, more buttoned-up look while also clearing a path to conversion for visitors.

But just because you design with simplicity and minimalism in mind, doesn’t mean you can’t share additional messages with visitors. You just have to find less cumbersome and intrusive ways to do so.

Years ago, the pop-up was introduced as a means to do this. It kept related and relevant information within the website without having to intrude on the well-designed page. However, Google has since cracked down on the usage of pop-ups that it deems disruptive to the user experience, which has some designers and developers confused about what they’re supposed to do now.

So, what does it mean? Is the pop-up no longer a viable way to promote special offers, share value-add content, subscribe new followers, or recover nearly-lost sales? In this article, I’m going to cover the current state of website pop-ups and give you some best practices to adhere to when using them.

The Current State of Website Pop-ups

First, let’s talk about what pop-ups look like today, how they’re used, and why you would even want to include them in your web design plan.

Types of Pop-ups

A modal is the most common type users encounter on the web.

It can literally pop open on a web page, slide into the page, or just be there right from the point of entry. While these usually can be found in the dead-center of the page, some websites now place them closer to the bottom of the page or even stick them in the corner.

An interstitial or overlay pop-up is one that covers the entire screen, usually upon entering a website.

A notification bar is one that can permanently stick to the top or bottom of a website.

5 Very Good Reasons to Use Pop-ups

You might think that with the backlash from Google on mobile pop-ups (I’m getting to that soon…) that it would be best to stay away from pop-ups altogether. However, I’ll give you 5 very good reasons why most of the websites you design should include them:

1. They’re Attention-Grabbing

No one has patience to read anymore, which is why delivering attention-grabbing micro-messages in pop-ups are so great.

2. They Draw the Eyes to What’s Most Important

Pop-ups deliver extra value to online visitors—and they know it. So, when a pop-up appears, they’re going to immediately be drawn to that offer or value-added opportunity.

3. They’re Versatile

Pop-ups no longer move visitors out of the browser window or clog up their desktop with ads they weren’t aware of. You now have so many different types to work with and they can be triggered at different points of the website experience:

  • Upon entry
  • After a certain point of scrolling
  • Triggered by an action
  • Right before exiting

4. They Keep the Site Clean

As I mentioned before, minimalism is important for making a website aesthetically pleasing. But if you have a special message you really want to get in front of visitors and don’t want to take up precious and limited real estate to do it, you can use pop-ups to deliver it.

5. They Increase Conversions

Sumo studied its users’ pop-ups and the conversion rates associated with them. What they found was that pop-ups have the potential to convert at a rate of about 3%, on average. Pop-ups that are designed really well, however, have the potential to convert 9% of visitors that encounter them.

You can also use them to increase engagement on the site. Ask them to fill out a survey, share something on social media, or to watch a video on a landing page.

But What’s the Deal with Mobile Pop-ups?

Okay, so Google doesn’t hate mobile pop-ups. It just wants web developers to be smarter about how they use them since pop-ups can be disruptive for users, in general, though definitely more so on smaller mobile screens.

As a result, Google has begun issuing penalties to mobile websites that use these three kinds of pop-ups:

In summary, stay away from:

  • Pop-ups on the first page of a mobile user’s visit
  • Pop-ups that hide the majority of the web page behind it
  • Interstitials

Got it? Now, let’s talk about what you should do when using website pop-ups.

18 Best Practices for Using Website Pop-ups

  1. Never use pop-ups for the sole purpose of having a trendy design element in place. If you waste visitors’ time with a meaningless disruption, you’ll lose their trust.
  2. Design the pop-up to look just as good as the rest of your website.

  1. Make sure they’re responsive.
  2. Keep copy short and to the point.
  3. Don’t use the passive aggressive Yes/No calls-to-action unless it’s your brand’s personality to be that way. If you’re including two CTAs, do it in a way that positively encourages them to take action on the primary one.
  4. If you’re going to collect contact information, ask only for one thing: their email address.
  5. Make sure the content of the pop-up is relevant to the page it appears on.

  1. If you can, avoid showing pop-ups on the first page. Give visitors a chance to acclimate first. For the record, though, this is one of the entry pop-up types Google does allow for (since privacy is so important):

  1. Follow Google’s rules for mobile: no interstitials, no oversized modals, and no pop-ups on the first page.
  2. Don’t feel like desktop and mobile pop-ups need to be identical. Design pop-ups for each device type.
  3. Always include an easy way to get out of the pop-up: either click outside of it or place an “X” button in the top-right.
  4. Time your pop-ups to appear at just the right moment of the on-site experience (like right before visitors are about to exit).

  1. Set frequency rules, so visitors don’t keep seeing pop-ups on every page or on every visit.
  2. Place pop-ups in the right location.
  3. If you want to intrude (and think visitors will be okay with it), put them in the center of the screen.

  1. If you want to share a special offer, use a sticky bar.

  1. If you want to give them something to think about as they move around the site, put the pop-up off to the side.

  1. Use audience segmentation and targeting to create customized pop-up messages.

Wrapping Up

If you have something really valuable to share with visitors or know you have a way to positively lure them back to your site, give website pop-ups a shot. And don’t be afraid to A/B test them the way you do other elements on your site. There’s so much here to play with, including design, copy, placement, CTA, triggers, and more.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source
This content was first posted here:
Website Pop-Ups: The Good, the Bad, and 18 Rules You Should Never Break

Monday, June 18, 2018

What’s New for Designers, June 2018

No summertime blues here. With so many new tools, the dog days of summer will be filled with playing with new elements and expanding your design portfolio.

If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to @carriecousins to be considered!

Cool Backgrounds

Cool Backgrounds is a pretty nifty tool to help you create a trendy background element with color and gradients and shapes. You can create images for blogs, social media and full website designs as well as desktop wallpapers. The options are beautiful without any changes but you can also create customizations in the still, and animated, background options. Just make what you like in-browser and download.

Record Label Logos

Record Label Logos is a great collection of visual inspiration. The project by Reagan Ray is a curated collection of some of the best record label branding and logos of all time. Some of the old-school logos are just phenomenal. Browse and feel inspired.

Beagle

Beagle is a security tool that is designed to help secure your website before hackers break in. You can test security and see all the results in an intuitive dashboard that details each security scan.

Priority Nav Scroller

Priority Nav Scroller is the tool for you if you want to prioritize website navigation and works particularly well with a large number of links or if you need additional inline controls. The simple script is easy to use and install and has a clean design.

Codacy

Codacy helps you improve code and automate code reviews. It’s designed as a productivity tool for software dev teams. Check style, security, duplication, complexity and coverage on every change while tracking code quality.

Bokeh Effect

Bokeh Effect is for everyone who loves trendy faded background bubbles or blobs. This CSS animation includes a soft effect that’s interesting without being overwhelming. Check out Louis Hoebregts project on Codepen.

Rainbow Hover Buttons

Rainbow Hover Buttons are a groovy little bit of code that creates a fun hover state for clickable elements. Check out the code from Varun Vachhar.

Critters

Critters is a Webpack plugin to inline critical CSS and lazy-load the rest. What’s different about this library is that it doesn’t use a headless browser to render content. It is fast and lightweight and is great for single-page applications.

Solna

Solna is the world’s first invoicing platform that is powered by credit score data. Designed for small business owners and freelancers, the tool helps you automate cash flow and reduce exposure to risk. The tool allows you to create custom invoices, automated reminders, upload bulk data, track invoices and see reports and it is free to use. Right now Solna is made for users in the UK, but you can sign up to be notified as the international launch expands.

Fathom Analytics

Fathom Analytics is a new alternative to website data collection without sharing or selling collected data. It tracks everything you expect – users, key actions, etc. The tool is open-source and is in the pre-launch stages, but it looks like a great start to a new kind of analytics product that you can take a look at on GitHub.

Wallpaper Generator

Wallpaper Generator is a simple tool to create different wallpaper and background patterns. Just toggle the controls in the pen by Tim Severien to create something for your project.

Goat

Goat is a tool that teams have been needing: It is a URL shortener that’s made just for private teams or groups. And it is designed so that only your team can access links, such as those in shared folder. Plus you can great link groups and integrate it with your team on Slack.

Roast

Roast is a static web host that “just works” for plain HTML (Jekyll, Hugo, etc.) and React/Angular/Vue. It includes secure HTTPS, fast AWS CDN, SEO reporting and server-side rendering with free and paid plans.

Wired Elements

Wired Elements is a kit of UI elements in a hand-drawn style. While there aren’t a lot of projects where you can likely use this, it’s pure fun. The elements are drawn with randomness so that everything looks like you just sketched it out.

Optic

Optic is an artificial intelligence pair-programming tool to help automate ordinary tasks to improve workflows. Use it to connect projects with similar code and files, ask questions from your IDE and to highlight code and get suggestions.

Lord Icon

Lord Icon is a set of 50 SVG animated icons. They might look simple, but these little gems can add a lot of spark to buttons and elements throughout your design. Customize them with color and scaling to fit your design.

12 Languages Icons

12 Languages is an icon shot that shows personas to match languages in your design. Each illustration is featured in a simple cartoon style.

Clothes & Shopping Icons

Clothes & Shopping Icons is a set of line-style vectors that could work great for online shops or ecommerce. Each icon file comes in multiple file formats for ease of use and quick customization.

Libmoji

Libmoji is a tiny library for making Bitmoji avatars. It uses the Bitmoji avatar-building API to render previews with certain characteristics and allows you to integrate this style of avatar without a Bitmoji or Snapchat account.

Winds

Winds is an open-source RSS and Podcast app. Use it to listen or play with the code to customize your own listening or reading experience. It includes machine learning that will help find content that matches your tastes. (Plus, there’s already a UI/UX stream to get started.)

Tutorial: 1 Element CSS Rainbow Gradient Infinity

CSS Tricks has a fun tutorial to create a 1 Element CSS Rainbow Gradient Infinity. The quick tutorial walks you through creating the shapes and gradient in CSS with step-by-step instructions and code snippets so you can walk through it with ease.

Tutorial: Building a Responsive Image

Still not exactly sure how to create a responsive image or logo in the most efficient manner? Nils Binder has a great tutorial (with demo content) to get you through it. From the designer: “I got the idea to build a logo file for our company, that not only reacts to the browser width but instead adapts while respecting its aspect ratio. So you can use it anywhere, and the file itself chooses which version to show depending on the size it’s given.”

Cannes

Cannes is an art-deco style typeface with neat ligatures. This display typeface includes a modern stroke style and is free for personal and commercial use.

Delicious Adventures

Delicious Adventures is a simple novelty font in a clean, almost-handwriting style. It comes with upper- and lowercase letters and numbers. The stroke widths are thick enough to hold up in a variety of display uses.

Kotori Rose

Kotori Rose is a fun geometric sans serif typeface that can work for display or slightly smaller blocks of text. It has bold letterforms and includes upper- and lowercase letters, numerals and punctuation.

Lash

Lash is a display typeface in a rough style with an extra-high x-height. It includes sharp edges in two styles with an uppercase character set, numbers and punctuation.

Megan June

Megan June is a full collection of characters in a thin style. Use it as an uppercase font for display or use lowercase as well for blocks of text. The simple strokes are highly readable.

Quiet Meows

Quiet Meows is something fun for all the cat lovers out there. The funky font replaces some characters with cats for a silly style. Use it for your feline-fab friends.

Sunset Beach

Sunset Beach is a modern script with swashes. It includes a full character set without numerals. There are also ligature options and some extended symbols.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source
This content was first posted here:
What’s New for Designers, June 2018