The first time I heard about design systems was when I read “Atomic Design” by Brad Frost. We’ve all used or created some type of “design system”. Material design is a super popular design system that almost every designer is familiar with. Design systems, like UX, isn’t new. People have been doing it for a while but it’s only in the last few years that it took off.
Style guides or pattern libraries are often mistaken for design systems. They’re only a subset of a good design system. …
I asked myself this question 3 weeks ago during my last week at my internship before I deployed the project. I spent so much time on this project during the research phase doing everything that I had learned so far.
I did my User Research, observations, surveys and everything in the book to find a way to ensure the users met their goals effectively but in that last week I realized that I had overlooked one thing.
I did not think about how the user interacted with the hardware they have at their disposal to use the product I was…
Last week was my final class for the summer and as part of our final assignment, we were told to create a data visualization on Processing. The data for this was the price of grapes and wine from 1996 to 2016.
The goal was to learn how to access external data and display it in a meaningful way to the users and some of us were just curious to see if the price of grapes affected the price of wine *laugh*.
We pulled the file with all the records and placed it in a “Table” in processing which is a…
This week is my last week of summer class. It’s been a busy 6 weeks but despite the late nights and countless hours spent fixing my code, I’m truly going to miss this class.
We started this course with Processing and it only seemed fitting to end it with it. This week we started working on visualising date using processing. I’m familiar with the concept of data visualization from one of the classes I took during my first semester, only this time, we are actually coding the visualization.
Our brainstorming sessions are always fun and a lot of creative ideas come up but due to time constraints, this final project might not be as ambitious as it could’ve been, aesthetically.
Regardless, it’s been fun and I can’t wait for the next chapter of my life.
For my ‘Alternative Interface Project’, I thought of creating a pitch shifter using a Force Sensitive Resistor that would determine the semitone value and the button will act as a switch to determine whether that value will be positive or negative.
In order to load the audio and do the actual pitch shift, using the Ess library to create a simple processing sketch should make things easier.
In theory, when the audio file is playing, on pressing the FSR, the audio should shift pitch (high or level depends on clicking the button).
4th week into Digital Innovation and design and we’re finally getting out feet wet in physical computing.
Me and my classmates were all provided with our own arduino kits to start doing stuff and the first thing we did was make the light blink. Even though we just plugged the kit on our laptops and ran the example code, just seeing something happen outside our screen was fascinating.
We then learned a little bit about circuits and volts and all kinds of maths that we need to do before we start building the circuit to use other components.
At the end of the day, we wrote code to turn the light on or off based on how much light the sensor was exposed to which is pretty simple to do but it was really cool when it worked.
Last week we learned about image processing and creating filters for images and I’ve always been curious about how Instagram filters worked so it was an interesting class.
We learned about something called “Convolution matrix”. Using that, we are able to create filters/effects on top of our images which is glorious.
I downloaded this picture online and tried a few filters.
We did a sharpen filter in class first and it turned out like this:
Tuesday night was interesting, because we decided to do my favorite thing, create pixel art. Say whaaaaaaat?
So, we tried to feed an image to processing and write magical code to turn that image into pixel art and it was fascinating. We looped across all the pixels and just created bigger rectangles (in this case squares) that looked like big pixels and picked the colors from the actual pixels and applied it to our big pixels and there you have it, your very own pixel art and all you had to do was write a bunch of code.
On my last post I talked about my goals and the process I wanted to take to build my app for this weeks class. I was working on my own Pixel Art app where users can select colors and can lay down there epic pixel art on a grid canvas.
I got the idea to do this during last week’s class where we created a grid across the screen that had some random rotations near the bottom and we added mouse interactivity where the grids would change into random colors when the user did a mousepress.
I used the code…
As part of my ‘Algorithmic Design App 1’, I would like to create a simple app that allows users to draw pixel art. I grew up playing video games and I am absolutely in love with pixel art and I do pixel art during my spare time as well. I do most of my pixel art on Photoshop and it can be a tedious process and there aren’t many tools (which are free) that allow for users to create pixel art easily.
This app will have a canvas with square grids and a color palette for users to pick color…