Week 11

Practical

Flowchart

The importance of flowcharts for web design has been understood from previous design experience. Therefore, a clear flowchart can serve as the foundation of a website and help the designer create a structured design during the design process.

Sketches

Sketches can help designers formulate the desired design style and layout. At this stage, the designer can sketch all ideas on paper, allowing them to be reviewed repeatedly in subsequent design steps and further improving the initial design of the website.

Low-Fidelity Wireframe

The step of preparing low-fidelity wireframes involves converting the previous sketches into a digital format. Naturally, there will be some differences between the two, as sketches are intended to guide the general direction of the design. This does not mean that designers need to adhere strictly to the sketches.

High-Fidelity Wireframe

Once the low-fidelity wireframes are confirmed to be problem-free, designer can proceed to the next step: creating high-fidelity wireframes. The main difference between high-fidelity and low-fidelity wireframes is that high-fidelity wireframes include content such as copywriting, homepage colors, and font styles.

Lecture

Website frameworks are sets of standardized code that help developers build websites. They are popular because they allow for the creation of websites that work on various devices and screen sizes. These frameworks include reusable HTML, CSS, JavaScript, and other files that can be customized as needed.

Popular frameworks like Foundation, Bootstrap, Vue.js, Skeleton, and The UI Kit provide tools and structures for designing responsive websites. They simplify the process of creating attractive and functional sites that look good on any device. Each framework offers different features, so developers can choose the one that fits their project best.

Responsive web design ensures websites work well on all devices, from phones to desktops. By starting with mobile design and enhancing it for larger screens, developers can make sites that are both accessible and visually appealing. Keeping up with the latest trends and tools in responsive design is important for creating durable and effective websites.