UIUUK.IN.UK

Since I was a bit lost when doing data for change, I focused on visualising data and design after the second crits and getting feedback.  <First Page> I forgot to put a legend on the panel when I showed them last crits, so I wrote the meaning of each colour. The most difficult in design was the first page because of layering the map. I wanted to show how many learning methods each country are using. For example, while some countries implement both Online and TV, some countries provide 4 learning methods (online, tv, radio, paper). My intention from the first page is that it is not unconditionally good even though they provide whole learning methods. Because we can find there are many countries that use 4 learning methods, but when users scroll down, they will find they all just implement online/tv/radio class even they do not have enough equipment. And users can find there is a huge gap between the rural and the urban on the last page. It means mostly they all just superficia...

1.  I got the feedback that the grey colour of the year button is a bit light so I made it darker and change the size of the text on the right side as well. I also changed the width of the red, green, blue button since I changed the text a little.  After changing the text colour on the right side, three colours did not seem vivid so I changed it to use highlight. And it only showed the changing colours when I mouse over, but I added another graph chart to see data in once for each category(red/green/blue button) shown every year after getting feedback.  I also drew the line on the top next page to be shown smoothly when scrolling down the page. 2. I changed the pie chart since there was some mistake that I misread the data in blue circle. So I designed it again in photoshop and edited it in Illustrator and saved it as SVG file and filled the colours with coding.  3. I changed the bar graph. I gathered two bars into one and enlarged the bar size. They were round shape...

[Why and how I chose the theme] When we get the list of topic, our PBL group chose "inequality" and did research. While I researched, I found the interesting news that children in the poorest countries have lost four months of schooling since the start of the pandemic. So I examined the relationship between education and inequality and focused on more school closure in education. Because school closure is one of the reasons that cause inequality during Covid19.  [Target Audience] While I had decided on my topic, I was  in   a   bit   of   a   bind . Because I did not set the target audience before the second presentation. So I needed to choose a specific target audience. Some people living or studying in high-income and middle-income countries might have no experience when they attend the class. I want to let those people know that many people even cannot afford to attend class via media, including online, tv or radio in low-income countries. Moreover,...

<  <Coding before changing the design>> I tried to change the background colours when I hover the text. Result: This is the coding I tried to give blend mode effect before realising that I can use the blend mode in CSS Result: After I knew that I can use blend mode CSS as well, I applied it and the images/texts were more clear than before .overlay { position : absolute ; bottom : 110px ; background : rgb ( 255 , 0 , 0 ); mix-blend-mode : multiply ; width : 300px ; transition : .5s ease ; opacity : 0 ; padding : 300px ; text-align : center ; } .container:hover .overlay { opacity : 1 ; } --------------------------------------------------------------------------- ----------------------------------------------- ---- << Coding After changing the topic/ design>> I had difficulty when I had done coding, especially in the third page which has hover effect a lot. In order to check precisely the division of the pag...