PowerPoint Slide 1

 

PowerPoint Slide 2

 

PowerPoint Slide 4

 

PowerPoint Slide 5

 

PowerPoint Slide 6

 

PowerPoint Slide 7

 

PowerPoint Slide 8

 

PowerPoint Slide 9

 

PowerPoint Slide 10

 

PowerPoint Slide 11

 

PowerPoint Slide 12

 

PowerPoint Slide 13

 

PowerPoint Slide 14

 

PowerPoint Slide 15

 

PowerPoint Slide 16

 

PowerPoint Slide 17

 

PowerPoint Slide 18

 

PowerPoint Slide 19

 

PowerPoint Slide 20
One thing to notice about this image is how the deep blue circles are what the author really wants you to notice. The grouping definitely plays a role in the effect of the image but I feel the contrast between the colors almost does a better job at getting my attention. When you use the correct color pallet and grouping techniques it can be quite easy to grab someones attention.
PowerPoint Slide 21

 

PowerPoint Slide 22

The Gestalt psychologist Kurt Koffka said "The whole is other than the sum of the parts." Our mind sees the whole before it breaks it down into smaller parts. Something to keep in mind when designing a website.

PowerPoint Slide 23

 

PowerPoint Slide 24

 

PowerPoint Slide 25

There is some history on Gestalt Psychology here.

One interesting example on symmetry in that webpage is [     ][     ][     ], which is more obvious than the one on the top of the slide to me. In that page it explains "Despite the pressure of proximity to group the brackets nearest each other together, symmetry overwhelms our perception and makes us see them as pairs of symmetrical brackets." Go to the page if you want to know more.

Web design considerations for mobile devices are a little bit different from tradicional web design. There are mostly three things to keep in mind in order to avoid having a poor mobile version of the website:
1- Prioritize website content: with smaller screens, there is no room for needless text, nonessential links or superfluous images, Furthermore, that would just make the website look bloated.
2- Network speeds and data plans: mobile devices' usually have access to slower network speeds and limited data plans. It is essential to limit the number of files sent to the device.
3- Links and image placement: Mobile interfaces are only effective if the user can easily select targets without accidentally tapping other targets.
It is thus crucial that the mobile experience is both functional and natural to the user.