This week we mainly studied programming design systems. At the beginning of the class, the teacher began to explain what programming systems mean. Designing a system means that if you want to program something, you have to program it according to the corresponding language. For example, if you need to make a software, you have to use the corresponding program to design it.

Google material design is the next topic we will talk about. This is a very good platform to help you design and understand something you want to design.And you can quickly design the interactive effects and animations you want.

The next point is MIT Media lab. This is a very iconic design. This can quickly design the logo you need, but it is a logo in their design style. Each letter in the logo seems to be reasonably placed in a square.Then it can help you design some corresponding logos and some scene designs together.

When I saw the design form of this logo, my first reaction was whether the design of our CCI logo was also created according to this form.

The design system of the subway line map is similar to the design system of the previous logo. The direction of the line map always has a fixed angle, either a vertical line, a 45-degree line, or a parallel line. This design is clearer and can be arranged more closely. It is very convenient to identify the platforms and the location differences between them.

The next activity is to randomly find an adjective and express it in the form of a square or rectangle. We need to use p5js to complete this activity.

This is a square I made for the adjective “middle”. I plan to divide it into two pieces so that you can see the gap in the middle. In fact, I should make the whole picture black and then have a long strip of white in the middle to highlight the pronoun “middle”.

The final part, the teacher asked us to use the computer to do something similar to the style of glitch art. Use a picture and program it in bmp format. Then open the picture in a draft book and there will be a lot of codes. Deleting some of the codes will have a very magical effect. It will feel like glitch art. I really want to try it, but I can’t make such an effect on Windows after trying many times. Only Apple computers can produce such an effect.