![]() ![]() Web-safe fonts: Fonts that are available on most operating systems like Windows and Mac (e.g. Resolution: The number of dots per inch (72dpi for the web 300 or higher dpi for print) ![]() On a responsive website, the elements should adjust to allow a functional and more pleasant viewing experience.īelow the fold: Refers to the area of a web page that the user must scroll to see (you’ll want to place your most important content above the fold to get the most visibility) Think of viewing a website on your computer, and then viewing it on your phone. Responsive design: A web design that adjusts the layout for different screen sizes. Here are a few essential web design terms everyone should have some understanding of: Web designers are notorious for using technical terms and buzz words. What are a few terms I can use to better communicate with my development team? Keep in mind, if artwork is created in RGB, it might look great on screen however it will print out a different color in CMYK!Ĥ. CMYK is used for printing and is often called ‘4 color process’ or ‘4 color printing’ while RGB is used for devices with a monitor, like a TV or a computer. CMYK stands for Cyan, Magenta, Yellow, and Key (which just means black) and RGB is red, green, and blue. These are color modes for images either on a screen or in print. What are CMYK and RGB, and what’s the difference? You may also hear vector files referred to as AI files because vector artwork is typically created in Adobe Illustrator.ģ. So, it would be like the difference between trying to stretch a piece of denim versus a piece of elastic. The reason for this is that the points join paths (think, connect the dots) whereas with pixels, there are only a finite amount. See how the left image doesn’t stretch very well? On the image below, the logo on the left is a raster image and the logo on the right is a vector image. What that means in layman’s terms is that a vector image can be blown up to a much larger size without being blurry. For example, if you have an image that is 125 px x 125 px, that means that your image is a square and is 125 pixels high and 125 pixels wide.Ī vector image is made of points instead of pixels. The number of pixels you have in each direction (height and width) determines the size of the image. It is a single square that is a part of a grouping of squares that make up your image. To help you out, we’ve put together a cheat sheet with answers to some of the top graphic design questions we’ve heard.Ī pixel is the smallest element in a digital image. To learn more about SVG, please read our SVG Tutorial.The world of graphic and web design is complicated and there is a lot of terminology out there to learn.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |