Posts Tagged

Designers

The Best SEO Tools for Web Designers

There’s a lot of overlap between SEO tools, which is why it can be so difficult figuring out which is the best to use. To simplify things, I’ve selected the 4 SEO tools that will seamlessly integrate with your design workflow and won’t break your budget.

You already have a ton of tools in your web design toolbox which is why I’m reluctant to write this post the way I would for copywriters and SEO pros. Why? Well, because there are literally dozens of SEO tools you could add to your workflow. Unless you’re promising clients that their websites will go to #1 in search results for every keyword they want to win, there’s no reason to add that kind of complexity to your life.

That said, you can’t completely ignore SEO. No one is going to shell out money for a web hosting plan, domain name, and professional web design services and not expect results in return. But before your client’s website can start capturing leads and sales, it needs organic search traffic — which is why you’ll need some SEO tools and strategies to help you out.

Today, I’m going to introduce you to the best SEO tools for web designers.

 

Moz: The Best Premium SEO Tool

There’s a lot of really good competition out there when it comes to premium SEO tools, but Moz is the clear winner as far as web designers are concerned.

Moz - one of the best SEO Tools for web designers

One of the things that’s great about using Moz for SEO is that it comes with a free toolbox. Whether you need an introduction to search engine optimization or simply want to give a premium SEO tool to try, the toolbox will do the trick.

With free Moz tools, you can do things like:

  • Research possible keywords;
  • Analyze the rankability of your domain;
  • Review your current keywords (regular and branded);
  • See if you’ve earned any featured snippets, backlinks, and more;
  • Snoop on the competition’s website and ranking keywords.

Of course, if you make the upgrade to Moz Pro, you gain access to more powerful SEO tools, like:

  • Technical website audits;
  • Backlink analysis;
  • Missing keyword opportunities;
  • Local SEO strategies;
  • SERP rankings for desktop, mobile, and local.

And it’s all laid out in an intuitive dashboard.

A Word About the Competition

Mangools, Ahrefs, and SEMrush are all fantastic options if you’re trying to build higher-ranking websites and to scale up your SEO offering for clients. However, these are all truly premium solutions, so unless you’re prepared to use every feature these pay-to-play tools offer, it’s probably not worth it to open your wallet for them.

 

Ubersuggest: The Best Free SEO Tool

You’re probably wondering if any of the leading SEO tools are available for free. There are a few, but Neil Patel’s Ubersuggest is by far the best of the litter.

Ubersuggest

What’s really nice about this tool is that, although it’s simple enough to use, you can put it to work for you in a number of ways.

For example, you can use the site audit tool to review current clients’ websites. If you’re looking for a conversation starter, this could be your ticket in. You’ll have insights on how well or poorly their website has done in terms of SEO, get suggestions on how to improve, and even be able to see their site speed while you’re at it.

You could also use this tool for basic keyword research and recommendations, which would make it especially helpful in earlier planning stages. Or take it to the next level and assess what’s going on in your clients’ competitive markets.

 

Yoast: The Best WordPress SEO Tool

For those of you that design websites using WordPress, Yoast is a must-have SEO plugin.

Yoast Analysis Results

Although Yoast doesn’t help with keyword planning or backlink tracking, it allows web designers and writers to improve their search engine optimization page by page.

  • It allows you to assign a focus keyword, title tag, and meta description to each post or page;
  • It lets you preview your Google search snippet on desktop and mobile to make sure everything fits and a featured image is present;
  • It scores your page on how well it’s optimized around your keyword;
  • It scores your page on other SEO factors like text length, image alt attributes, internal links, and so on;
  • It scores your page on readability as well.

There’s more you can do with Yoast as a web designer. You can use it to generate sitemaps, create custom Open Graph and Twitter Card tags, and even automate how your site’s search metadata is written.

 

Google Search Console: The Best Analytics SEO Tool

You’re already using Google Analytics to review key website metrics as well as to make data-informed decisions for future design improvements. But did you know you can add Google Search Console data to your Google Analytics dashboard, too?

Google Analytics

From here, you can pull data on:

  • Landing page traffic and performance;
  • Geo-specific data;
  • Device-specific data;
  • Search queries and click-through rates.

However, Google Analytics falls short in providing its users with all of the search-specific data it tracks on the web, which is why you should add Google Search Console to your list of SEO tools.

Google Search Console Dashboard

From this dashboard, you can:

  • Submit your XML sitemaps to Google;
  • Check for mobile usability and errors;
  • Quickly scan for security or speed issues (speed is currently in beta);
  • Review page-specific impressions, rankings, and click-throughs;
  • Track internal links, backlinks, top linking websites, as well as the text they’re using to link back to you.

Even though this tool won’t necessarily help you plan your search optimization strategy, it’s a good place to go when you want to troubleshoot why your hard work isn’t paying off.

 

Other SEO Tools Web Designers Should Be Using

There’s more to SEO than just link building and keyword optimization. Google looks for other trust and authority signals, too, when determining the rank of a website. And, as a web designer, you’re in the best position to handle this side of SEO.

Here are some of the SEO tools you should be using in addition to the ones above:

  • SSL Certificate: If a website is on HTTP, that’s an automatic penalty. So, always make sure your websites have an SSL certificate installed;
  • Speedy Hosting: Site speed is a huge deal in the scheme of things — and it starts with the quality of your web hosting plan and provider. When it makes sense to do so, power up your hosting with a CDN and caching plugin;
  • Image Compression Tool: For all their worth, images can cause a lot of grief for web designers. By running each image through a compression tool like TinyJPG you can keep their size from shrinking your website’s ranking.

And, of course, make sure you’re always using high-quality design tools and adhering to mobile-first standards. When a website looks outdated, runs poorly, and isn’t properly managed, Google and your visitors are sure to take notice.

 

Featured image via Unsplash.



Source link

Exciting New Tools for Designers, October 2019

It’s already time to start thinking about all the seasonal design elements that you will use for the rest of the year. That might be icons or illustrations or fonts. We have a few new elements this month that might fit the bill, as well as learning tools and inspiration. Here’s what new for designers this month.

 

UIPrint

UIPrint is a set of sketching templates for devices that you can print out to create with a pen (because some of us love to draw mocks and ideas in meetings). The current collection includes more than 10 printable wireframes and sketchpads. Grab prints for devices you use most of download the whole set and get printing.

uiprint

 

Haptics

Haptics provides developers with a quick and easy way to see what the different haptic feedback is like on supported iPhone & Apple Watch models. Available only in the iTunes store and requires iOS 13.0+.

swatch

 

HTTP Mock

HTTP Mock allows you to intercept and view all of your HTTP (and HTTPS) mock endpoints or entire servers and rewrite, redirect, or inject errors.

swatch

 

Art of Symbols

Art of Symbols is a project published by Emotive Brand that takes a look at the root the design and meanings of common icons and symbols. The project was originally published day by day as an Instagram project, but has been compiled into a website that’s super informative and fun to look at.

swatch

 

Smoother & Sharper Shadows

Smoother & Sharper Shadows is a tutorial that will help you clean up the look of drop shadows using the box-shadow CSS property. You can get more control over the look of shadows for more polished designs.

swatch

 

Copy Monkey

CopyMonkey uses machine learning to mimic your handwriting style like a monkey. There’s not a lot of work value in this one, but it is a lot of fun to play with.

swatch

 

CTRL+Z

CTRL+Z is a fun interactive flyer that can provide a source of inspiration. Click and drag to see just how this flyer for an upcoming art installation works.

swatch

 

Shape

Shape lets you customize the style, colors and border of more than 1,000 static and animated icons and illustrations. Export to React, SVG and Lottie. The tool also includes UI templates to help you use icon collections.

swatch

 

Winning Icons

Winning Icons is a set of 50 vectors that celebrate achievement. With medals and celebratory icons in three styles, this collection is made for winning. The set is available in SVG and JPG format.

swatch

 

Sketch Devices

Devices is an updated set of modern device mockups for Sketch by the team at Facebook Design. From the design team: “Facebook supports a diverse audience around the world and an equally diverse set of devices. To emphasize that in our design mocks, we redrew a range of devices to show the global diversity of the people using our products. Each device comes with a bitmap of the device (with and without shadows) and the original Sketch file for that device.”

swatch

 

Animated Icons

Animated Icons is a collection of fun line icons with interesting animations for something a little extra in your projects. Download the JSON for Lottie, GIF, or After Effects formats. Pick and choose icons or download them all.

swatch

 

Fresh Folk

Fresh Folk is an interesting collection of illustrations of people, places, and objects to enhance design projects. You can use illustrations as mix and match characters and scene elements to create almost custom illustrations from the library.

swatch

 

Where to Put Buttons on Forms

What’s the perfect placement for a button on a form? Well, it depends on what information is in the form. This great explanation/tutorial by Adam Silver can help you think about the logic behind button placements and make your forms more user-friendly.

swatch

 

Mozilla Developer Video Shorts

The team at Mozilla Developer has launched a new video series packed with demos and tools that teach web technologies. You can find the first few videos on their website or follow the channel on YouTube for new videos when they post.

swatch

 

Fliplet

Fliplet is a “prefab” no-code app editor that helps you build all kinds of different apps without coding. It uses a library of open source components, or you can create your own. The core feature base includes everything you need to get started with an app build.

swatch

 

Quickmetrics

Quickmetrics is a dashboard-based data collection and sharing tool. Track all kinds of data including signups, response times, or almost anything.

swatch

 

Deep Work Stats

Deep Work is a productivity tool that helps you see how you’re actually spending time on the job. It scans your calendar and computer time to determine how much time you have for deep work and shallow work, how much time you spend in meetings, and how you compare to co-workers and globally.

swatch

 

Bridamount

Bridamount is a handwriting style typeface with a fun set of special characters. (And it’s free for commercial use as well.) It includes a full upper- and lowercase character set.

swatch

 

Cascadia Code

Cascadia Code is a monospaced font that’s still in development. You can modify it using glyphs and FontTools. It includes programming ligatures and is designed to enhance the modern look and feel of the Windows Terminal.

swatch

 

Dealerplate California

Dealerplate Cailfornia is a funky typeface that mimics the letterforms on license plates. This is one state in the font set that features 17 fonts.

swatch

 

Krisha

Krisha is a display font with an all caps character set and funky smooth lines for letterforms. It’s big and bold and one of those few free fonts that’s also available for commercial use.

swatch

 

Mallie

Mallie is modern, fusion font with multilingual support. It’s a very versatile font that would make for a fun brand design.

swatch

 

Santa Claus

It’s not too early to start planning Christmas designs. This comic style font, Santa Claus, could be just the right element. It makes for an interesting uppercase only display.

santa

 

Scarekrowz

Just for Halloween is Scarekrowz, a funky spooky typeface for the season. The font includes just 94 characters, but could make for a fun, seasonal display.

swatch



Source link

What’s New for Designers, September 2019

While there aren’t as many new tools out there to play with right now, the ones available are a lot of fun. From tools to help speed up workflows and manage productivity, to creative gamification and funky typefaces, these new tools for designers will make you want to stick to your desk.

Here’s what new for designers this month.

 

Quark

Quark might not be exactly what you are thinking if you have roots in print design. This Quark, in beta, is designed to help you create projects in HTML, CSS, and JavaScript with native app capabilities. The interface is made for rapid development and prototyping so you can create apps fast.

quark

 

Doka

Doka is an in-browser photo editor. You can perform all kinds of basic photos edits with this free tool, including cropping and resizing (even by aspect ratio). There are even a few simple filters. Get your photo ready to go and download it for use in projects. It’s one of the best simple photo editing tools out there.

swatch

 

Copy Palette

Copy Palette will help you create the most elegant monochromatic palettes. Pick a base color, number of variations and adjust the contrast on the way to making an SVG palette that you can use in Figma or Sketch with a simple copy and paste.

swatch

 

Summit Form

Summit Form is a drag and drop online form builder. Embed forms on your website or link through social media or email. It’s easy to use and there’s no coding if you want to build forms with ease. (This is a paid tool, but it is fairly low cost.)

swatch

 

SVG to JSX

SVG to JSX is a plugin that lets you copy SVG code as a react component for use in Figma. And it’s as simple as a right-click.

swatch

 

Tiler

Tiler combines small images to create a large image masterpiece. What’s different about this tool is mosaic squares aren’t just square. You can adjust shapes and size to suit your needs. Options include circles, lines, waves, cross stitches, legos, minecraft blocks, paper clips, letters, and more.

swatch

 

Can I Email?

Can I Email? Is one of those tools you don’t know how much you need it, until you use it. Fill in what you want to know into the “can I email” field at the top of the screen to see what elements are supported by which email clients.

swatch

 

UseAuth

UseAuth is a simple method of adding authentication to a React app. (Mostly because it takes care of everything for you.) It uses an AuthProvider component for configuration and shares states between components, including users, login forms, and redirects.

swatch

 

Fragments iOS Wireframe Kit

Fragments is an iOS wireframe kit for Sketch that you can use for mobile app development. It includes 370 layouts in 10 categories based on nested symbols and layer styles. Test it out with the free version – 25 ready-made screens – before committing to the full kit.

fragments

 

SVG Artista

SVG Artista simplifies the process of making an SVG animation. It was born out of the animation for animista.net. It animates the stroke and fill properties of SVG images with plain CSS and works best with paths, lines, circles, and polygon elements. This isn’t a full animation tool, but does work for quick elements.

swatch

 

The Most Dangerous Writing App

The Most Dangerous Writing App is a game that deletes your content if you get out of the flow, literally. Stop writing for more than 5 seconds and you lose all your progress. It sounds scary but is an interesting creative tool.

writing

 

Abstract Illustrations

Abstract Illustrations is a collection of one-line vectors that you can use in projects. It’s a trending style that you can find in a lot of projects right now.

abstract

 

Day/Night Ambient Animation

Have you ever wanted to change your page content or aesthetic based on light level? Using the Ambient Light API, Many Moore shows you how. It works using the #enable-generic-sensor-extra-classes flag in chrome://flags.

light

 

Chart.xkcd

Chart.xkcd is a tool that lets you create hand-drawn style charts. All you need to use it is the script included in your website with a SVG node to render the chart. This tool makes your charts quirky and anything but boring.

swatch

 

Friend NDA Generator

Friend NDA Generator or frieNDA is a silly little tool that creates a non-disclosure agreement between friends so you can really share secrets. Sadly, this might be a necessary tool in the digital age.

nda

 

Flying Pages

Flying Pages is a WordPress plugin that helps preload pages before a user clicks so they will seem to load faster and more instantly. It uses a tiny bit of JavaScript and preloads when the browser becomes idle. Plus, it’s designed not to crash due to too many preloads.

swatch

 

Terms and Conditions Generator

Terms and Conditions Generator can help you create a professional document with clauses and legalize for your website or app. Use it to help protect your interests and content. The tool is scalable for everything from simple blogs to e-commerce and works in 100-plus countries.

swatch

 

Camar

Camar is an art-deco style vintage typeface for display use. The font includes all uppercase characters, numbers, and punctuation with a funky feel.

swatch

 

Florista

Florista is an elegant script with clean lines and interesting optional tails. It includes upper- and lowercase letters.

swatch

 

Fox Cavalier

Fox Cavalier is a futuristic slab serif that can make for interesting display use. It contains only uppercase letterforms.

swatch

 

Leon Sans

Leon Sans is a cool geometric sans serif that’s entirely made from code. You can change weight dynamically or create custom font animations or effects in the Canva element of HTML 5. It’s a pretty cool example of creative coding.

leon

 

Sporter

Sporter evokes feelings of the fall (American) football season with cool block letters that resemble what you’d see on a jersey. It includes all uppercase letters.

swatch



Source link

5 Human Things UX Designers Can Learn From Conversational Design

 

It seems like magic: you talk to the phone, and it talks back. And if you’re lucky, it says something useful. You type into the chat box, and if the bot is good, you find out what you need to know. [Cue: shocked-looking stock photo models.] The current marketing term for it is “conversational design”, and it’s gaining more and more traction beyond big companies like Apple, Google, and Amazon.

Conversational design is actually old, in technological terms. IBM did a lot of the groundwork for voice-activated tech as far back as the ’60s. One of the first big chatbots, Jabberwacky, was conceived in 1981 and launched in 1997, and later evolved into Cleverbot.

Chatbots and their voice-activated cousins were initially little more than proofs of concept

Chatbots and their voice-activated cousins were initially little more than proofs of concept. There was even a bot or two where you could talk to “God”. Then came Apple, with Siri. Siri was probably the first commercially viable conversational interface. At least, it was the first massively successful UI of its kind.

Since then, the concept has taken off, and now everyone who wants to provide customer service without actually talking to their customers, is in on it…with conversational UIs of varying quality. See, good conversational design is just good design. You have to follow pretty much the same basic principles to get your message across. However, building a good conversational UI requires us to focus on design principles that might not otherwise get a lot of love in your average visual UI.

In the spirit of looking beyond our immediate area of expertise, and learning from other design disciplines, let’s see what the best conversational designers can teach the rest of us:

1. Anticipation

Anticipating the needs of our users is central to all design projects, no matter what kind of design you’re talking about. Conversational design, however, takes this to another level. Dealing with the needs of people who are talking to their device like it’s a person requires anticipating all the questions they might have, and indeed, all the ways they might ask those questions.

The best conversational UIs are based on very thorough research, massive data sets, years of testing, and a fair amount of guesswork to try and predict what people are going to need. Doing an A/B test doesn’t sound so bad now, does it?

2. Interpretation

Real conversations often go something like, “Hey, you know that guy, the pretty one, from the show yesterday?”

“We were watching stuff on the CW. They’re all annoyingly pretty.”

“The one with the hair? The dark hair? Skinny… goes fast?”

“You mean The Flash. Goddammit Brian, his superhero name is two short words. You can and should remember this.”

Human beings are highly inefficient at communicating what they mean, which is why there are literal college courses on various forms of communication. Half the effort of a conversation is often spent trying to figure out another person’s frame of reference, to then figure out what they mean.

Conversational UIs, therefore, cannot rely on specific, limited input from their users, like visual UIs can. They have to take a chunk of speech or text, scan it for meaning, scan it for relevant information, and then see if there’s anything at all they can do with it. And they’re typically not allowed to swear at us.

Beyond anticipating a user’s needs, all designers need to get better at determining their intent, when they click on a button five times to see if it’ll do something different, browse through the navigation menu seemingly at random, or any other weird stuff you see in your analytics.

3. Flexibility

For a quick example, let’s look at what happens when a conversational UI is not nearly flexible enough.

flexibility

4. There Are Two Sides to Every Button Click

Regular UI design often comes down to laying out a path, a journey, and hoping users will hit all the right buttons to follow it. Conversational design recognizes the fact that every time someone uses your UI (of any kind), there’s a a two-way conversation happening. You said your piece already, when you designed the interface, and now it’s the user’s turn.

With a live conversation, we can adapt to someone’s input in real time, and the conversation will change to reflect that. The better conversational UIs can do this as well.

Imagine a world where your website can adapt to the user’s input on the fly, making it easier for them to find things they want. It already exists to some extent, with algorithms, big data, curated timelines (ugh), and recommended products (meh), and even some innovative apps that do their best to offer help when a user seems lost (thanks!), but this is a concept we’ve barely begun to explore. And it’s exciting.

adapt

5. Just Use Semantic HTML Already

We already know we need proper, semantic HTML for better SEO. And we need it for people who can’t rely on their eyes to browse the Internet. But if that’s not enough for you, consider poor Siri, Alexa, and their long-suffering siblings. The artificial assistants we talk to sometimes have to read through your markup—that’s right, your markup—to figure out where and what in the seven hells your phone number is, for example.

Listen, I’m not saying that improperly formatted data is what’s going to set off the AI rebellion, but I’m pretty sure that people who write bad HTML will be pretty high on “The List”.

semantic

Featured image via DepositPhotos.

Source link

The Best Vector Software for Mac Designers on a Budget

Adobe Illustrator is often considered the gold standard of vector software for Mac. However, you can use alternatives to create crisp artwork and beautiful diagrams. Illustrator alternatives exist, and they give you some compelling options when you’re short on cash.

If you’re looking for a Mac vector editor to use in your next project you should try one of these free vector editors or cheap Adobe Illustrator alternatives first. This is the best vector software for macOS that you can use for free or buy on a budget.

What Are Vector Graphics?

For those who are still new to the concept, Vector graphics use mathematical equations along a 2D axis to draw lines and shapes inside a fixed space. This differs from raster images, which are pixel-based. When you scale a raster image past its max resolution, it “stretches” and becomes blurry. With vector graphics, you can scale up and down infinitely.

This flexibility means that vector graphics are incredibly useful for design purposes. They are great for creating icons, logos, diagrams, charts, posters, magazines, and other scalable artwork.

Inkscape is probably the most versatile free vector editor for Mac. With a long history of development and a keen fanbase, Inkscape works on all three major operating systems and costs nothing.

Inkscape uses an open-source development model (like these other free open-source mac apps


15 Free Open-Source Mac Apps You Must Install




15 Free Open-Source Mac Apps You Must Install

Want to use some open source software on your Mac? These macOS apps are open-source, awesome, and best of all… free!
Read More

), and as a result its technological progress is often slower than that of its commercial rivals. Inkscape prides itself on its full compatibility with the W3C open standard SVG, and strives to make itself one of the most user-friendly SVG editors for Mac on the market.

Despite this user accessibility, newcomers may feel a little out of their depth when trying it out. To help, there’s extensive documentation and answers to your questions within the Inkscape forums.

Note: Mac users may need to download XQuartz in order to run Inkscape. So if you’re not a fan of additional downloads, this might be a hassle.

Verdict: Inkscape is the best open-source vector graphics software for Mac, and the closest you’ll come to Adobe Illustrator if your budget is zero.

Download: Inkscape (Free)

Vectr is a free vector editor built on web technology. You can download Vectr for Windows, Linux, or Chrome OS, or run the browser version through macOS.

The app comes with a promise of being “free forever,” and its tools are mostly focused on creative vector drawings, such as logos, brochures, and posters.

Best of all? Vectr includes a comprehensive user guide and tutorials, so you can learn how to use it effectively in very little time.

Verdict: A free, web-based tool with excellent customer support via online tutorials.

Download: Vectr (Free)

Best Vector Software for Mac Free LibreOffice Draw

LibreOffice is a popular open-source alternative to Microsoft Office, and it comes with its own vector drawing program called “Draw”. Unfortunately LibreOffice Draw isn’t as feature-rich as some of the other programs on this list, but it does have a few accessories.

The free vector editor seems to be aimed at users who want to create flowcharts or diagrams. It also has the ability to create technical drawings and brochures. LibreOffice Draw is also a great Mac vector editor for those looking to create network diagrams—all without a high degree of artistic skill.

Note: If you’re looking to create artwork, then Inkscape might be a better choice.

Verdict: Lacks the polish of some other programs. If you were previously using LibreOffice, you might already have it installed.

Download: LibreOffice (Free)

Best Vector Software for Mac Free DrawBerry

DrawBerry won’t “wow” you with its features or extensive help documentation, but it still works on the latest version of macOS, so it may be worth a shot.

This free vector editor for Mac is very lightweight, and although it lacks the features of more advanced programs, its simplicity is key to its appeal. While seasoned graphic designers will be pining for more advanced features, if you need a logo for your low-to-no-budget project, you can do a lot worse than DrawBerry.

Verdict: Despite being ancient and lacking in features, it still works. It’s also still free, and it might do the job if you don’t need a hefty vector editor.

Download: DrawBerry (Free)

Best Vector Software for Mac Cheap Boxy SVG

Boxy is a type of vector graphics software for Mac with similar functionality to Inkscape. It has its own Mac app available through the App Store, and can import and support SVG file extensions. It can also support PNG, JPEG, and GIF.

When you’re using Boxy, transform tools, grouping tools, and painting tools are all supported with preset shapes, along with support for gradients and patterns.

Verdict: Boxy is a nice entry to the vector graphics category built on web technology. It’s lightweight and begging to be played with.

Download: Boxy SVG ($9.99)

Best Vector Software for Mac Free Autodesk Graphic

Previously known as iDraw, Autodesk Graphic is a great lightweight vector editor for Mac. It’s more expensive than it used to be, but it still maintains a robust feature set with full support for SVG, PDF, and AI (Illustrator) formats. It also has layered PSD imports and exports for photoshop users.

Featuring a good range of tools for drawing and sketching, Autodesk Graphic makes for a great choice for a SVG editor when you’re a designer on a budget. You can also download Autodesk Graphic for iPad, which uses iCloud to sync. This way you can access your designs on the go.

Verdict: A proper vector editor above all else.

Download: Autodesk Graphic ($29.99)

Best Vector Software for Mac Cheap Pixelmator

Pixelmator is one of our favorite vector editor alternatives on this list. The app provides limited support for vector drawing with shape and lines.

Pixelmator has a range of in-built shapes and tools for mapping out vectors, though professional users who are used to the advanced features in Illustrator will probably be left wanting more.

Verdict: A great app that can perform many common tasks.

Download: Pixelmator ($39.99)

After the glowing reception it received for the raster editor “Affinity Photo”, Serif Labs introduced Affinity Design to take on the vector editor market. It specifically targets Adobe Illustrator’s subscription model by offering the program for a one-time fee instead of a monthly cost.

Affinity claims to have the best PSD import engine around. While we’re not sure Adobe would agree with this, Affinity does support PSD, PDF, SVG, AI, Freehand and EPS file formats.

There’s 16-bit per channel editing, support for slices, realtime masks, adjustment layers, and graphics tablet support.

All of this comes alongside the usual features that you would expect from such a program—a great pen tool, curve editing, smart shapes, flexible text, and several workspace templates designed for web and print. You can also use raster-style effects for the best of both worlds.

Verdict: A serious vector editor alternative to Illustrator, with no subscription fees.

Download: Affinity Designer ($49.99)

Best Vector Software for Mac Cheap Sketch

The most expensive of the SVG editors for Mac on this list, Sketch bills itself as a professional vector program for designers.

Built for ease of use, Sketch aims to produce high quality vector drawings. There’s even a Sketch Mirror companion app that allows you to preview your designs live on your device as you work.

As you’d expect from a professional app, Sketch has all the bases covered: an advanced UI, excellent text rendering and a slew of grids and guides to help you design to your heart’s content. You can learn the ins and outs of the program with the Sketch support pages.

You can also get a helping hand with your project by downloading community resources, ranging from iOS development kits to icon templates.

Sketch offers a 15-day free trial, so you can try this vector editor out beforehand. The only downside? You’ll need to renew your license on a yearly basis.

While this yearly renewal is still less expensive than Adobe’s subscription model, it can definitely get pricey if you’re on a budget.

Verdict: Sketch is up there with the best of the best when it comes to vector software for Mac. Unfortunately it also has a price tag to match.

Download: Sketch ($99)

Vector Software That Didn’t Make the Cut

If you’re thinking “there must be more out there!” then you’d be right. There are a lot of apps that didn’t make the cut, and here’s a few so you can dismiss them entirely:

  • Xara Xtreme: A free, open-source version of the premium Windows project, the mac version of Xara Xtreme was previously in development. Unfortunately it doesn’t look like the project has had an update since 2008.
  • Skencil: A free vector drawing program for Linux that will run on macOS. Unfortunately there have been no updates since 2010.
  • Karbon: A great free package that’s open-source, but it requires the whole Calligra Suite to be installed to use it. We guess it’s worth a try if you’re unsatisfied with Inkscape or Boxy SVG.

What’s Your Favourite Vector Software for Mac?

Did we miss any great vector packages for macOS? If so, let us know about your favorite vector software in the comments below. And then take a look at why it’s important to know how to change the DPI of an image


3 Ways to Change the DPI of an Image




3 Ways to Change the DPI of an Image

In this article, we explain everything you need to know about DPI and how to change the DPI of an image in different ways.
Read More

, especially if you’re a designer.



Source link