# data[].attributes.body
PROMOTIONAL POSTER

# data[].attributes.body
1. Balance

Yes, because the color balance on the webpage is good, and it's not harsh on the eyes; also, other elements such as text and symbols are properly distributed within the website.

No, not all elements on the webpage are compressed only on one side. Although the elements that are shown are distributed unevenly, it still shows balance because the elements used are not just placed on one side only.

2. Emphasis

Yes, as soon as we click the website and we direct to the homepage, we can see some key actions that are being highlighted, such as the "Start Learning" that is emphasized using a different color from the background, which easily caught our attention when we visited the website.

Yes, because it uses course titles, icons, and progress bars that stand out using bold text and visuals. However, we suggest that they should highlight some parts on the website, like the reasons why Khan Academy works, because the following are only different in size, so we suggest that they should highlight it by putting some color in the text, making it bold, or italicizing it.

Yes, some of the elements used in the web are text highlighted in colors (blue/green), varied font sizes, and strategic spacing that create emphasis on the website. Same comment with no. 2 question in emphasis.

3. Patterns, Repetitions, and Rhythm

Yes, as we observe the website of Khan Academy, we see that there are some repeated elements put in the website.

Yes, when we move the website pages from one another, the website logo is repeated on every page, and it is always located on the top left corner of the website.

Yes, because all of the pages on the Khan website have the same transition effect which created a smooth transition between pages which signifies that it has a good rhythm in it.

Yes, the same font and color used on the elements put in the Khan Academy website is consistently applied on all pages which is not confusing to look for because all the pages have the same font, font size, and even color of the text and background.

4. Alignment

Yes, the graphics and text on the Khan Academy website are visibly aligned horizontally and equal with each other, making the content easily readable.

Yes, the placement of individual or grouped images on the Khan Academy website is adjusted and distributed equally to ensure they have the same scale or size and are evenly distributed in space for a more aligned appearance.

5. Hierachy

Yes, we can see some parts that are different from other elements because they are being highlighted. Our comment is that they should make the elements more balanced to make it more eye appealing to the readers.

Yes, my only concern here is they are lacking colors and designs. But the emphasis is good, and you can notice that they emphasize the important information, but they didn't emphasize the title.

6. Contrast

Yes, the background and font color contrast effectively with each other, using light in the background and dark values in the text to ensure readability.

Yes, there is an application of contrast in font sizes on the website. However, we recommend that the application of contrast in font and font sizes within the same type can be improved to create more visual interest and hierarchy.

Yes, it shows contrast in color, but we suggest that the header and footer of the page should be contrasted also in size of the text and make it more dark than the content area to provide clear differentiation between sections.

7. Unity and Harmony

No, the elements, text, and symbols used on the page are arranged and organized accurately. However, some parts are just simple and don't complement other parts of the website.

Yes, the design of the website is visually appealing and an attention grabber because of the appropriate use of principles.

Yes, the elements used are connected to the purpose of the design, which created good harmony that is convincing to the eyes of the viewers (us).

Yes, through the elements and principles used, the viewers can clearly understand what is the goal and the message the creator tries to imply. Though the design is simple, it is somehow appealing to the eyes, which made it understand the context being shown.

# data[].attributes.headline
Lecture 2: Basic Principles of Graphics and Layout

# data[].attributes.subject
Lecture 2: Basic Principles of Graphics and Layout

# data[].attributes.headline
EMTECH-LECTURE 1: MEDIA AND INFORMATION LANGUAGES 

# data[].attributes.subject
EMTECH-LECTURE 1: MEDIA AND INFORMATION LANGUAGES 

# data[].attributes.headline
Lecture 1: Media and Information Languages 

# data[].attributes.subject
Lecture 1: Media and Information Languages 

# data[].attributes.headline
Lecture 1:  Media and Information Languages

# data[].attributes.subject
Lecture 1:  Media and Information Languages

# data[].attributes.attachment_link.title
Lecture 1 Media and Information Languages

# data[].attributes.body
1.)BALANCE

- yes, the symmetrical layout maintains facebook with elements equally provided, the newsfeed and header side bar are well organized for user friendly navigation

- No, facebook balances the contents between the left menu and central feed and right sidebar

2.) EMPHASIS

-Yes, the facebook logo has a focal point, the letter "f" inside a blue circle draws attention.

-Yes, the logo emphasizez the text using a bold and simple font the ensures the readbablity and recognition.

-Yes, the element stands out because of its white and blue color, which is strongly associated with facebook.

3. PATTERN, REPETITION, AND RHYTHM

- Yes. A well-designed website, like Facebook, uses Ïrepetition for consistency. Repeated elements could include the logo, navigation bar, color scheme, font styles, and button designs. Facebook uses these elements consistently across its pages.

- Yes. Assuming a Facebook-like design, the logo would typically appear in the header or navigation bar of every page.

- Yes. Solution Process: Facebook uses subtle and consistent transition effects for a smooth user experience. While not identical on every page, the overall style and smoothness of transitions would be maintained for consistency.

- Yes. Solution Process: Facebook employs a limited set of fonts and colors across its platform for a cohesive look and feel. While variations might exist for headings versus body text, the overall style remains consistent.

4.) ALIGNMENT

- Yes. Solution Process: Facebook prioritizes clear visual hierarchy and alignment to improve readability. Elements are typically aligned using grids or other alignment techniques.

- No. While Facebook uses images of varying sizes, the placement and distribution are generally consistent across different sections of the website. Images are strategically placed to enhance the user experience.

5.) HIERARCHY

-yes, Facebook's interface is well-organized, with its logo prominently displayed and key features like notifications, messages, and search easily accessible.

-Yes, Facebook effectively uses bold text and icons, but could improve readability by increasing contrast and font sizes in some areas.

6.) CONTRAST

-Yes, the facebook logo effectively contrasts the white "f" on top or in the blue circle background which makes it highly visible.

-No, the logo does not apply font size contrast because there is only a single letter.

-Yes, the facebook borders uses a blue header while the letter "f" is in color white that allows it to be seen

creating a contrast structure

7.) UNITY AND HARMONY

-No, the website of Facebook does not look disorganized. The website is designed clearly that guides the users through the platform's features.

-Yes, the principles of design are applied consistently throughout the site, resulting to a well designed site.

-Yes, the use of combined elements in the Facebook website is related to its harmony in the design. For example, the combination of the color blue and white on the Facebook logo that creates a consistent and cohesive brand identity.

-Yes, the website meets its purpose of providing a clear message in all pages of the web design.

# data[].attributes.headline
Lecture 1: Media and Information Languages 

# data[].attributes.subject
Lecture 1: Media and Information Languages 

# data[].attributes.headline
Lecture 2: Basic Principles Of Graphics and Layout

# data[].attributes.subject
Lecture 2: Basic Principles Of Graphics and Layout

# data[].attributes.headline
Lecture 2: Basic Principles of Graphics and Layout

# data[].attributes.subject
Lecture 2: Basic Principles of Graphics and Layout

# data[].attributes.headline
Lecture 2: Basic Principles of Graphics and Layout

# data[].attributes.subject
Lecture 2: Basic Principles of Graphics and Layout

# data[].attributes.attachment_link.title
Lecture 1 Media and Information Languages (1)

# data[].attributes.headline
Lecture 1:  Media and Information Languages

# data[].attributes.subject
Lecture 1:  Media and Information Languages

# data[].attributes.headline
Lecture 2: Principles of Graphics and Layouts

# data[].attributes.subject
Lecture 2: Principles of Graphics and Layouts

# data[].attributes.headline
Lecture 1: Media and Information Language 

# data[].attributes.subject
Lecture 1: Media and Information Language 

# data[].attributes.headline
Lecture 1: Media and Information languages

# data[].attributes.subject
Lecture 1: Media and Information languages

# data[].attributes.headline
LECTURE 2: BASIC PRINCIPLES OF GRAPHICS AND LAYOUT

# data[].attributes.subject
LECTURE 2: BASIC PRINCIPLES OF GRAPHICS AND LAYOUT

# data[].attributes.headline
LECTURE 2: BASIC PRINCIPLES OF GRAPHICS AND LAYOUT

# data[].attributes.subject
LECTURE 2: BASIC PRINCIPLES OF GRAPHICS AND LAYOUT

# data[].attributes.body
https://www.canva.com/design/DAGgDqKxDAg/T7_ukkaMMmIzzREuzwxdoQ/edit?utm_content=DAGgDqKxDAg&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

# data[].attributes.attachment_link.title
Modern Illustrative Creative Agency Z-Fold Brochure (Landscape)

# data[].attributes.headline
Lecture 1:  Media and Information Languages

# data[].attributes.subject
Lecture 1:  Media and Information Languages

# data[].attributes.attachment_link.title
Colorful Vibrant Illustrative Philippines Market Hacks Presentation

# data[].attributes.attachment_link.title
Violet Aerial View of Buildings Real Estate Tri-fold Brochure

# data[].attributes.body
https://www.tiktok.com/@tineshsth?_t=ZS-8uLhbsY0Ppg&_r=1

# data[].attributes.headline
A DAY IN MY LIFE AS A DANCER (FT. WAYVEZ DANCE CREW,NAWOF LEMUEL MAGSINO)

# data[].attributes.subject
A DAY IN MY LIFE AS A DANCER (FT. WAYVEZ DANCE CREW,NAWOF LEMUEL MAGSINO)

# data[].attributes.body
https://vt.tiktok.com/ZSMuBsRTn/

# data[].attributes.body
https://vm.tiktok.com/ZSMuvhSQm/

The summary of my video is I talk about my everyday life as a senior highschool student in Lawang Bato such as doing homeworks, PT, and Lectures. And I also discuss how am I controlling my stress.

# data[].attributes.body
https://vt.tiktok.com/ZSMm9r1kw/

# data[].attributes.headline
Karylle Feliciano | a day in my life as gas student na full na full ang schedule at ang energy 😊

# data[].attributes.subject
Karylle Feliciano | a day in my life as gas student na full na full ang schedule at ang energy 😊

# data[].attributes.headline
Lecture 1: Media and Information Language

# data[].attributes.subject
Lecture 1: Media and Information Language

# data[].attributes.attachment_link.title
Blue Gradient Modern Start Up Business Strategy Presentation

# data[].attributes.headline
LECTURE 1: MEDIA AND INFORMATION LANGUAGE

# data[].attributes.subject
LECTURE 1: MEDIA AND INFORMATION LANGUAGE

# data[].attributes.attachment_link.description
11 GAS 1 - Rajah Humabon’s School Archive

# data[].attributes.headline
EMTECH-LECTURE 2:BASIC PRINCIPLE OF GRAPHICS AND LAYOUT

# data[].attributes.subject
EMTECH-LECTURE 2:BASIC PRINCIPLE OF GRAPHICS AND LAYOUT

# data[].attributes.headline
Lecture 2: Basic Principles of Graphics and Layout

# data[].attributes.subject
Lecture 2: Basic Principles of Graphics and Layout

# data[].attributes.body
https://www.canva.com/join/bqy-ctw-xfw

# data[].attributes.attachment_link.title
Multimedia and ICT Multimedia is content that uses a combination of different content forms such as text, audio, images, animations, video and interactive content. Multimedia devices are electronic media devices used to store and experience multimedia

# data[].attributes.attachment_link.title
Copy of Copy of Blue and Green Narrative Writing Story Starters Education Presentation

# data[].attributes.attachment_link.description
Check out this Presentation designed by Jarha Lizett Bayos.