In the past, I have experimented with several website builders as well as coding a website with HTML coding on a previous college course. In today’s workshop, we started with the platform Cargo and followed our tutor’s instructions to start to get to grips with how the builder works. This would allow me to later customise this template and build a website that is bespoke to me.
Portfolio websites
Websites that showcase creative work can all be presented differently. It’s good to have a look at these examples to see what is possible to create. I can look at designers I admire, industries and agencies.
When thinking about this website, I see the website as a frame. The focus should be on the work itself and ought to be interesting to look at overall. It needs to be functional and user-friendly. It doesn’t need to be complicated.
HTML (the Hypertext Markup Language) and CSS (Cascading Style Sheets) are two of the core technologies for building Web pages.
https://www.w3.org/standards/webdesign/htmlcss
Websites are responding to codes, HTML being the structure of the sire and CSS is the way it looks, such as image, colour etc.
HTML contains all the content: files, writings etc. In the past, this was very tiring for web designers to stylise as they had to write the code again and again. A combination of the 2 are now used: HTML & CSS.
We can view this coding on any webpage by right clicking on the page and clicking ‘Inspect’. We can then alter elements of the page to see how it would look. Below, we can see the webpage once we have selected ‘inspect’. The HTML code is shown at the top and the style sheet is under this.
The structure can be simple and easy to navigate, such as Pentagram’s portfolio. Their grid shows the thumbnail images of the work.
The website needs to say something about myself. The website’s call to action is to help people to make contact for work, Instagram, Behance, Linkdin.
The purpose of today’s workshop was to explore using a DSLR camera to capture the physcial (printed) work we have made during this course. The focus was on how to be creative when taking the photos. I approached the images differently depending on the work in front of me. Working in pairs made the work easier as there was another mind to help problem solve, both with technical problems and creative ones.
We used an ISO of 100, as this is suitable for shooting indoors.
We shot in aperture priority (AV) mode, so that we could focus on the compositions rather than the technicality of a camera. This was useful to me since I have not used a DSLR camera in perhaps a year and needed to re-familiarise myself with it.
The aperture relates to the lens openeing being wider or smaller. A wider gap/lower aperture lets in more light, this is useful for portrait photography. It puts the focus on the foreground and gives a softer background.
We used a Canon 600D camera.
The shutter button can be used to demi-press and take full shots. The demi-press allows us to check our focus.
Using the screen on the camera means we can take angle shots without needing to use the view finder.
We need to format the card before using the camera. This ensures connection between the SD card and camera. It also empties the card before you use it.
The ‘Q’ button allows us to navigate the screen to change the ISO settings for example.
We selected ‘large quality image’ (not raw). The symbol for this (shown above) looks like a ‘DL’.
0 exposure compensation
Spinning the wheel changes the aperture
Shooting in raw is required when working with really big, high quality images. They are however, a slow doc to work with. The colouring is more precise than a jpeg.
A photo taken on a DSLR camera will always be a higher quality image than one taken on a smartphone.
AWB = automatic white balance. White balance helps to colour correct any temperatures you’re working with. We can change the settings to tell the camera you are working with sunlight for example. To correct yellow light tungsten for example.
We can create creative filters using just white balance.
AF = automatic focus
MF = manual focus
Live screen view mode allows you to see how your settings are applying.
Photos from the workshop:
Final set-up allowed us to taken photos from an angle directly above the work. Above is my manifesto from 2nd year, Semester 1.
Continuing photography at home…
I experimented with different coloured groundsLighting and back-drop set-upMy assistantCamera with flash
This professional practice module asks us to consider ‘What is my professional identity?’ I’m beginning to think about my future as a creative practitioner, this means continuing to reflect on what I like and what I see myself doing from day to day. What do I want to communicate about myself? We make these choices everyday, by the way we talk, what brands we wear/use and our lifestyle. These all communicate our ‘self-design’.
First I need to have an understanding of who I am and how I could place myself in society. The 2 books (below) helped me to think about this topic.
Help Yourself: The Rise of Self Design by Mieke Gerritzen
From Help Yourself: The RIse of Self Design by Mieke Gerritzen
This book made me think, right from the first page. The tone of the introduction is speculative with thought-provoking facts sprinkled in. I love the playful design throughout the book and sense of humour. I found it easy to read, mainly due to the use of the underlying grid, colour combinatons and variety of display types which reflect ads found in a newspaper.
The cover of this book immediately reminds me of ‘The Media’. The type makes me think of newspaper headlines designed to grab the reader’s attention. Along with the circular ‘First book on self-design’ message that imitates a sticker, it appears as a parody of this tabloid style.
Cover design
In this book, Gerritzen references the increase of self-help articles in today’s world. He mentions the pressure we are all under (from the media) to lead the perfect life. He explains in his introduction that everything else in our culture is designed ‘from spoons to entire cities’. He suggests that self-design could be a new form of creativity.
Science tells us who we are. But who we want to be, is a matter of culture.
Bas Heijne
Another section of Gerritzen’s introduction made me consider. People in the public eye, politicians/leaders (his example being Barak Obama) have a precisely designed image. They need to portray this image to get across a certain message to the public. I already knew this. But I never considered that the ordinary person is doing the same thing. Are we all just as influential?
Especially with the use of social media, it has become even easier to produce a public image that doesn’t need to even mirror reality if you don’t want it to!
Does this mean we are all in some way, designers?
From Help Yourself: The RIse of Self Design by Mieke GerritzenFrom Help Yourself: The RIse of Self Design by Mieke Gerritzen
Becoming an Artwork by Boris Groys
Our image belongs to others, to the society in which we live.
Boris Groys
Our body is a thing in the world. Our experience of our bodies is subjective because we cant see ourselves from outside our selves. Where the inner world might be spirirt or energy, the part that others can access through their gaze is the image of you. Pure contemplation vs. worldy desires as explored/ illustrated in the story of Narcissus gazing at his reflection in the lake. He compared Narcissus’ reflection to an early form of a ‘seflie’.
‘We are unable to like ourselves unless we assume that we are liked by the society in which we live.’
The body allows us to be identified by others but it also hides our secret world within. Our thoughts and feelings are inaccessible to others. They can only see what we chose to reveal.
When our society was driven by religious beliefs and motives, there was a focus on the spirit within us being ‘pure’ or ‘unpure’ because God and the devil were beieved to have the power to see within our souls. Now that these beliefs do not pay a huge part in society, we have become as a collective, more concerned with what we and others look like on the outside. Society values public image.
Humans are ready to risk their lives and even to sacrifice them for recognition and admiration by society. The history of wars and revolutions certify that.
Boris Groys
How can I present my identity?
Typeface, illustration and other elements can be used to express my individual identity as a designer. I looked at several design studios as part of my research for a presentation next week. The presentation will be to present 3 case studies. One of the groups I felt inspired by was Charlie Smith Design.
I looked at the way they present themself on their website and Instagram page.
(Helping to frame what I like could help me to frame myself in future.)
Charlie Smith Design website
The use of black type on a white background presents a clean and professional look, emphasised by the central alignment of the site menu and description of the company. Their work has been photographed in a well-lit setting, using different, appropriate colours for the background. This gives a harmonious sense to the work.
Their Instagram page feels light and joyful due to the work they have selected to post on the page.
What to consider – when presenting myself
Style (shown in portfolio)
USP/ what I offer/ different from others
Ambitions/ achievements
Skills
Education
Experience
Showing-off – being confident ‘I want this job, I’m going to be really good at this’
Examples of past work
What inspires you- your passions- Your values for e.g. if working for charities is important to you
It’s OK to be honest ‘I want to do this better’ ‘I want to learn this’ ‘I’m in love with printing materials’
The Logo
Logo = A unique identifying symbol > labelling something
An early example of this is the maker’s marks on pottery.
Brand = Putting a mark on something to indicate ownership
Medieval soldiers were branded to indicate who they were owned by.
Design as art by Bruno Munari. These illustrations show us how the human face can be represented in a huge variation of ways. Everyone can have their unique way of expressing themself.
A Mon is a Japanese emblem using simplified shapes from plants or animals. They are used to identify the different families. The Mitsubushi logo is the fusion of the 2 family crests, one being organic and one being geometric. These shapes merged together create something unique.
Examples of Japanese mon. They were always monochromatic, meaning that they could appear in any colour and still have the same meaning, unlike in the European coat of arms for example where colour was a very important signifier.
Modernist logo
Bauhaus logo by Oskar Schlemmer, 1922. This symbol uses geometric structures, very reflective of the modernism made famous by the Bauhaus movement. Their use of sharp and defined shapes can also be seen (below) in El Lissitzky’s letterhead design (1924).
This letterhead symbol was Lissizky’s personal mark.
Another personal mark from the Bauhaus era is by Piet Zwart. He used a black square to define himself, since he felt thisn symbol represented what he was about. This was used as his signature.
Piet Zwart
The Monogram = Symbols that use just the initials. This could be 1 letter or a combination of letters.
Monograms from the Holy Roman Empire were used by leaders/monarchs. They were put in seals to be used for important communication materials.
Albrecht Durer monogram. This was the first time a monogram was used by an artist.
Johannes Vermeer. This example shows the artist’s clever combination of letters.
A publication that documents symbols and logotypes designed by the company Pentagram across their existance as a design firm.
Above, centre: This design plays with negative space.
Above, right: an example of texture, shape and rotation.
The gestalt principles means that our mind will complete a shape.
When designing a monogram, the initials can be rotated, multiplied, juxtaposed, placed within a shape, etc.
It’s important that the mongram physically reflects the subject it is designed for. For example, the Wouter Boer logo by SPIN is a design for an architecture firm. This monogram gives the impression of stability with its use of right angles and square grid.
The Unilever monogram by Moving Brands shows the initial created using a collection of organic shapes.
The National Theatre monogram, Ian Dennis, from the 1970’s, gives our brains something interesting to piece together visually (getalt). The serif font gives the symbol a smart style.
Brand marque for sonic branding company, Cord – 2013Monogram designed for Winter Marsh. Here the designer has played with the initials ‘M’ and ‘W’ that are a mirror reflection of the other. We can also create a pattern or a moving graphic from a monogram.
Geometric Logo
Considering the example of Piet Zwart’s signature, we thought about how a geometric shape can be used within a logo. For example a square or circle. We could consider what is inside the shape. A line or texture maybe, that might be used to represent yourself.
The Seed Media Group logo by Sagmeister. The symbol is composed of circles which suggests seeds. The image of the staff on each business card is then illustrated through the changing colour of the dots in the logo.
Logotype for BK Italia by Massimo Vignelli
Logotype by Michael Evamey
I found this book on logotypes very interesting and easy to digest. I’ve included exerpts from the book here:
‘Verbal and visual unite in logotypes. The art is in the concept of a logotype; in the crystallization of a visual idea. This can emerge from extended, educated experimentation with type and letterforms until something – a solution – appears. It can arrive as the result of a chance observation – a misspelt word, a slip of the tongue or a fortuitous reflection. Occasionally, the idea drops into the mind when least expected. There is a eureka moment. For Alan Fletcher (1931–2006), searching for the perfect way to marry an ampersand with an ‘A’ in the V&A monogram, it came during his morning shower.’
Giving character to characters: Typefaces have a Jekyll and Hyde effect on words, and today the range of personalities available is greater than at any time in the past.
Brands are very much more than logos, but logos are what people grow attached to; they offer a focal point for all the feelings, good and bad, about a brand.
‘Everyone can see when a painting or a building or a logotype is aesthetically pleasing, but it’s the job of painters, architects and type designers to figure out why it is. I look at a lot of logotypes and I see missed opportunities. I’ll look at one and see a loop or a different ending, or a ligature that would have made it distinctive.
‘The arrow in the FedEx logo – people love having that pointed out to them. That kind of feature makes every client and every customer happy. And that’s what you’re always reaching for: that special element where the penny drops. ‘Something every designer should do is learn how to achieve expression through type. How do you make a word like “fizzy” look fizzy? It’s not about typing out the name in Helvetica and applying a “fizzy” filter to it. It’s about thinking of an idea and drawing it.
Asprey Luxury goods brand, UK Designed by Pentagram (Angus Hyland), 2002 For the company that has enjoyed royal patronage since 1862, a logotype with stately letterspacing and a final flourish to mark its split from Garrard in 2002.Erco Architectural lighting manufacturer, Germany Designed by Otl Aicher, 1974 A font whose letters are composed of thick strokes is said to be ‘bold’; one whose letters have fine strokes is termed ‘light’. Erco, a company that illuminates architectural environments, has for almost 40 years been graced by a logotype that gets lighter with every letter.Ruth Tomlinson Bespoke jeweller, UK Designed by Felt Branding (Scott Manning, Tom Rogers), 2009 Jeweller to the A-list, Ruth Tomlinson raised her profile with an elegant, restrained identity that complements the intricate, handcrafted nature of her creations.Teach First Educational charity, UK Designed by Spencer du Bois (John Spencer), 2010 Calm, solidity and understated confidence for a highly regarded independent charity.Spiritualized Rock band, UK Designed by Farrow, 1997 Created to coincide with the release of the third Spiritualized album, Ladies and Gentlemen We Are Floating in Space, Farrow’s utilitarian Helvetica identity perfectly complemented its packaging for the CD, which parodied packaging for prescription medicine.
Workshop 1 Part A – Monogram
Exploration and variation is the creative journey. This must be done first before making something you like. Today’s workshops are starting off this process of exploring different kinds of marks on paper. This is always worth exploring even if these marks are not used eventually. They could just as likely become a unique symbol for a brand identity.
The Vojo logo by Johnson Banks uses a handwritten style. The mark is softened to look like a crayon marking. This gives the logo a more friendly impression.
I then considered how I could use the texture of the mark in a monogram design.
From the brief:
‘The aim of this workshop is to start exploring the idea of “designing yourself”.
‘Working in pairs choose from the tools provided and make a series of graphic interventions/sketches of your own initials, then exchange tools with the other student and repeat the process.
Exploring multiple graphic solutions, attempt to create a minimum of 6 monograms with the initials of your name.’
The process
I began by using black ink and a paintbrush to create these markings (below). The less ink I used, the more texture was created.
I experimented with uppercase and lowercase letters as well as with ‘DB’ for Demelza Brooks and DD for Demelza Design. I felt that these letters were fun to work with.
It was helpful working in a pair because I could both have helpful input about my own ideas and be thinking in terms of a different pair of initials.
I used felt pen as well as pencil. I found that changing the drawing material had the biggest impact on the drawing and whether I liked the idea or not. The material also changed what I drew.
Lowercase ‘d’ and ‘b’. I played on the mirror image of the initials.
The thought behind these markings was to have a lowercase ‘d’ on the left and uppercase ‘B’ on the right. The gap at the centre would be in place of the d’s ascender. However, it didn’t really work because the counter of the ‘d’ looked more like a ‘C’. I do however like the texture of the brushstrokes.
I used the same idea as above, but using a central straight line to become the d’s ascender. I’m still not sure that it doesn’t appear as a ‘c’ again.
I flipped the d so that the shape would appear more like an uppercase ‘D’ instead. This did help the design.
I considered placing one initial inside the other. In both cases, placing the b inside the d.
Workshop 1 Part B – Logo Shapes
The second part of today’s workshop focused on the use of shapes in a logo.
We were asked to consider what shape we felt represented our own identity the most. I really wasn’t sure which shape I felt like. None jumped out to me, but I can see elements of both the square and circle in my personality (see below).
I’m organised, loyal, detailed and patient but I’m also a sensitive person. I feel emotions quite deeply and can be quite talkative.
I therefore wondered how I might be able to combine both shapes into 1 symbol. I explored this using ink and pen again:
I thought of this shape as a compromise of both shapes. The square is imperfect and diconnected at the corners. Using ink and paintbrush gave the square a softer more organic feeling, in line with how I approach life. The sponge markings were accidental but I like their addition to the marks.
I considered a teardrop shape as another shape that could represent my identity. (Because of my emotional side and a sense of easy going flow). The bottom left shows the d and the top right shows a b. The straight line could also indicate my organised tendencies.
Another flowy shape, I used a felt pen to draw a symbol reminiscent of 2 leaves growing on a stem or maybe 2 musical notes. I purposely used a double line to create a sense of flowing movement and an organic quality.
From Logotype by Michael Evamy:
‘Sometimes a logotype needs its own space: a frame or area in which to make its presence felt. The variables here are shape, proportion and the position of words and characters within the space. Geometric shapes allude loosely to badges and labels, but carriers and frames can take any form, from abstract to allegorical to literal.’
After the workshop, I continued to doodle in my own time:
I asked a creative friend of mine, who has known me a few years, what she felt my professional identity would be. her reply was ‘something flowy.’ She felt that an accurate mark for me would be something like a painbrush or pen line.
I feel that sometimes those around us can point out these impressions better than we can see them in ourself.
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit "Cookie Settings" to provide a controlled consent.
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
Cookie
Duration
Description
cookielawinfo-checkbox-analytics
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional
11 months
The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy
11 months
The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.