OUGD504 - Studio Brief 4 - Only studio brief - Darius Syrossian

Darius Syrossian
Hot Creations, House DJ
Leeds, GB




The artist I have decided to work with is a well known house DJ that is signed to Hot Creations, he has toured all over and has been a resident as Sankeys nightclub up until he left due to problems with club management.


The reason why I have decided to go with this artist is because I thought it could be beneficial for me in the long run, in respect to him becoming a potential client or possibly his tour manager as he is also an up an coming DJ. I also thought it would be easier for me in approaching this brief with getting resources and information if needs be from this tour manager '
Thom'


Hot Creations

Label 

Hanns Trippy

Darius Syrossian's latest EP Hanns Trippy which is currently available on Beatport, Beatport is a website for DJ's produced music. This is the EP that I going to push sales on, the reason for choosing this EP is because it relates to the website I have designed for Darius Syrossian and his new event in Ibiza 

OUGD504 - Studio Brief 4 - Only studio brief - Wireframing

A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal wireframe of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. 

Its the designers job to make sure they create a clear message for the developer in creating the coding and making the campaign website work. The wireframes don't have to signify movement although you can involve a visual for movement, But never the less you can describe to the developer how things will work overall 

Wireframing is an important in screen design process. It firstly allows you to define the information hierarchy on the design, allowing the designer to plan the layout and interaction of an interface without being distracted by colours, typeface. This allows you to be able to communicate with the client telling them what colours go where and what the buttons & hyperlinks do, 

At a deeper level, a wireframe is also very useful in determining how the user interacts with the interface. For example, wireframes can contain various states of button or menu behaviour.

OUGD504 - Studio Brief 4 - Only studio brief - Wireframe & Website Development

OUGD504 - Studio Brief 4 - Only studio brief - Website Research

OUGD504 - Type in context - Final Outcome

Overall visual proved elegent, the use of white throughout the publication created a sleek outcome, Its subtle deboss brings a hidden message through its slight imprint, Creating a pleasent texture for the stock also has an debossed finish to it. The alastic band became useful in keeping strength to the publication as well as a seal for the stock used became packed.

Within the publication white space becomes an obvious tool, having as little infomation within the booklet I believe makes the eye feel much more relaxed when engaging in it so by stripping it back allowed a more comfortable read, So the main focus was on the typography within the image. Apart from that it also creates clean ashethic look. 

Switching up the look within the publication, I decided to use grey as a mid tone of White & Black for my theme was strictly that. Placing grey shape every 3rd page to prevent the booklet from becoming obvious. From development the typography was all bebas neue but creating a concept through the use of the brands typography 

OUGD504 - Type in context - Booklet

After receiving feedback from my peers I recognised weak areas within the last layouts such as the type layout, the inconsistency became too much for the eye. So from further developing the publication I came towards a much more refined booklet. This design decision proved legible and easier for the reader to engage with. The fact all letter are continuously within the centre of the page gave a minimalistic visual that is a more comforting read. The use of black, grey and white became effective in the theme I was approaching. 

OUGD504 - Type in context - Thumbnails

OUGD504 - Type in context - Feedback

Before

Considering I had already made a lot of changes before feedback due to insufficient black and white photos, I had to strip back my booklet from 26 to 16, that then forced me to change my front cover from 'A2Z' to 'Issue 16' I wasn't necessarily ready for the feedback but I came out of it understanding of how I will finish my booklet. 

Things spoken of;

• The concept wasn't clear 
• Use the typography in the image onto the context page
• Place the location of the store/building
• Place all letters from the images within one page

After

Heres the changing of the booklet layout, I think overall its much better then my first layout consideration but because I'm introducing different printing techniques I think its better to keep a more modern approach to the booklet in keeping it consistent, 

OUGD504 - Type in context - Printing Techniques

Debossed

Having looking at the process of Debossing its something which I want to explore within my booklet, I've been wanting to become familiar with it as its something i think is very effective when applying it to business cards etc, for it gives that rich professional finish. 

Laser Cutter

In order to get a more precise cut out I took my illustrator file to the laser cutter. Using MDF as is more efficient in strength when placing within the press.

When approaching debossing you have to place stock within water in order to make the stock much weaker. This allows the press to create a mould within the stock. When coming to pressure you need to make sure its steady otherwise it could cause the MDF mould to tear through the stock. The only difficulty was aligning each cut out perfectly to the stock for I made error first time. 

Foiling

Foiling and debossing work perfect together, capturing your eye easily through its shine to even interacting with its texture, I personally tend to approach work which has nice foiling  having a stronger attraction, but this techniques may not benefit some work for its a more present finish to work. 

The booklet I'm constructing would suit these 2 techniques for foiling will emphasise the richness of some of the stores I have within my booklet, then to deboss my work will introduce a more modern touch. 

OUGD504 - Type in context - Mock Up

OUGD504 - Type in context - Alphabet History

Alphabet

The history of the alphabet started in ancient Egypt. By the 27th century BC Egyptian writing had a set of some 24 hieroglyphs which are called uniliterals.
The English word alphabet came into Middle English from the Late Latin word alphabet,  from alpha and beta, the first two letters of the Greek alphabet.
The name alphabet comes from Aleph and Beth, the first two letters in the Phoenician alphabet. The alphabet in this article is the Roman alphabet.

Having an interest within Greek and Roman history I decided it would be interesting to place some form of shape or symbol that represented the alphabet in the ancient period within my booklet. 


Hieroglyphs were a formal writing system used by the ancient Egyptians that combined logographic and alphabetic elements.

Type:  Logography, Abjad
Languages: Egyptian language
Time period: 3500 BCE - 400 CE
Parent systems: Egyptian hieroglyphs,
Proto writing. 





Phoenician alphabet contains 22 letters, this system proceeded on from the Egyptian alphabet and became one of the most widely used writing system. 

Type: Abjad
Languages: Phoenician
Time period: 1200 - 150 BC
Parent systems: Egyptian hieroglyphs,
Proto - Sinaitic 
Phoenician alphabet.

OUGD504 - Type in context - Layout Considerations

When constructing the layout I decided to not go by a strong grid system as the text placement is different on each page, but to use size an white space to its advantage. The booklet theme is strictly black and white the reason for this is because I want a clean, simple look that doesn't grab your attention to any section of the page, the colour white also creates a sense of order and efficiency and for black to be the a default on text colour. The only problem with my overall idea on the structure & layout it became obvious to what the next page would be. So I thought placing shape as a grey tone would make it less predictable but to also change the text to white rather then black which then introduces all stages on white, grey and black for its seen as a family of colour.

Going back to change the layout of the text as to me it became to much for the eye to take in, The fact of it being placed around one side of the page seemed compelling which would bring a different look to a booklet but to also cause complications when coming to consistency and the type of booklet I am going for. The improvements made are elements such as typography within the image which is reflected back onto the context page of the booklet for example the 'A' being the same as the type in the Image. 

Stripping it back to no text to emphasise focus onto the concept of the book, that being the letter in the centre of the left page which reflects the exact same letter in the brands typography to having your own interpretation on the typography also. It also has given me sufficient time to prep the book and have it ready for print, inserting other elements such as the location of the store making it easier to visit. 

OUGD504 - Type in context - Book Considerations

  Colour Scheme

Because this brief was a more personal topic I've decided to take a more personal approach towards the booklet. Applying current interest of myself into my work such as black & white colours being apart of my identity in a fashion sense, to my modern work style.

WHITE.
Positive: Hygiene, sterility, clarity, purity, cleanness, simplicity, sophistication, efficiency. 
Negative: Sterility, coldness, barriers, unfriendliness, elitism.





BLACK.
Positive: Sophistication, glamour, security, emotional safety, efficiency, substance. 
Negative: Oppression, coldness, menace, heaviness.

  Type & layout

I've chosen to work with two san serif typefaces 'Bebas Neue' & 'helvetica'. The two typefaces work well in complementing one another and that contributes a clean, modern look. After justifying the placeholder text it has caused unnecessary spacing between each word. So from the research, I have gathered knowledge of making the spacing a lot more even. The type adjustments such as right indenting prevents the spacing within the text, allowing a more consistent eye flow to the reader.

Grid system