M3 L6: Imaging and Design for the Online Environment

• An image is a representation of the external form of a person or thing in art. It may be 2D (photograph or screen display) or 3D (statute or hologram). It can be captured by optical devices (camera, mirror, telescope) and natural objects and phenomena (human eye, water).
• Graphics on the other hands are visual images or designs in some surface (wall, canvas, screen, paper, stone) to inform, illustrate, or entertain.
• Example of Graphics

  • Computer Graphics
  • Drawing
  • Engineering Drawings
  • Graphs
  • Geometric Designs
  • Line Art
  • Maps
  • Numbers
  • Photograph
  • Symbols
  • Typography
• Layout: It is a part of graphic design that deals in the visual arrangement of visual elements in a page
• Elements of Graphics and Layout

  • Lines
  • Color
  • Shapes
• Elements of Graphics and Layout

  Lines – most fundamental and essential elements in designing. They are the building blocks that create the structure and framework for your visual content. Lines can be straight, curved, or even a combination of both, and they play a crucial role in guiding the viewer's eye
• Elements of Graphics and Layout

  Color – undeniably one of the most powerful and influential elements in aninfographic. It is derived from the presence of light, which can be either directly observed or reflected from a source. Color in graphics serves various purposes, such as conveying emotions, highlighting key information, and creating visual hierarchy. The choice of colors can significantly impact the overall effectiveness of your design
• Elements of Graphics and Layout

  Shapes – formed by the boundaries created through the interaction of multiple lines. Shapes can be basic, like circles, rectangles, and triangles, or they can be more complex and custom-designed to represent specific concepts or objects. They are essential for defining the visual components of your infographic and organizing content in a structured and visually appealing manner.
• Principles of Graphics and Layout

  • Balance
  • Emphasis
  • Movement
  • Pattern
  • Repetition
  • Proportion
  • Harmony
  • Contrast
  • Variety
• Principles of Graphics and Layout

  Balance - This refers to the visual weight of objects in a design. It encompasses considerations like the arrangement of elements, texture, colors, and how they occupy space. Achieving balance ensures that the design feels harmonious, making it visually appealing
• Principles of Graphics and Layout

  Emphasis involves strategically arranging elements in an image todraw the viewer's attention. This can be achieved by combining elements with different properties such as size, color, or contrast. Emphasis is crucial for directing the viewer's focus to specific aspects of the design
• Principles of Graphics and Layout

  Movement in design is created by visual elements that guide the viewer's eye around the composition. It uses techniques like lines, shapes, and directional cues to lead the viewer's gaze and create a dynamic visual experience
• Principles of Graphics and Layout

  Patterns are a way to build familiarity and organization within a design.They help in making the design more predictable and easier to comprehend. Patterns can be decorative or structural, depending on the design's purpose
• Principles of Graphics and Layout

  Repetition involves using consistent elements throughout a design. Itbrings cohesion and flow to the composition, ensuring that the design feels unified and not disjointed. Repetition is a key principle in maintaining a consistent visual identity
• Principles of Graphics and Layout

  Proportion is all about scaling various elements in a design to createa coherent and visually pleasing composition. It helps in establishing relationships between different elements and ensuring that nothing looks out of place
• Principles of Graphics and Layout

  Harmony involves bringing design elements closer together by utilizingfamiliar traits of these elements and emphasizing their cohesiveness. It helps in creating a sense of unity and balance in the design
• Principles of Graphics and Layout

  Contrast addresses the conflict within a design. It highlights differencesbetween elements by using variations in color, size, or other properties. Contrast is essential for drawing attention to specific elements and creating visual interest
• Principles of Graphics and Layout

  Variety is used to reap attention. It adds diversity and interest to thedesign, making it more engaging. Introducing different elements and styles can create a visually dynamic and captivating composition
• Infographics, also known as "information graphics," are visual representations of information or data. They are often used to present research findings, survey data, or to summarize lengthy blog posts or reports. Infographics can also be effective in comparing and contrasting multiple opinions or perspectives
• Principles in Making an Effective Infographic Design

  • Be Unique
  • Make it Simple
  • Be Creative and Bold
  • Less is More
  • The Importance of Getting Across
• Principles in Making an Effective Infographic Design

  Be Unique. In an infographic design, being unique means creating a visualrepresentation that stands out and captures the viewer's attention. Uniqueness can involve using distinctive graphics, color schemes, or layouts that differentiate your infographic from others and make it memorable
• Principles in Making an Effective Infographic Design

  Make it Simple. Simplicity is a key principle in effective infographic design. It emphasizes the importance of presenting complex information clearly and straightforwardly. A simple design ensures that the audience can quickly grasp the main message and data without being overwhelmed by unnecessary details
• Principles in Making an Effective Infographic Design

  Be Creative and Bold. Creativity and boldness involve thinking outside the box and using innovative design elements to convey your message. This can include using eye-catching visuals, creative typography, or daring color choices. Creativity adds visual interest, while boldness helps your infographic leave a lasting impression
• Principles in Making an Effective Infographic Design

  Less is More. The principle of "less is more" emphasizes the significance of brevity and conciseness in infographic design. It encourages designers to avoid clutter and focus on the essential information. By eliminating unnecessary elements, you ensure that your message remains clear and unambiguous
• Principles in Making an Effective Infographic Design

  The Importance of Getting Across. This principle underscores the ultimate goal of an infographic: to effectively communicate the intended message. Regardless of the design elements used, the primary objective is to convey information to the audience in a way that is engaging, informative, and memorable
• 3D Design takes basis on image that are described to be 2D or 3D. This is done using specialized software to create 3D objects and environments through Computer-Aided Design (CAD). 3D designs are used in various applications and fields.
• Applications of 3D Design

  • Game Development
  • Architecture
  • Animation
  • Product Design
  • 3D Printing
  • Healthcare and Medical Robotics
• Application of Healthcare and Medical Robotics

  • Tissue and Organ Fabrication
  • Customized Prostheses, Implants, and Anatomical Models
  • Customized Drug Delivery Systems
  • Medical Devices
• As reported by SmarTech Analysis, by 2027, the market value of medical 3D printing is set to grow at $ 6.08B (SmartTech Analysis in FutureLearn, 2019). Perhaps a field you could partake as a future health professional
• Building Blocks as Key Terms in 3D Designing

  • Vertex
  • Edge
  • Polygon
  • Face
  • Mesh
• Building Blocks as Key Terms in 3D Designing

  Vertex: A single point and the smallest component of a 3D model.
• Building Blocks as Key Terms in 3D Designing

  Edge: A straight line that connects two vertices. Edges define the shape of a 3D model
• Building Blocks as Key Terms in 3D Designing

  Polygon: Any shape that’s formed by connecting straight lines. There areseveral types of polygons (equilateral, equiangular, regular, irregular, cyclic, convex, concave) depending on the number of sides and the extent of the angles
• Building Blocks as Key Terms in 3D Designing

  Face: The most basic part of a polygon mesh. It is the space between the edges
• Building Blocks as Key Terms in 3D Designing

  Mesh: A collection of polygons that are connected along their edges. A 3D object consists of one or more 3D meshes
• Every 3D modeling program uses a 3D environment, which is made navigable using vectors and planes

  • Vector: Indicates directionality and orientation, usually along the 3 axes.
  • Plane: Two-dimensional surface oriented along one of the 3 axes
• Main Types of 3D Modelling

  • 3D Wireframe
  • 3D Solid
  • 3D Surface
  • 3D Mesh
• 3 Main Types of 3D Modeling

  • Solid Modelling
  • Surface Modelling
  • Wireframe/Mesh Modelling
• Types of 3D Modelling

  Solid Modelling – shapes are produced through this type of modelling. This will be like what we will do here in ICT 101. Considered however as the mostcomplicated
• Types of 3D Modelling

  Surface Modelling – a mathematical method of displaying or modelling 3Dobjects. It builds on contours (or surfaces) and creates hollow structures.Considered as less complicated than solid modelling but more complicated than wireframe modelling