Learning Journal – Page 7 – For Applied Art & Design at Sierra College

Responsive Web Design and UX

Responsive web design (RWD) refers to designing websites to adapt to a user’s device. The goal is for a website to retain its optimal usability and appearance regardless of the device it’s displayed on. Responsive web design responds to user needs by adapting to different screen sizes, orientations, layouts, and platforms. This is accomplished with the use of flexible grids and layouts, responsive images, and CSS media queries.

Relearning Figma

These last couple weeks, we worked on our Midterm project. For this project, we had to create a microsite design, using either Adobe XD or Figma. I initially started on Adobe XD, but then switched to Figma to finish my project.

Wk 7-8: Responsive Design & Midterm

I can’t believe the semester is already halfway over. It feels like the time flew by, but also, I think the course has been paced really well. I haven’t been expected to understand things without having been given adequate time to learn.

Lisa’s Learning Journal: Week 8

Is the Semester Halfway Over or Halfway Begun?

The past few weeks of AAD86 have been pretty smooth. It was fun to work through the stages of the midterm project, and I had a lot of fun finalizing my design. The first taste of responsive design was interesting. I think things are going to get a little more complicated moving forward with that. The introduction of indenting in CSS is a little scary since it seems like things can get really messy really fast.

Midterms Already

Time flies when you are having fun!

This week the information about Responsive Design really made some concepts and functions of building a website come together. I have always thought of designing from big to small, but never knew that developing this from small to large would be more efficient!

Personally, this week was huge! I accepted a job, not in Web Design, but see opportunities to possibly use this skill to supplement my work. I am excited….and scared…for this new adventure, but all great things have a little of both. I think this is the perfect formula for an exhilarating future!

Flexbox, Floats, and Responsive Design

Over the last couple of weeks, we practiced using Flexbox and Floats to make the Concentric website. We also had an introduction to responsive design and will submit our midterm design.

Weeks 7 & 8 AAD 86

We’ve covered a lot of new topics over the past two weeks. First, we built a Concentric website using the float model. Then we converted it to flexbox.

Turning Designs into Code

In the last two weeks we have been involved in visually designing websites and then practicing various code approaches implementing these designs. For example, along with visually designing our mid-term project website, we practiced various approaches in HTML and CSS.

Weeks 5 & 6 AAD 86

We have had a lot of assignments over the past two weeks. We have updated our knowledge about floats and flexbox.

Wk 5-6: Flexbox & Grid Layouts (Still Good)

Layouts! I remember these being the most intimidating part of Intro to Web Design for me. I felt like I didn’t actually know what I was doing and was just jury-rigging my code to get it to look the way I wanted. This time around, I’m feeling a lot better.

WK6 – AAD86 Learning Journal

These past two weeks have been a lot of fun and have refreshed a lot from my previous classes.

AAD-0086 wk 5&6 – Float, Flex & Grid

With the concentration on the tools of spacial design, we worked with positioning, floats, flexbox and grids.

AAD86 – Weeks 5 & 6

Now these past two weeks have definitely been interesting! There was a lot of content I didn’t know previously so it definitely felt like a curveball was thrown in my direction, just not necessarily in a bad way if that makes sense.

Stretching to Flex

Flexbox. Just the word brings so much freedom in simple web designs. It allows for placements that I just couldn’t reach without having it in my toolbox.

Mastering the Art of UI Design

User Interface (UI) design is the creative process of enhancing user satisfaction by improving the usability, accessibility, and visual appeal of a digital product. In today’s tech-driven world, UI design plays a pivotal role in shaping our digital experiences, whether we’re navigating a website, using a mobile app, or interacting with software.

Lisa’s Learning Journal: Week 6

Let’s talk about Flex!

Oh boy. We finally made it to flexbox. For some reason, I never cared for the flexbox layout during AAD85. I thought, “Heck, I can do this whole HTML and CSS thing without it”. I don’t know why I hated flexbox so much. Though, it is most likely because learning flexbox involves change, and change is scary.

Position is a matter of Perspective

To truly design you often have release control to let things flex and float.

Let it go!

_{https://unsplash.com/photos/LkHXBKpwhZ8utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink}

Week 6 of Intermediate Web Design, we focused on positioning elements within a webpage. Often taking elements out of the flow of the document and placing them where we determined they should go. Whether we were floating images to wrap text around them or flexing the elements to put them in a different orientation, we often had to release the control of the parent to move the child.

This week, I found a parallel to my professional and personal life. I have been trying to control the path of my career. I have been trying to make logical steps to move myself along MY imagined path. I came to a point this last week that I literally had to release this control and allow the next steps to fall as they are designed to, I had that moment of realization that I am not The Designer of all the twists and turns of my path, but it will go the way it should go. Sometimes the design is revealed by letting go and letting things fall into position.

Grids, Floats, and Flexbox

Over the last couple weeks, we were introduced to the float model and refreshed ourselves on the flexbox model. We also began our introduction to grid layouts.

Flexbox, and Grids, and Floats, oh my!

These last couple weeks we began to (re)tackle the concepts of Floats, Flexbox, and Grids. When do you use a Flexbox vs Grid? Or simply just Float?

What I learned about CSS?

First month of the course has been so exciting and productive on this web development journey. Practicing more semantic HTML has been an eye-opener. Understanding the importance of structuring content in a meaningful way not only makes the code cleaner but also improves accessibility for all users. It’s incredible how a few well-placed tags can make such a big difference.