Resolution, mockup, RGB…what does it all mean?
Whether you are going the DIY route or are looking to hire someone to design and develop your website, there are a few terms that you should know.
The portion of the website that the public does not see. The back-end is only accessible by login, and is the place where you develop and make edits to your site.
A temporary storage space for a website. When users visit your website, their browser will save a file of the web pages they visit, so that next time they are on your site, the browser doesn’t have to re-read the pages and the pages load faster.
The copy and photography published on a website.
The words and messages on your website that direct people to take action
CMYK & RGB
The two systems used to mix colors. CMYK (Cyan, Magenta, Yellow, and Black) is the color system for print files, and RGB (Red, Green, Blue) is the color system for digital files. Uploading photo or graphic files in the correct color mode will help avoid color distortion. Quick tip: You can check an image’s color mode on a Mac by selecting the file and hitting Apple + I.
The address of your website. It could be a .com, .net, .org, .co, etc.
The portion of the website that the user sees and interacts with.
A 6-digit color code assigned to every shade of color. Hex codes are used in website development to guarantee exact color matches across a website.
The servers used to hold your website files. Your hosting company makes them available to computers connected to the Internet so people can navigate to your site.
Images contain little tiny squares called pixels. An image’s resolution is the amount of detail in an image: the more pixels, the more detail. We measure image resolution by how many pixels fit into an image’s width and height per inch (PPI). There is a delicate balance between photo resolution and file size. You want to make sure your images are high enough resolution, so they don’t look blurry but aren’t too large in file size, or your site will load slowly.
A scaled or full-size model of a website page. Web designers use this to show you the content’s design and layout before developing the site.
A website that will resize a layout based on the screen size the user views the site on (i.e., iPhone, iPad, laptop, desktop.) If your website developer does not offer responsive layouts, this should be a red flag.
You’re in! Go check your mailbox for a free download! Subscribe to our newsletter! Sign Me Up! Branding + marketing tips straight to your inbox. Join my newsletter for branding + design tips.