# data[].attributes.attachment_link.description
See Klim fonts in use by the world's best designers.

# data[].attributes.attachment_caption
A paper-letter animation about the history of fonts and typography.

# data[].attributes.attachment_link.title
The History of Typography - Animated Short

# data[].attributes.attachment_link.description
The page you are looking for could not be found.

# data[].attributes.attachment_link.title
The Manufacture of Early Printed Books in Europe - Fondazione BEIC - Biblioteca Europea di Informazione e Cultura - Google Arts & Culture

# data[].attributes.attachment_link.description
The invention of the printing press changed history. With the production of the first Bible between 1453 and 1456 using movable-type printing technology, J...

# data[].attributes.body
1. Forrest Media (2013)
2. Goodwill Community Foundation Inc. (2021)
3. Google Arts & Culture (2021)

# data[].attributes.attachment_caption
Lesson: What's Your Type — Expressive Type Using Monograms

# data[].attributes.attachment_caption
Exhibition: Discover Los Angeles Inspired Typography 

# data[].attributes.attachment_link.title
Discover Los Angeles Inspired Typography - The kulturspace Foundation - Google Arts & Culture

# data[].attributes.attachment_link.description
Marta Matula* *"I love grotesque in illustration and everyday life. And, really enjoy creating collages. I hope you'll enjoy watching them too!"*

# data[].attributes.attachment_caption
Exhibition: Discover Berlin Inspired Typography

# data[].attributes.attachment_link.title
Discover Berlin Inspired Typography - The kulturspace Foundation - Google Arts & Culture

# data[].attributes.attachment_link.description
Jorge Kuriki* *Graphic designer from Brazil addicted to illustration, music and food.*

# data[].attributes.body
Living Typography, Environment, Sustainability

# data[].attributes.attachment_link.title
Deitch Projects, Banana Wall – Stefan Sagmeister

# data[].attributes.attachment_link.description
At the opening of our exhibition at Deitch Projects in New York we featured a wall of 10,000 bananas. Green bananas created a pattern against a background of yellow bananas spelling out the sentiment: Self-confidence produces fine results.

# data[].attributes.body
1. Author's work (2021)
2. Google Arts & Culture (2021)
3. Google Arts & Culture (2021)
4. Stefan Sagmeister (2008)
5. Alex Trochut (2021)

# data[].attributes.attachment_link.title
Typefaces: An Animated Infographic Guide

# data[].attributes.attachment_link.readable_text
Although you probably know the difference between serif and sans-serif fonts, typography is actually so much more interesting than that. Did you know that letters can be dissected into parts as if they were a puzzle? Like people, fonts have personalities, moods, styles-and even anatomical features!

In this article, we will look at the different parts that make up letters and their real-life counterparts, visualized in the guide below with some fun analogies.

And last but not least, we will look at how type is manipulated to better fit in a space so that it looks balanced and easy on the eye.

Next time you download a set of fonts with "extra swashes," you will know exactly what that means.
You can view the visual summary of this post below or skip ahead to read a detailed explanation of the different parts that make up letters.
Create engaging visual summaries like this in minutes with this drag-and-drop tool. Try It for Free

Type Anatomy

Leg

A portion of a letter that extends downwards, attached at one end and free at the other.

Arm

A straight or curved portion of a letter that extends upwards or outwards, attached at one end and free at the other

Ear

The small stroke that extends outwards from a lowercase g in some typeface styles.

Shoulder

The stroke that curves downwards and to the right of the lowercase h, m and n.

Spine

The spine is the main curved stroke inside the upper and lower case S.

Tail

The decorative curved descender of a capital Q, R and K. The descenders of the lower case g, j, p, q, and y are also sometimes called tails.

RELATED: 15 Fresh Font Combinations for Your Presentations and Infographics

Other Kinds of Internal Letter Parts

X-height

The x-height isn't exactly a part but rather a measurement. It measures the height of all lowercase letters that are part of the same typeface. It's called x-height because the letter x of each typeface is what determines the measurement.

Cap Height

The cap height is a measurement of all capital letters in the same typeface. The most accurate measurement is found in flat bottomed characters like the letter E.

Ascenders

An ascender is a vertical stroke that extends upwards over the x-height.

Descenders

A descender is a vertical stroke that extends downwards below the x-height.

Stem

The stem is the main vertical stroke in upright characters. When a letter has no verticals like a capital A or V, the first diagonal stroke is considered the stem.

Stroke

A stroke is the main vertical diagonal line in a letter.

Bar

A bar is a horizontal stroke in letters like A, H, e and f.

Serif

A serif is a short line at the beginning and the end of strokes. Serifs are what make a typeface a serif or a sans serif. Serifs can have different shapes: hairline, square/slab, wedge. They can all be bracketed or unbracketed, meaning that their connection to the stroke is rounded or perpendicular.

Terminal

When a letter doesn't have a serif, the end of the stroke is called a terminal.

Bowl

A bowl is a stroke that creates an enclosed curved space, as in the letters d, b, o, D and B.

Counter

The counter is the enclosed space in letters like o, b, d, and a. Counters are also created by bowls.

Link

A link is a stroke connecting the bowl and loop of a two-story lowercase g.

Swash

A swash is a fancy or decorative replacement to a terminal or serif in any capital letter used at the beginning of a sentence. Swashes are also used at the end of letters to decorate the composition. Calligraphy is full of swashes of all kinds; at the beginning, at the end and even in the middle, extending from ascenders.

Spur

A spur is a small projection that veers off the main stroke on many capital G's

How Type is Styled to Better Suit a Purpose

Bold and Italic

There are ways to style typography to more effectively get your message across. The most common typography styles are italic and bold. Regular typefaces can be turned into bold or italic in any graphic design editor. Bold styles are great for headlines and highlighting important parts of text. Using bold styles for links makes them more prominent and easy to see. Italics are used mainly for words in a different language or reference links.
RELATED: A Non-Designer's Guide to Pairing Fonts
Typeface Families

Some typefaces have more options. A typeface family can have as many as 20 styles or more. Futura, a very versatile typeface family, has 22 styles. Some of the most memorable Futura styles are light, condensed, semi-bold, extra bold, bold condensed and book italic.

Novelty Styles

Apart from the styles covered above that work for all sorts of text and designs, there are also hundreds of other styles! Novelty fonts have all sorts of different styles, from whimsical and hand drawn, to culturally inspired. These novelty fonts cannot be turned into bold or italics because they only exist in the style they were designed in.

For example, inline is a style in which there is a white line inside each letter:

Ink is a style that resembles letters written with an Asian brush and black ink:

Script (or cursive) is a style of font that resembles letters written by hand; script fonts vary from classic calligraphy to freestyle handwriting.

Novelty styles are great for designs that need a special je ne sais quois, but should still be used with caution since they can become overwhelming quite easily.

Cultural Styles

There are other fonts that are purely cultural in fashion. For example, the fonts that look like Japanese characters but aren't. The ones that look Chinese but are not Chinese characters. Other cultural styles are ones like the Disney font or the Coca-Cola font. Cultural styles are even more limited than novelty styles. They carry so many messages that using them will instantly give your design a preconceived meaning, so be mindful when using these types of fonts.

How Type is Manipulated to Fit in a Space

Sometimes letters need to be adjusted to fit in a certain space. There are three different ways in which type can be moved around in a space so that it looks better. These three measurements are called kerning, tracking and leading.

Kerning

Kerning is the space between two individual letters. It's used when you need to move only one letter because it is too far or too close to its companions. Some typefaces have a strange spacing between the capital letter and the rest of the word. Kerning helps create a better balance between letters.

When designers create wordmark logos, they usually control the kerning from letter to letter, making sure the the entire word is perfectly balanced and polished.

Tracking

Tracking is the proportional space between all the letters in a body of text. Being able to change the tracking helps fit more letters in a small space or spread out letters if they are too tight. Script fonts cannot undergo too much tracking due to how the ligatures separate and create unbalanced spaces.

Designers manipulate the tracking when they want to accomplish a look that has even edges for all the words. By spreading out the tracking or making it tighter, they can make all the text look unified and justified.

Leading

Leading is the space between baselines. This means that when we manipulate the leading, we are changing the way a paragraph looks.

Leading and x-height have a direct effect on how text will look in a paragraph. There is another measurement we should mention called the baseline which is the line on which letters sit horizontally. The bottom of the x-height of each letter sits on a baseline.

The lower the x-height compared to the cap height, the more white space there will be between lines. When letters have a higher x-height in comparison to the cap height, the leading looks more balanced and ordered.

Your Turn

Visme has recently launched a brand kit and now you can upload fonts to use in your designs. Not all fonts are the same and not all fonts work well in the body of a document. Knowing the anatomy of a typeface and its possible styles can help you understand why some fonts work and others don't.

Designer lingo might not be something you need to know in order to create infographics and presentations. In spite of that, we believe that knowing these terms will help you make better decisions when choosing a font for your graphics or even your entire brand.

# data[].attributes.attachment_link.title
Type Anatomy: A Visual Guide to the Parts of Letters

# data[].attributes.attachment_link.description
Although you probably know the difference between serif and sans-serif fonts, typography is actually so much more interesting than that. Did you know that letters can be dissected into parts as if they were a puzzle? Like people, fonts have personalities, moods, styles-and even anatomical features!

# data[].attributes.body
1. Margaux Pepper (2013)
2. Orana Velarde for Visme (2017)

# data[].attributes.attachment_caption
Leading, Tracking and Kerning to Suit Application

# data[].attributes.attachment_caption
Helvetica Neue — Fonts Within the Typeface

# data[].attributes.body
1. Klim Type Foundry (2021)
2. Jaye Hannah for Career Foundry (2021)
3. HelveticaMediuma (2021)
4. HelveticaMediuma (2021)

# data[].attributes.attachment_link.title
Beginning Graphic Design: Layout & Composition

# data[].attributes.attachment_link.readable_text
Recently I've been trying to expand my knowledge and skills working with typographic grids. On the knowledge side I sought out definitions for the different parts of a grid, specifically a modular grid.

I couldn't find much online and turned to some of the books I have instead. I assume other people have had the same trouble searching and thought it might be helpful if this information was more readily available online.

Most of the information in this post comes from Timothy Samara's book Making and Breaking the Grid.

Anatomy of a Grid

Grids act as guides for the placement of elements in a design. No matter how simple or complex, grids share some common parts, each fulfilling a specific function. Not every one of these parts needs to be present in every grid.

A little further down the page I've added an image showing these common grid parts, which you hopefully find helpful as you read through their descriptions below.

Format

The format is the area in which the design sits. In a book or magazine the format is the page. On a website the format is the browser window.

The format defines the live area of a design where type, images, and other media are present.

Margins

Margins are the negative space between the edge of the format and the outer edge of the content.

The proportions of margin help to establish the overall tension (or lack of tension) in a composition. The smaller the margin the more tension is created.

Larger margins create more whitespace and help focus attention on the positive space of the design. Larger margins also help the eye find a place to rest and can be a good area to place subordinate information.

Flowlines

Flowlines are horizontal lines that break the space into horizontal bands. They can be used to help guide the eye across the page and can be used to impose starting and stopping points for text and images to be aligned.

When elements are aligned to the top of a flowline it's called a hangline as the elements appear to hang from the line.

Type is often aligned to a series of flowlines equally spaced down the page called baselines. The base of the type sits on the line, hence the term. Aligning type to a baseline can help establish a vertical rhythm in a design.

Modules

Modules are individual units of space that are separated by regular intervals. Modules are the basic building blocks of grids. When repeated they create columns and rows.

Ideally the width of a module will be based on the measure of a line of text. The height would be based on some multiple of the type's leading or line-height.

The upper left corner of a module is considered to be the active corner and the lower right corner, the passive corner.

Spatial Zones

Spatial zones are fields of adjacent modules. Each field can be assigned a specific function within the design.

A long horizontal field might be used to place long horizontal images. A long vertical field might be used for long blocks of text. A large rectangular field might be used for video.

Design elements will often be placed inside a field or spatial zone as opposed to a single module.

Columns

Columns are vertical bands of modules. There can be any number of columns in a grid. More columns leads to more flexibility, but can also make the grid difficult to work with.

Column widths can be equal or they can vary across a grid.

Rows

Rows are the horizontal equivalent of columns. Online it's harder to plan for rows as the height of the format is often inconsistent and dynamic.

On some pages your design may call for a fixed height, though on most pages your design is allowed grow vertically with the content.

Gutters

Gutters are the spaces separating modules either vertically or horizontally. Typically we think of gutters as the space between columns, but they are also the space between rows.

The minimum width or height of gutters should be an 'em' though this should usually be larger to better separate columns from columns and rows from and rows. The height of horizontal gutters should be based on the leading or line-height of the type.

Folio

Folios are created when page numbers are placed consistently in the margin, usually above or below the composition.

Running Header or Footer

A running header is a guide at the top to indicate your position in a manuscript. You'd find information like title, chapter title, section title, author, etc located here. A running footer is then this information is placed at the bottom of the format.

Markers

Markers are placement indicators for subordinate or consistently appearing information. Markers can be used to denote the location of folios, page numbers, etc.

These last 3 are more commonly found as described in print, but there's no reason they couldn't also be used on a website.

For example blog posts aren't usually given page numbers, but they often display the publication date. When present the date is usually shown at the top of the post, but there's no reason it couldn't be included in a running header or as a substitute for the page numbers of a folio.

Summary

As more and more web designers are looking to employ grids on the sites they design it makes sense for us to learn the language of grids in order to better understand them and to better talk to each other about them.

When many people talk about grids online there's often a focus on columns and to a lesser extent baselines. There are more parts to grids though than columns and baselines.

Hopefully the diagram above along with the definitions in this post will give you a foundation for the common language of grids to help you further understand explore using grids in your own work.

Download a free sample from my book, Design Fundamentals.

# data[].attributes.attachment_link.title
Anatomy of a Modular Typographic Grid - Vanseo Design

# data[].attributes.attachment_link.description
To better understand how to work with modular typographic grids you first need to understand their basic anatomy and terminology.

# data[].attributes.body
1. Goodwill Community Foundation (2016)
2. Steven Bradley for Vanseo Design (2011)

# data[].attributes.attachment_link.readable_text
Who owns a custom typeface?

When a font is designed for a client the rights and usage of that typeface are owned outright by that company (the client). This agreement is established between the typographer and the client, normally outlining that nobody outside of that company can use their font in its perpetuity.

Wayne informed me that when he creates a font, he embeds some licensing code into the font, and therefore wherever the font ends up it always has the licence details with it. Other than that, the typographer has no further control over the font, so it can be leaked into the public domain and potentially used against the creator's wishes. This was the scenario that landed HADOPI in hot water.

Wayne designed the ABCSans font for ABC Australia and says that a handful of people have asked if the font is publicly available? The common argument being, "we pay taxes, so we should be entitled to use the ABCSans font." Valid point right?

Wayne further pointed out something that again agitates the muddy waters. He said, "My understanding is that, under Australian law, copyright remains with the creator..." It is logical when you think about it - A typographer creates a font, therefore they hold the copyright for their creation.

Wayne closes with, "I sell my clients an exclusive license to USE the fonts, but they can NOT ever OWN them".

# data[].attributes.attachment_link.title
What The Font - Part 2 - The Marketing Mix

# data[].attributes.attachment_link.description
Who owns a custom typeface? When a font is designed for a client the rights and usage of that typeface are owned outright by that company (the client). This agreement is established between the typographer and the client, normally outlining that nobody outside of that company can use their font in its perpetuity.

# data[].attributes.body
Where to buy fonts: This website shows the cost of each font within a typeface and package deals tied to usage and licensing.

# data[].attributes.attachment_link.description
The Helvetica design is a classic that has stood the test of time - and changed with technological advances in the process. First announced in 1957, Hel

# data[].attributes.attachment_link.title
VCD Unit 2 Area of study 2 Type and imagery in context

# data[].attributes.attachment_link.description
The second task in Unit 2 Year 11 VCD is to learn how type is combined with imagery to communicate ideas and information. We learn about type history, anatomy and typesetting adjustments. We also learn how to manage and combine images for communication design.

# data[].attributes.body
1. Paul Dubczuk for Marketing Mix (2018)
2. Fonts.com (2021)

# data[].attributes.attachment_caption
Adobe Creative Cloud: Photography Package

# data[].attributes.attachment_link.title
Overview | Creative Cloud Photography Plan | Adobe Australia

# data[].attributes.attachment_link.description
Get the Adobe Creative Cloud Photography plan, including Adobe Photoshop and Lightroom, to get the photo editing software and mobile apps you need to transform images into anything you can imagine.

# data[].attributes.attachment_link.title
What is the difference between RGB and CMYK?

# data[].attributes.attachment_link.readable_text
The Free & Open Source Image Editor

This is the official website of the GNU Image Manipulation Program (GIMP).

GIMP is a cross-platform image editor available for GNU/Linux, macOS, Windows and more operating systems. It is free software, you can change its source code and distribute your changes.

Whether you are a graphic designer, photographer, illustrator, or scientist, GIMP provides you with sophisticated tools to get your job done. You can further enhance your productivity with GIMP thanks to many customization options and 3rd party plugins.

High Quality Photo Manipulation

GIMP provides the tools needed for high quality image manipulation. From retouching to restoring to creative composites, the only limit is your imagination.

Original Artwork Creation

GIMP gives artists the power and flexibility to transform images into truly unique creations.

Graphic Design Elements

GIMP is used for producing icons, graphical design elements, and art for user interface components and mockups.

Programming Algorithms

GIMP is a high quality framework for scripted image manipulation, with multi-language support such as C, C++, Perl, Python, Scheme, and more!

Key Component in a Desktop Publishing Workflow

GIMP provides top-notch color management features to ensure high-fidelity color reproduction across digital and printed media. It is best used in workflows involving other free software such as Scribus and Inkscape.

Extensibility & Flexibility

GIMP provides extensibility through integration with many programming languages including Scheme, Python, Perl, and more.

The result is a high level of customization as demonstrated by the large number of scripts and plug-ins created by the community.

High Quality Photo Manipulation background image by Pat David ( cba )

# data[].attributes.attachment_link.description
GIMP - The GNU Image Manipulation Program: The Free and Open Source Image Editor

# data[].attributes.attachment_caption
Pixlr: Free Photo Editing and Graphic Design Software

# data[].attributes.attachment_link.readable_text
Screen resolution is crucial for designers, photographers and artists. When you're working on digital creations, your monitor is one of the most important tools you own since it shows you what's happening while you work as well as the final result.

The screen resolution of your monitor can have a huge impact on how your work is displayed, and on how comfortably you can work without straining your eyes, so it's important to know what screen resolution your monitor has, and what screen resolution to choose when you're upgrading your kit.

If your screen resolution is too high, icons and texts may appear too small and your hardware may be put under additional strain as the monitor struggles to hit the high resolutions. But if your screen resolution is set too low, it can result in poor image quality that takes up too much workspace and can also harm the results of your work.

In this guide, we'll explain why screen resolution is so important for designers and how it can affect your results, how to check the screen resolution of your current monitor, and how to buy the best monitor for your needs

See our guide to monitor calibration if you want to optimise your monitor's performance, and if you're thinking of upgrading your monitor, check out our guides to the best ultrawide monitor and the best 4k monitors. If you want to skip to purchasing a better computer, see our guide to the best laptops for photo editing.

In the meantime, read on to learn everything you need to know about screen resolution.

What is screen resolution?

(Image credit: Future)

What do we mean when we talk about screen resolution? The monitor that's connected to your PC - or built into your laptop - displays images using pixels, which are essentially small squares of light that change colour. Computer screens are made up of thousands of pixels. By changing the colours of those pixels in certain patterns, screens can show images, photos, text and all kinds of graphics.

The numbers that we use when we talk about screen resolution are the number of pixels a screen can show horizontally and vertically. A screen that has a resolution of 1920 x 1080 (a popular resolution often known as 1080p or Full HD), can display 1,080 pixels vertically, and 1,920 pixels horizontally.

The higher the number of pixels a screen can show, the sharper and more detailed the image quality. But, the number of pixels that a screen can show isn't the only factor involved when it comes to image quality. There's also pixel density. Monitors come in all kinds of sizes, as well as resolutions. You'll often find monitors of different sizes that have the same number of pixels, for example a 24-inch monitor and a 32-inch monitor both with a screen resolution of 1920 x 1080. The image quality on the smaller monitor can often look sharper and more vivid because of its pixel density. This is measured in PPI (Pixels Per Inch). The smaller screen will have a higher number of pixels per inch than the larger screen.

The higher the PPI, the better the image quality, so while it might be tempting to choose the largest screen possible, if you're looking for the best image quality, consider getting a smaller monitor with a higher resolution rather than a larger monitor with a lower resolution.

Native screen resolution

It's worth bearing in mind that the screen resolution that your monitor advertises isn't the only resolution it can display. The published resolution is known as the native resolution of the screen and is the resolution that looks best on the display. You can change the resolution of the screen, although you can only change it to a lower resolution than the native resolution, not higher.

For example, if you buy a 4K (also known as an Ultra High Definition) screen, with a resolution of 3840 x 2160, and you find the resolution is too high, you can set your PC, Mac or laptop to display at a lower resolution, for example 1920 x 1080.

How to check screen resolution

If you want to check the native resolution of your monitor or laptop screen, the process is pretty easy, although it differs depending on whether you use a Windows machine or a Mac or MacBook.

How to check your screen resolution (Windows)

(Image credit: Future)

01. Open the display settings

If you use Windows on your PC or laptop, you can check the screen resolution (and change it) by right-clicking on an empty space on the desktop and clicking 'Display settings'.

In the window that opens, you'll see 'Display resolution' with the current resolution listed underneath. If it says '(Recommended)' next to the resolution, that means it's the native resolution for your display and the one that will probably look the best.

02. Change the screen resolution

If you want to change the screen resolution, click the down arrow next to the resolution. This will show a list of all the other display resolutions your screen can handle. Click one, and the resolution will be applied - temporarily at least.

Because changing the resolution to something that your screen doesn't support can cause problems, Windows will show you what the resolution looks like and ask you if you want to keep it. If you do, click 'Keep changes'. Otherwise, click 'Revert' to change the resolution back to what it was before. You can also choose to do nothing, and after 15 seconds your device will revert to the previous resolution. This is useful if you accidentally choose a resolution that your display can't handle, leading to it displaying a blank screen. Simply wait 15 seconds, and the old resolution will come back.

How to check your screen resolution (Mac)

(Image credit: Future)

01. Find your screen resolution

The easiest way to find the display resolution on your Mac or MacBook is to click the Apple icon in the top left-hand corner of the screen. On the menu that appears, select 'About This Mac'. A window will pop up, and at the top you'll see 'Displays.' Click there, and you'll see the size and resolution of your screen.

02. Change the display resolution

To change the display resolution on your Mac's screen, click on 'Displays Preferences' in the bottom right-hand corner of the open window. In the new window that pops up, select 'Scaled' next to where it says 'Resolution'. Choose the resolution based on whether you want larger text or more space.

What screen resolution should I use?

So, what screen resolution should you go for? The answer to that question varies depending on the sort of work you'll be doing and what kind of machine you'll be working on.

Let's start with the kind of work. If you're a graphic artist or 3D modeller, then the minimum resolution you should opt for is 1360 x 768. However, if you can, we recommend going for 1920 x 1080. That extra resolution will give you a bigger canvas to work on, and it will improve the image quality.

For people working with complex 3D models, such as architects, animators or game developers, going above 1920 x 1080 can begin to put a real strain on your machine's GPU (Graphics Processing Unit). If you want to go for a higher resolution, make sure your hardware can handle it, otherwise you may find your PC performs very slowly when trying to render at those high resolutions.

For video editors, we recommend 1920 x 1080 as a minimum. This is because 1080p is the standard high-definition resolution for videos, so if you're working with 1080p video, you'll want a screen that can display that natively. If you work with 4K video, then go for a screen resolution of 3840 x 2160 since this will allow you to play back 4K footage natively.

For photographers, we'd recommend going for the highest resolution you can afford. Still images don't require as much graphical grunt to display on high-resolution screens, and most photographs are taken at well above 1080p resolutions. For example, a camera that takes 21-megapixel photos is actually capturing images at 5,104 x 4,092 resolution. Even a 4K monitor won't display that natively, but the higher the resolution of the screen, the better (and more accurately) your photos will appear.

The best laptop screen resolution

The resolutions we mention above apply to standard widescreen monitors with a 16:9 aspect ratio. However, some devices have different aspect ratios - and therefore different display resolutions.

For example, the 15-inch MacBook Pro has a 2,880 x 1,800 resolution screen. That makes it a lot sharper than a standard 1080p display. Meanwhile, the Surface Laptop 3 has a 15-inch display with a 3:2 aspect ratio and 2,496 x 1,664 resolution. Again, that makes it a better display than a standard 1080p screen, though not quite as sharp as the screen on the MacBook Pro.

Other excellent laptops with high screen resolutions recommended for digital creatives include the Surface Book 2 (with a 3,240 x 2,160 resolution), the Huawei MateBook X Pro (with a 3,000 x 2,080 resolution) and the beautiful Dell XPS 15, which comes with either a 2,560 x 1,080 screen, or a 3,840 x 2,160 display.

Check out our pick of the best laptops for graphic design for more great laptops with high-resolution screens.
Read more:

# data[].attributes.attachment_link.description
Screen resolution is crucial for designers, photographers and artists. When you're working on digital creations, your monitor is one of the most important tools you own since it shows you what's happening while you work as well as the final result.

# data[].attributes.body
1. HelveticaMediuma (2021)
2. Express Cards (2016)
3. Express Cards (2016)
4. Matt Hansen for Creative Bloq (2021)

# data[].attributes.body
1. Adobe Creative Cloud (2021)
2. GIMP (2021)
3. Pixlr (2021)

# data[].attributes.attachment_link.description
We are a hub for innovation, collaboration and creativity at Stanford. Our mission is to help people become everyday innovators, everywhere.

# data[].attributes.attachment_link.description
Friends of Type is a type & lettering sketchblog by Erik Marinovich, Aaron Carambula, Jason Wong, and Dennis Payongayong, and their guests.

# data[].attributes.attachment_link.title
Fonts In Use - Type at work in the real world.

# data[].attributes.attachment_link.description
A searchable archive of typographic design, indexed by typeface, format, and topic.

# data[].attributes.attachment_link.description
Incredible Types is a curated collection and showcase of outstanding typography and design from around the world.

# data[].attributes.attachment_caption
Masterclass: David Carson Teaches Graphic Design

# data[].attributes.body
13 lessons from David Carson about Graphic Design (Payment Required)

# data[].attributes.attachment_link.title
Dribbble - Discover the World's Top Designers & Creative Professionals

# data[].attributes.attachment_link.description
Find Top Designers & Creative Professionals on Dribbble. We are where designers gain inspiration, feedback, community, and jobs. Your best resource to discover and connect with designers worldwide.

# data[].attributes.body
1. Andrei Robu (Typeverything) (2021)
2. Stanford d.School (2021)
3. Friends of Type (2021)
4. Fonts in use (2021)
5. Incredible Types (2021)
6. MasterClass (2021)
7. Dribbble (2021)

# data[].attributes.body
A curated collection of free resources designed to assist both teachers and students in Visual Communication Design VCE Unit 2, Area of Study 2. Based on the key skills and knowledges required in the 2018–2023 Victorian Curriculum and Assessment Authority Visual Communication Design Study Design.