Skip to main content

Chapter 5: Page Layout

     The page layout is how the text and images are arranged on the page. The Gutenberg Diagram shows hoe people scan a page of just text, with the top areas being the strongest, and the weakest being the bottom right of the page. 

    The F-Layout is the most used layout designed used on the internet and creates the shape of an F. The Z-Layout is not as well used, but acts as an image version of the Gutenberg Diagram. A couple of ways to establish hierarchy in a page is to use a header and/or chunky body copy to grab your attention. Using a grid system is a good way to bring order to the page and to make it easier to edit. If you don't have a lot of experience with designing a page, you can also use page templates.

    A static page will always look the same for every viewer, whereas a dynamic page will change the content over time and every viewer will have a different experience. 

Comments

Popular posts from this blog

Chapter 4: Visual Communication

      Visual communication investigates the passing of information in a visual form. Content is the tangible version of the stories and information we share with others. Form is the way that the content is designed and delivered. Applied aesthetics are informed observations and judgements made based off a set group of guidelines.     The elements of design are space, dots, lines, shapes, form, texture, pattern, and color. The principles of design are unity (proximity, alignment, similarity, and repetition), emphasis (contrast, color, depth, and proportion), perceptual forces (balance, continuation, figure-ground, and psychological closure).

Chapter 10: Photography

    Photography is capturing an image through light. Photography can be done on film or digitally. The lowest level camera is a point-and-shoot. Other types of cameras include DSLR's which are prosumer digital cameras, and video cameras. For the cameras, especially DSLR's, there are many different types of lenses including: wide-angle, telephoto, macro, fisheye, and super-telephoto. The different parts of a camera lens are the iris, shutter, and image sensor.       For a digital camera to take a picture it must be exposing the image sensor to light. The exposure triangle is made up of the three components of a camera, aperture, ISO, and shutter speed. The white balance fixes the coloring of the camera to match more to what we see everyday. Focus controls the sharpness of an object in frame. Depth of field is the area that is in focus, and can be shallow or great depending on how much you want in focus.

Chapter 6: User Interface Design

      A user interface is a system that supports HMI or a human-machine interaction. The types of user interfaces include: Graphical User Interfaces, Touch Interfaces, Voice  Interfaces, and Augmented Reality. The components and features of a user interface are: Navigation (primary navigation, secondary navigation, menus, accordions, and tabs).      There are many different ways to organize content. You can use thumbnails, carousels, pagination, and archives. The two types of tailoring are personalization and customization. Personalization uses previous actions to predict what you would want. Customization involves intentionally chosen content instead of prediction.      For an interface to be usable, it must have good learnability, efficiency, memorability, error management, and satisfaction. To know if the interface is usable, usability testing may be done. It is also important the the interface is usable and accessible to anyone with ...