Borders&Bounderies [Design after feedback]

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.

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.

I changed the bar graph. I gathered two bars into one and enlarged the bar size. They were round shape at the end of the bar but I changed it angularly/straight for consistency.

이 블로그의 인기 게시물

Borders&Bounderies [Process-coding]

< <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...

자세한 내용 보기

Weeks in Review [1]

23RD SEPTEMBER 2019 I learned how drawing can be related to systems. At first, I was quite confused since I have not thought that I can do a drawing about systems without computer and machine. Because the word 'system' I thought was directly related to computer. I learned the exact meaning of system, which is a set of things working together as parts of a mechanism or an interconnecting network. We especially drew 'complex system' a lot, meaning one in which the individual elements interact to create something that is greater than the sum of its parts. First of all, we drew some straight line but it looked like chaos and disorderly. When we drew something that is constant and orderly, they looked complex system. After that, the tutor organized 5 teams and instructed teams to make the rule to draw system. Ours were to draw triangles connecting each three points but do not touch the sides of triangle and fill the colour. I learned 'emergence' from this ac...

자세한 내용 보기

Data for change [Theme&Target Audience&Research]

[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,...

자세한 내용 보기

UIUUK.IN.UK

이 블로그 검색