Kim Min Ah (0356145)

29/05/2023 - //2023 / Week 9 - Week 14 Kim Min Ah / 0356145 Interactive Design  / Creative Media / Taylor's Design School PROJECT Final Project: 5 Page Website NOTES Week 11 -Don’t place the header on the right -Few lines can be in the centre -Three columns maximum -“Min”-width: Fixed value -Hamburger menu -Bootstrap(considered as a framework) https://getbootstrap.com/ -Any app has to be installed: native app -.container-fluid:100% M-5 : margin 5 INSTRUCTIONS Fig 1.1.1  Interactive Design Module Booklet Final Project: 5 Page Website Sitemap Fig 1.1.2  Final project sitemap To ensure high accessibility for a wide range of users , I decided to create two versions of web pages: a coloured version and a greyscale version. Wireframes Fig 1.1.3  Final project wireframes Mood board Fig 1.1.4  Final project mood board Referenced images Illustration from  miss-mental.com https://www.pinterest.com/pin/38562140551547289/ Illustration from Freepik https://www.pinterest...

15/05/2023 - 08/05/2023 / Week 7 - Week 10  Kim Min Ah / 0356145 Interactive Design  / Creative Media / Taylor's Design School PROJECT Project 2: Working Web Page CLASS NOTES Week 7 (15/05/2023) JPEG (Joint Photographic Expert Group) GIF (Graphics Interchange Format) PNG (Portable Network Graphics) Selection tool   Edit copy porch Create new artwork with transparent background Control the file sizes for quick loading time For web: Save for web   Export the image (not save) 72 dpi Resize the photo if it requires Do not resize the image on dream weaver. JPG low medium high Working files Only web only (images and pages) File name example: img_main.jpg title= “logo” Allow users to hover over the image and see the information ID attribute All low keys Make sure there are no several elements that have the same value for the ID attributes. It has to be unique. Class attribute e.g.) class=“left” Block level elements : Appears in a new line e.g.)<h1>,<p> Inline el...

24/04/2023 - 08/05/2023 / Week 4 - Week 6  Kim Min Ah / 0356145 Interactive Design  / Creative Media / Taylor's Design School PROJECT Project 1: Landing Page Design Prototype ClASS NOTES Week 4 (26/04/2023) Further Reading -Every great landing page is a composition of core elements. -Know the rules well, so you can break them effectively. -Understand the anatomy and rules of the landing page first, then find clever ways to optimize the page depending on the goal of the website. Components of a Landing Page -A unique selling proposition -A hero image or video -The benefits of your offering -Some form of social proof -A single conversion goal (or call to action button) Week 5 (01/05/2023) Lecture Video To design a large website successfully, it is important to organize information logically; so users can easily find what they are looking for. To organize a website chunking -dividing the content of the sites into chunks of information -The contents within each chunk can be arrang...