Spring 2020 WEB DESIGN

Spring 2020 WEB DESIGN

memorize.aimemorize.ai (lvl 286)
Section 1

Preview this deck

Describe a Blog post?

Front

Star 0%
Star 0%
Star 0%
Star 0%
Star 0%

0.0

0 reviews

5
0
4
0
3
0
2
0
1
0

Active users

0

All-time users

0

Favorites

0

Last updated

6 years ago

Date created

Mar 1, 2020

Cards (83)

Section 1

(50 cards)

Describe a Blog post?

Front

A blog post is the area where you write so that it can be published on the blog site

Back

Blog page

Front

A page link on the landing page of the blog, such as "about me" or "contact".pages

Back

Shade

Front

adding black to a color

Back

What is the first thing you do when you open a new photoshop file (document)

Front

SAVE AS

Back

Rough draft

Front

A quick conceptual sketch or digital design, usually used for feedback, in the design process

Back

Proximity:

Front

refers to related objects being close to each other and unrelated objects are not

Back

Where do you go and what is the sequence, on the main menu to save an animation as a GIF?

Front

File>Export>Save for Web (legacy)>GIF

Back

Color Hex code

Front

A color hex code is a way of specifying color using hexadecimal values, used for web and mobile apps

Back

Warm colors:

Front

reds, yellows and oranges, evokes the feeling of warmth, such as he sun, fire etc...

Back

File Format

Front

Different options for saving your file such as a pdf, png, jpg

Back

Alignment:

Front

Arrangement in a straight line or in relative positions.

Back

Where do you go to check the size and resolution of an image?

Front

Main menu>image>image size

Back

Mock up:

Front

prototype of the design and function of a website

Back

Website Header:

Front

The area is one of the most valuable areas of your website. It runs across the top of the page and appears on every page of your website usually housing the page titles

Back

Key commands Photoshop: Paste selection to new layer:

Front

command J

Back

Website Footer

Front

Information consistently placed at the bottom of a page

Back

URL:

Front

web address bar at the top of the browser

Back

RGB

Front

Red, Green, Blue:(red, green, and blue) refers to a system for representing the colors to be used on a computer display. Used in Web design and is the default photoshop color mode in order to have access to all the tools.

Back

Raster Program

Front

defines how photoshop works or what it is based on which includes pixels and resolution to determine quality and size of image

Back

Default resolutions for on screen

Front

72ppi

Back

Composition

Front

The way in which objects are intentionally placed or arranged to create a visually appealing artwork or design layout

Back

Tool Bar

Front

In photoshop, it usually appears by default on the left side of the screen and houses frequently used tools, such as the selection tools:

Back

Photoshop Layer styles

Front

An effect applied to the chosen layer (such as, main menu>layer>layer style>blending options>drop shadow)

Back

Where do you go to get the timeline panel?

Front

Main menu> window>timeline

Back

Hyperlink:

Front

a link from a file, image or document to another location or file, typically activated by clicking on a highlighted word or image on the screen.

Back

What is the main purpose of Adobe Photoshop

Front

It is used for editing images/photos

Back

Navigation Bar or Navigation Menu:

Front

Organization of links to other pages on the website in order of importance

Back

What is the panel you use create an animated a GIF?

Front

Timeline

Back

Hierarchy of type

Front

Used to represent the order of importance. In text this would be Header to subhead to body text

Back

Wireframe

Front

the structure of a website (similar to a blueprint of a building)

Back

Tint

Front

adding white to a color

Back

C.R.A.P.

Front

Design and layout principles that include combining Contrast, Repetition, Alignment and Proximity

Back

Monochromatic

Front

containing or using only one color. Value scale using only one color, tints and shades of that one color

Back

Emphasis

Front

Special importance, Value, or Prominence given to something. Such as bolding a word within a paragraph so it stands out

Back

Repetition:

Front

Objects that are duplicated or copied that can take up more space.

Back

Where do you go to export an animated gif you created in photoshop?

Front

EXPORT>save for web(legacy)

Back

Web formats to use when designing a website for quick upload and download

Front

png, gif, jpg

Back

Photoshop Layers

Front

Similar to sheets of stacked clear plastic. You can see through transparent areas of a layer to the layers below. Objects are set on different layers to be able to manipulate them separately from other elements in the file

Back

Where do you go to get your layers panel

Front

Menu>window>layers

Back

Why is it important to do a SAVE AS when you create a new file?

Front

To set up the native file format and where the file is housed, this limits any corruption or loss of the file

Back

Resolution

Front

the amount of pixels in a square inch

Back

Lorem Ipsum

Front

placeholder text

Back

Key command for SAVE

Front

command S

Back

Color Wheel

Front

a circle with different colored sectors used to show the relationship between colors.

Back

Photoshop Running ants

Front

the animated dotted line around a selection

Back

Value scale:

Front

A scale of different brightnesses varying from light or white to dark black.

Back

Contrast:

Front

Two opposites that emphasize each other, such as dark and light, black and white, and bold and regular.

Back

Pixel

Front

Small square of color that makes up the image

Back

Cool colors:

Front

Purples, blues, and greens; colors that are not overpowering and can make a space seem larger.

Back

Neutral colors

Front

Neutral colors such as beige, ivory, taupe, black, gray and shades of white and appear to be without color

Back

Section 2

(33 cards)

Web Designer:

Front

Focuses on UX of the website. Designs the wireframe (structure), rough drafts, design and basic navigation of the website, works with web developer to make it come to life and make the UX the best it can be.

Back

What is an e-portfolio?

Front

A collection of work in digital format with evidence and examples of growth, challenges, accomplishments and mastery

Back

What makes a WEBSITE different from a BLOG?

Front

A Website visually represents a service, product or information that contains facts and is static. It does not involve the designer's or content writer's experience, perspective and/or opinion.

Back

Banner Ad

Front

A banner ad is usually in rectangular form and is in contrast to the rest of the website so it stands out and grabs the viewer's attention. Usually has a hyperlink or button for quick action.

Back

QR code

Front

a device-readable code consisting of an variety of black and white squares, typically used for storing URLs, hyperlinks or other information for reading by the camera on a smartphone.

Back

Copyright Infringement

Front

the illegal use or production of copyright-protected material without the permission of the copyright holder.

Back

Naming Convention

Front

a written system of organizing digital files

Back

Web Developer:

Front

Focuses on the UI of the website and how the user interacts with it, works closely with web designer to make the UI an optimal part of the UX.

Back

Game mechanics

Front

The rules that the game follows, such as something the player does repeatedly, for example; collecting , flying, shooting, jumping etc...

Back

Plagiarism

Front

is defined as the taking of the original work or works of another and presenting it as your own

Back

Creative Commons

Front

Website that houses images and graphics free of copyright restrictions for a person to use online

Back

What is the purpose of slicing in photoshop?

Front

It allows you to divide your website into smaller sections to easily reconstruct it a a working web page

Back

Photoshop Workspace

Front

the screen, tools, panels (mini windows), controls and files currently open and used (essentials)

Back

What is a hexcode?

Front

A hex code is a way of specifying color using hexadecimal values, used for web and mobile apps

Back

What does CSS stand for

Front

Cascading Style Sheets

Back

Quick selection

Front

selects area where curser is moved

Back

Avatar

Front

an illustrated character that represents an online user

Back

UI: User Interface.

Front

What a user interacts with on a device or website or application. Such as, the keyboard, computer screen, mouse, website buttons, website navigation bar, forms etc...

Back

HTML=

Front

Website Structure

Back

What is the purpose of storyboard sketching?

Front

To give a detailed sequential visual account of the storyline, a pre-vision to animation, film, or interactive media

Back

CSS=

Front

Website Visual Presentation

Back

Native Ad

Front

A native ad blends in to the content and design of a website, usually has a "sponsored by" tag

Back

Magnetic lasso

Front

detects edges to make a selection

Back

What is HTML?

Front

Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages.

Back

What makes a BLOG different from a WEBSITE?

Front

A blog contains consistently updated posts and the opinion perspective of the blogger

Back

What is used to identify content in HTML

Front

Tags

Back

Portrait orientation

Front

vertical orientation of a document or file

Back

UX: User Experience

Front

May include the aesthetic appearance of the device (visual design), response time and the content that is presented to the user within the context of the user interface

Back

Landscape orientation

Front

horizontal orientation of a document or file

Back

What is a Website Builder?

Front

A website that allows you to create a website with out knowing any coding and by using a drag and drop method of design and layout.

Back

Main Menu

Front

The blue bar at the top of the screen by the apple icon, and go across,This houses the general program function drop down menus

Back

What is a Target audience?

Front

The people that will be impacted by your design (such as the client and their customers)

Back

What is the purpose of CSS?

Front

To code how HTML elements are displayed (such as, the design elements of a website-colors, fonts etc...)

Back