Хотите пройти тесты на Upwork на хороший результат?
Подавайте заявку и мы поможем Вам это сделать!

Do You want to pass tests on Upwork with good scores?
Leave the request and we will help You to do that!

Web Design Test 2017

Share on RedditPin on PinterestEmail this to someoneShare on TumblrShare on LinkedInShare on Google+Tweet about this on TwitterShare on FacebookShare on VK

Мы не гарантируем правильность всех предоставленных ответов.


92 Test Questions:

1. What font is the best for a web page?

Answers:

• It depends on the goal of the website
• It depends on the audience of the website
• It depends on the style of the website
• All of the above

2. Which of the following is correct for Hick’s Law?

Answers:

• The time it takes to make a decision increases as the number of alternatives increases.
• It asserts that aligned elements are perceived as a single group or chunk.
• Aesthetic considerations in design should be secondary to functional considerations.
• Physical characteristics of the design that influence its correct use.

3. ____ is a drawn line.

Answers:

• Rule
• Rhythm
• Dingbat
• Scale

4. __ text provides more alignment cues than unjustified text, and should be used in complex compositions with many elements.

Answers:

• Justified
• Center-aligned
• Right-aligned
• Left-aligned

5. __ is the tactile grain of surfaces and substances.

Answers:

• Texture
• Block print
• Painting
• Fabric

6. What is the composition of a web page refer to?
Note: There may be more than one right answer.

Answers:

• composition refers to written texts only.
• What language the web page is made of.
• How the web page is organized.
• The manner in which the web page was created.

7. Excellent design is usually accomplished
Note: There may be more than one right answer.

Answers:

• through careful research of existing or analogous solutions.
• through one or two iterations of trying and testing.
• by active brainstorming of many diverse participants.
• through ample use of prototyping.

8. Which of the following are Primary colors?
Note: There may be more than one right answer.

Answers:

• Red
• Green
• Yellow
• Blue

9. While designing a web page for a client, they mention to you a desire to add some edginess and/or subtle movement to the “feel” of the site. How might this be accomplished using only how certain lines or patterns are drawn?

Answers:

• Horizontal lines provides added texture to a design
• Vertical lines embedded in certain graphic elements will provide the subtle movement the client seeks
• Rounded boxes or curved shapes will achieve the feeling the client desires
• Lines that are 90-degree angles will introduce an edgy momentum to the design

10. What is a good texture to use for web design?

Answers:

• A complex design to catch the eye.
• One that brings out your text more.
• One that compliments your style but doesn’t distract.
• A neon bright background texture.

11. Use constraints in design:
Note: There may be more than one right answer.

Answers:

• to simplify usability
• to minimize errors
• to increase the sensitivity of controls
• to minimize unintentional inputs

12. Which of the following is NOT a classic color scheme?

Answers:

• Monochromatic
• Split Contemporary
• Tetradic
• Triadic

13. What is meant by a “font stack”?

Answers:

• Font family names that have spaces should be quoted
• This is a list of available fonts for CSS
• A font stack is a list of fonts in the CSS font-family declaration
• It allows for the combination of generic fonts into a new font style

14. Which of the following is correct for responsive grids?
Note: There may be more than one right answer.

Answers:

• For mobile devices grids usually have only one column.
• Grids can have varying width.
• Grids can have different columns.
• It helps designers to arrange elements horizontally on grid.

15. It is tendency to see people and things with __ features as more naive, helpless, and honest.

Answers:

• baby-faced
• women
• child-faced
• beautiful

16. Which of the following is/are correct for Face-ism Ratio?
Note: There may be more than one right answer.

Answers:

• Images depicting a person with a high face-ism ratio means the face takes up most of the image
• Images depicting a person with a high face-ism ratio means the body takes up most of the image
• An image without a face would have a face-ism ratio of 0.00
• An image with only a face would have a face-ism ratio of 1.00

17. How do you add images to a web page? (HTML5)

Answers:

• <Image = «Picture.png/>
• <IMG = «Picture.jpg/>
• <img src = «picture.png»/>
• <img.src picture.png/>

18. Which of the following format are better suited for icons in your web page?
Note: There may be more than one right answer.

Answers:

• JPG
• PNG
• TIFF
• SVG

19. In marketing and advertising, use ___ people when conveying expertise and authority.

Answers:

• baby-faced
• mature-faced
• good looking
• taller

20. How big can an image be when inserting it into a web page?(How big can an image be when inserting it into a web page?)

Answers:

• As big as the web page will allow
• The size of the window
• 1280×1080
• 1980×1080

21. The Joint Photographic Experts Group format is best used with which types of images?
Note: There may be more than one right answer.

Answers:

• Photographs
• Continuous two-tone images
• Animation
• Images that need to be scalable to different resolutions

22. In terms of using graphics in web design, what is interlacing?

Answers:

• Weaving together separate images into a montage
• Highlighting certain graphical elements with increased coloration
• It’s a type of filter used to create an aged look to photographs
• It is the progressive graphical display that occurs as the browser data materializes

23. When choosing an image to include in the layout or content of a website, what are the main considerations during the decision-making process?
Note: There may be more than one right answer.

Answers:

• Relevancy
• Appeal
• Interest
• Objectivity

24. What should be the ideal waist-to-hip ratio of women and men in images and renderings?

Answers:

• 0.60 for women, 0.80 for men
• 0.70 for women, 0.90 for men
• 0.80 for women, 0.90 for men
• 0.50 for women, 0.70 for men

25. As color saturation increases, the amount of _____ decreases.

Answers:

• violent
• gray
• black
• white

26. While of the following falls in Do’s list while designing for web?

Answers:

• If one face is tall and slender, choose another face that is short and thick.
• Use a script and an italic on the same page.
• Add importance to one typographic element by making it bolder, and to another on the same page by making it bigger.
• Create a type arrangement that is extremely interesting, but unreadable.

27. What is the primary difference between fixed and fluid widths?

Answers:

• Fluid widths tend to adapt better to most screen resolutions.
• Fixed widths limit user readability.
• Fluid widths allow for more planned white space.
• Fixed widths reduce user scrolling ability.

28. Beauty of texture lies in:
Note: There may be more than one right answer.

Answers:

• juxtaposition
• prickly/soft
• sticky/dry
• fuzzy/smooth

29. A Fibonacci sequence is a sequence of numbers in which each number is the sum of the two preceding numbers (e.g., 1, 1,2,3,5,8, 13). Which of the following is true for this sequence?
Note: There may be more than one right answer.

Answers:

• Patterns exhibiting the sequence are commonly found in natural forms, such as the petals of flowers.
• Patterns exhibiting the sequence are commonly found in natural forms, such as spirals of galaxies, and bones in the human hand.
• Fibonacci sequences measurements aid designers in achieving practical and harmonious designs.
• Don’t consider Fibonacci sequences when developing interesting compositions, geometric patterns, and organic motifs and contexts.

30. Which of the following colors are secondary colors that is a mixture of two primary colors?
Note: There may be more than one right answer.

Answers:

• Orange
• Purple
• Green
• White

31. The term chunk refers to a unit of information in short-term memory-a string of letters, a word, or a series of numbers. The maximum number of chunks that can be efficiently processed by short-term memory is _____, plus or minus one.

Answers:

• seven
• six
• five
• four

32. What is a «Texture» in reference to WebPages?

Answers:

• The background of a web page
• A background for a web page that displays a certain texture
• How the entire web page appears
• The template of a web page

33. How can you test to see if your webpage is responsive?

Answers:

• By clicking a link
• By switching pages
• By hitting F5
• By resizing the window

34. What is responsive web design?

Answers:

• Designing a web page to react to being resized, especially on different devices such as mobile.
• Web pages that are static.
• Web pages that respond faster.
• All of the Above

35. How are kerning, tracking and leading different?

Answers:

• Tracking refers to the spacing between individual letters
• Kerning refers to the vertical spacing between sentences
• Leading refers to adding or subtracting spaces for an entire word
• None of the above

36. ___ text blocks, provide more visually ambiguous alignment cues, and can be difficult to connect with other elements.

Answers:

• Left-aligned
• Right-Aligned
• Center-aligned
• Justified

37. The principles of contrast includes?
Note: There may be more than one right answer.

Answers:

• If two items are not exactly the same, then make them different.
• You cannot contrast large type with small type.
• You can contrast with old style font with bold san serif font.
• You can contrast a cool color with warm color

38. _____ is the invisible line on which type sits.

Answers:

• superscript
• rule
• textline
• baseline

39. Which of the following are correct for principles of repetition?

Answers:

• You repeat some aspects of the design throughout the entire web site.
• The repetitive element may be bold font, a thick rule line or a certain bullet.
• The repetitive element may be a color, design element or particular format.
• All of the above.

40. From a psychological perspective, free form shapes convey what type of message?

Answers:

• Uniformity and conformity
• Technical and mechanical
• Organic and informal
• Professional and reliable

41. How is the breakpoint determined?

Answers:

• By the requirements of the various devices where the web pages will be displayed
• By using the content requirements
• By the various ems and percentages used during the design process
• All answers are correct

42. People judge Internet sites by their first pages, the key elements of good entry point design are:
Note: There may be more than one right answer.

Answers:

• minimal barriers
• points of prospect
• progressive lures
• several pop-up windows with advertisement

43. What are the three main components of responsive design?

Answers:

• Flexible images, flexible layouts, and CSS media queries.
• Fixed images, flexible layouts, and HTML media queries.
• Flexible images, fixed layouts, and breakpoints.
• Floating images, conditional styles, and viewport layouts.

44. There are nine common font families installed by default on both Windows and Mac operating systems. Which of the following is NOT one of the font families?

Answers:

• Trebuchet MS
• Closed Sans MS
• Comic Sans
• Impact

45. The primary purpose of web design is…

Answers:

• to present an aesthetically pleasing UI/UX
• communication
• the selling of items or services
• to demonstrate a web designers skill level

46. There are two parts to a media query, what are they? (check all that apply)
Note: There may be more than one right answer.

Answers:

• Media types
• Conditional styles
• Media features
• Breakpoints

47. Which of the following are good examples of principle of consistency?
Note: There may be more than one right answer.

Answers:

• a company logo that uses a consistent font, color, and graphic.
• a traffic light that shows a yellow light before going to red.
• videocassette recorder control symbols, such as for rewind, play, forward.
• Icons having circle around them.

48. What unit of measurement is used when working with CSS?

Answers:

• millimeters
• centimeters
• inches
• pixels

49. Browser can only understand the following languages?
Note: There may be more than one right answer.

Answers:

• HTML
• CSS
• Ruby
• PHP

50. Which of the following are correct for allocation of control in design of complex system?
Note: There may be more than one right answer.

Answers:

• A system can accommodate varying needs by offering multiple ways to perform a task.
• Level of control should be related to their proficiency and experience using the system.
• Experts benefit from less structured interactions that provide more direct access to functions
• The number of methods for any given task should be limited to two——-One for beginners and one for experts.

51. ____ is the space on a page that is not occupied by any text or graphics.

Answers:

• Blank space
• White space
• Empty space
• Margin

52. Which of the following is/are correct for Exposure Effect?
Note: There may be more than one right answer.

Answers:

• The exposure effect occurs when stimuli are repeatedly presented and as a result are increasingly well liked and accepted.
• The strongest exposure effects are seen with photographs, meaningful words, names, and simple shapes.
• The strongest effect is achieved when exposures are so brief or subtle.
• The exposure effect gradually strengthens as the number of presentations increase.

53. Use ___ colors for background elements.

Answers:

• warm
• cool
• light
• bright

54. ____ is generally defined in terms of rows and columns.

Answers:

• Alignment
• Margin
• Paragraph
• Proximity

55. The measure of lightness or darkness is known as which of the following?

Answers:

• Saturation
• Color Temperature
• Chromatic Value
• Color Theory

56. __ are the parts of letters that are below the baseline.

Answers:

• x-height
• Ascenders
• Descenders
• subscript

57. You should never put two __ typefaces on the same page until you have had some typographic training.

Answers:

• serif
• san-serif
• Arial
• Franklin Gothic

58. Where can you find textures?

Answers:

• By searching online.
• By creating your own.
• By using defaults in the program you’re using.
• All of the Above

59. What is meant by a “font stack”?

Answers:

• Font family names that have spaces should be quoted.
• This is a list of available fonts for CSS.
• Choosing several fonts and placing them in a preferred order.
• It allows for the combination of generic fonts into a new font style.

60. In the world of web and print design what is the meaning of the term “comp”?

Answers:

• Comprehensive design
• Comprehensive dummy
• Comprehensive detail
• Component design

61. If An image in GIF format consists of certain words because JPG has file compression features which may render the ____ unreadable?

Answers:

• CSS
• Fonts
• Swf
• Animation

62. The monochromatic color scheme uses variations in lightness and saturation of a _____ color.

Answers:

• RGB
• Single
• CYMX
• All of the above

63. Use ___ colors for foreground elements.

Answers:

• cool
• warmer
• complementary
• bright

64. Consider __ in the design of advertising and marketing campaigns, or any other context where influence and persuasion is key.

Answers:

• cognitive dissonance
• dissonant cognition
• consonant cognition
• All of the above

65. The principle of alignment consists of

Answers:

• Nothing on the page should be placed arbitrarily.
• Every item should have a visual connection with something else on the page.
• There is an invisible line which connects physically separated items.
• All of the above

66. Which of the following values will repeat a background image vertically?

Answers:

• repeat – x
• repeat – y
• repeat – xy
• background repeat

67. Which of the following is true for textures? (choose all apply)
Note: There may be more than one right answer.

Answers:

• It adds details to an image.
• Provides an overall surface quality as well as rewarding the eye when viewed up close.
• Establish a mood, reinforce a point of view.
• Convey a sense of physical presence.

68. What HTML code is used to apply a texture to a webpage?

Answers:

• <body background=»example»/>
• Background=»Example.jpg»
• <body background=»example.jpg»></body>
• background=»example.jpg»/>

69. Which languages are involved with Web Design?

Answers:

• C++
• Python, C+
• HTML, Javascript, and CSS
• C++, C+, Python, HTML

70. Highlighting is an effective technique for bringing attention to elements of a design. Which of the following is/are correct for effective highlighting?
Note: There may be more than one right answer.

Answers:

• Highlight no more than 10 percent of the visible design; highlighting effects are diluted as the percentage increases.
• Use bold, italics, and underlining for titles, labels, captions, and short word sequences when the elements need to be subtly differentiated.
• Uppercase text in short word sequences is easily scanned
• Color is not effective highlighting technique

71. The principle of proximity states that you _____

Answers:

• group unrelated items together.
• group related items together.
• place related items at equal spacing.
• group text and images together.

72. What is the optimal count of color usage for a web page?

Answers:

• 3
• 5
• 24
• 64

73. You can get away with larger areas of a __ color, you need more of a _____ color to create a contrast.

Answers:

• cool, cool
• cool, warm
• warm, warm
• warm, cool

74. Which of the following colors are compliment of each other?
Note: There may be more than one right answer.

Answers:

• Orange/Brown
• Red/Green
• Yellow/Purple
• Blue/Orange

75. What is «color sense» referring to in terms of WebPages?

Answers:

• The color scheme of your webpage
• The effect of colors on the user
• The use of colors to influence the user
• All of the Above

76. __ is a variation of a hue produced by the addition of black color.

Answers:

• Tint
• Saturation
• Shade
• None of the above

77. Which of the following are warm colors?
Note: There may be more than one right answer.

Answers:

• Red
• Orange
• Green
• Blue

78. Why shouldn’t you use more than 3 base colors for a web page? (check all that apply)
Note: There may be more than one right answer.

Answers:

• Because it becomes chaotic.
• Because webpages can’t handle that much color.
• Because it doesn’t appeal to most users.
• Because it’s harder to manage.

79. How can you broaden your colors in a webpage without sacrificing uniformity?

Answers:

• By adding darker colors
• By adding lighter colors
• By adding shades of colors you already have.
• By using opposites on the color wheel

80. What is a good practice for using how many typeface families?

Answers:

• 1
• 2
• 4
• 5

81. How can style sheets help you in web design? (check all that apply)
Note: There may be more than one right answer.

Answers:

• By keeping record of data
• By setting fonts, styles, and layouts
• By calculating data
• By setting markup

82. What does HTML stand for?

Answers:

• Hightest Mark Language
• Hypertext Markup Language
• Hypertext Mitigating Language
• High Markup Language

83. Which of the following are good for web design in relation to principles of proximity?

Answers:

• Avoid too many separate elements on a page.
• Don’t stick things in the corners and in the middle.
• Avoid leaving equal amounts of whitespace between elements unless each group is part of subset.
• All of the above

84. Which program below helps you make a webpage?

Answers:

• Microsoft Excel
• BlueJay
• JavaScript
• Dreamweaver

85. Which is the most popular Programming language for Web Design?

Answers:

• HTML/CSS
• Java
• C++
• Python

86. What makes a web page successful? (Choose all that apply)
Note: There may be more than one right answer.

Answers:

• Its content
• Its design
• Its lack of information
• It’s lack of useful services

87. Which of the following could be part of a website layout?
Note: There may be more than one right answer.

Answers:

• Logo
• Header
• Footer
• Content

88. A responsive site __

Answers:

• responds to the size of a screen/browser and restyles to fit.
• prints correctly on printer.
• is only for mobile devices.
• automatically scales down for mobile devices.

89. As color brightness increases the amount of __ increases.

Answers:

• white
• gray
• light-gray
• opacity

90. How are the additive and subtractive color models different?

Answers:

• Subtractive color models are displayed using proportions of red, green and blue.
• Additive color models are displayed or created using cyan, magenta, yellow and black.
• Subtractive color models use the primary colors.
• Additive color models use red, green, and blue.

91. While using colors in your project which of the following statements are correct?
Note: There may be more than one right answer.

Answers:

• Use color conservatively.
• Use good number of colors to get more attention.
• Color can make designs more visually interesting and aesthetic.
• Different cultures attach different meanings to colors.

92. In Page Layout, the relative position of content blocks may change while leaving the __ within the block unaffected?

Answers:

• page
• url
• div
• None of the above

  • MD. Kamruzzaman

    fuck you… why answer . delet this blog.. i fail cause i was depend on this blog.

  • Adam Yakout

    Most of the answers are wrong,

    and lot of questions aren’t answered yet 🙁