Layout Flashcards
Copy
All of the text that appears in a design
What is Title Casing?
When the first letter of each word is capitalized except for helper words
eg.) More News from the Blog
Which of the following is the best example of text you might add to a search form for a web site that lists recipes?
a. Search our recipes
b. Search…
c. Cookies, cakes, pies, desserts
d. Type your search terms here
c. Cookies, cakes, pies, desserts
Which of the following is the best example text to include in a form field intended to collect a user’s phone number.
a. xxx-xxx-xxx
b. Please enter your phone number
c. 503-555-7951
d. Please include your area code
c. 503-555-7951
Which of the following titles best describes an action a user needs to take for a restaurant review app?
a. Review
b. Review a Restaurant
c. Write a Review
d. Review Eats
b. Review a Resturant
Select all of the design techniques below that can be used to create an implicit relationship between text elements.
a. Font size
b. Horizontal line
c. Font weight
d. Horizontal alignment
Font weight, Font size, and horizontal line
What are the two approaches to a responsive layout?
Liquid and adaptive
What is a liquid design?
Design that will continually adjust and reflow to the user’s browser width.
Adaptive layouts respond in
fixed steps based on the size or orientation of the user’s browser or device; adaptive layouts typically provide configurations for desktop, tablet, and mobile display. The adaptive design will typically switch to using fewer or more columns in a single grid without resizing them.
In a liquid layout, the columns in a website get
wider or narrower to reflow the content.