Eleni's Design Canvas

In my design boards, I decided that I want to include some sketches in the layout to show the development of my project. However, I do not like the existing sketches that I have. I want them to look more cohesive in order to be similar to thumbnail pictures.  In my research, I analysed one design board which particularly stood out to me.  Behance (n.d) I really liked the layout of the sketches next to the render. It looks cohesive and shows the effort and process before reaching that final outcome. I wanted to recreate rough and small images of my existing initial ideas.  I wanted to make them rough on purpose in order to showcase the contrast between the rough outlines of sketches in comparison to the clean lines of the renderings. It shows the trust that a designer should put in the process of designing.  Process: I used an app called procreate and selected the 'blotch' type of line for my thumbnail images. This made them look even more like rough sketches and cont...

In my design boards, I am planning on including orthographic drawings. Therefore, I wanted to start with creating my orthographic drawings as it is one of the simplest to design. The first step was to remove the axes in my grid to ensure that it is not visible in the orthographic drawings. I clicked on the axes button and removed them. The next step was to ensure that my views are in parallel and not perspective projection. Perspective projection has a lot of dimension. Parallel ensures that the excess depth and dimension will be removed in order to have a more 2D finish. The next step was to copy the product. I copied it on top of the existing product and rotated it 90 degrees along the green axis. Then, I copied it on the left of the product and rotated it 90 degrees along the blue axis. Then, I changed the perspective into 'front' view in order to create my last perspective.  I copy and pasted the last product and then rotated it from the top 30 degrees on the red axis to th...

It is very important to pay attention to the phone layout as it can get easily distorted. Phone views can be easily forgotten or underestimated. The first thing I noticed was that the layout was distorted without the title or the social media. I did not have to add anything. I just simply enlarged or made smaller some of the images and text. I wanted to keep the same layout with the computer view, therefore I added the image to the left and the text to the right. I decided to change the menu logo and make it a bit more complex so I chose that icon. I also added a transition for the icon to bounce in, in order to make it more fun. I also adjusted my name at the top left corner and made it one single line. I also decided to change the header and make it freeze so that it can be seen all the time and users have the option to click on the menu button at any time, without it disappearing. However, once I looked at the home page again, I realised that this was not a sufficient layout for a p...

During last term, I did not include any strips on my portfolio page, I only had the design boards openly displayed. However, this term, I will have a second project uploaded onto the website. Therefore, I have to create a gallery to display both of my projects.  This was the first strip that I thought of including. I clicked on 'add' and then chose the first strip which has a description and a title right next to it. I added this in class as we started everything on Monday. However, I started my research on the display of my portfolio, and I ended up choosing a more image font which did not include any descriptions. Therefore, this was the second strip I added. The first thing to do before forgetting was to make sure that the buttons work. I clicked on the button, then clicked on 'change text' and then added the corresponding link to the page that I wanted to it to proceed. One of the two would take the user to my last terms project and the other one would take them to ...

It was clear to me that I was not pleased with the design of my website. Therefore, after some research, I decided to change the home page and some elements in my other pages. This was the initial layout I had. After the research, I realised that I like more simple and minimalistic elements with more toned down and neutral colours. I wanted the image displayed to be of grey tones so that it can contrast with some orange elements. I think that I added too much orange which made it very busy. Even though Martina said that she found it aesthetically pleasing, I thought that it was too busy and had many colours. Additionally, my tutor pointed out that once you hover over the portfolio button, the drop drown menu covered up part of the title on the homepage. Therefore, I had to change that location too. This was one element of my research. I really liked how he used colour and that it was half abstract and half realistic. I though that this would be a great idea for my product design websit...