Skip to main content

Posts

Showing posts from November, 2016

Type in Context - Mock up

What is being demonstrated here, is practicing how to coptic bind on a wooden cover.  Firstly, I got my two covers and drilled in some holes for the thread and needle to go in when binding. The width from the edge of the cover was 0.5cm and going from the top to the bottom of the cover was 2cm.   Once the holes where in placed. I started putting holes in for the pages (I used cartridge paper first as a tester), instead of sewing each individual pages. I decide it would be easier to do it in three piles of pages. After that, I got a scrap piece if A4 paper for the guide lines for the holes to go in. To match the holes of the pages to the cover, I simply used the covers and made a pencil mark of where the holes should be placed. This will then be my template for the piles of pages for the binding process. Once that was done, I put the remaining pile of pages behind the template, then use the awl to pierce the holes. Then continued this for the other remaining pile...

Design for Screen - Ideas for Brief

Ideas for Brief Idea 01 | Redesigning layout of Inflight Entertainment Screen Recreating the layout of a inflight entertainment personal television for passengers on a flight.  Differences between format and layout of First class, Business class and economy.  Pre-ordering meals on plane, digital menus more convenient.  Menu in a digital format than on physical paper form  Short cuts to functions on a Personal Television (e.g: plane camera mode - landing and taking off, how many more hours & mi les till the destination, where the plane is located on the digital map and etc.  These short cuts can be in forms of apps within an icons style.  Language function as the plane is for global journeys.  Idea 02 | Designing a personal account for passengers before board their flight Passengers setting up their personal television before they board their flight  T...

Design for Screen - The Design Process

The Design Process for the Brief Emotion & experience key element for the designing process of design for screen Problem solving and provoking emotions  Examples of these elements are through adverts and competition brief (John Lewis adverts christmas special) Packaging up a message through a story - which links to what we are doing for a interface design  Experience should be rewarding to the user using the user interface  Enjoyable experience like physical experience (newspaper etc).  Optimising experience  Existing pages which have user interface functions  Personas factions characters - putting yourself in the target audience shoes  Conduct interview, approaches them as observation of using the user interface  Focus groups on views  Identifying advantages / disadvantages of the user interface  Designing for the target audience...

Type in Context - Final Pyrography Design

Finally, when I was able to get adjusted with the pryography pen, I was then able to start drawing over the design with pryography pen. Overall, the results turned out well, from the images below I was able to get the right amount of pressure to the wood to make a nice texture. Also the stencil that came with the pryography pen, was helpful as I was able to keep a nice and even consistency with the thickest and size. For the front cover design, I drew and outline a way finding icon of signs then added with the stencil "Rural Typography"  which is the name of my publication.  Then I added for the back cover of the publication a compass symbol, as it relates to the concept of the rural typography signage.  Then I used sand paper to sand down the edges of the A4 wood, I did this so the publication will have no sharp edges of hurt anyone whilst reading it.  Inside the of the A4 wooden sheets, I stuck some grey board and covered it with a ...

Type in Context - Paper Print Test Two (Final printed pages)

Subsequently, after redesigning the pages of my publication. I printed out the final and finished pages for my publication, from the images below I believe they printing quality is satisfactory with the colour being printed out similarly to the macbook colours and the text in the pages look coordinated.  The only problem with the printing process was the paper stock, the orginal paper that I was going to use was the creamy colour. However, there were non left so I had to choose another alternative which was a paper called High White Extra Blanc - 200g/m.  This type of paper, is more thicker and whiter than the previous one I used first. But this made my publication pages more better as it makes it look more fuller with context. Compared to the previous design and prints. My peers also advised me to do more of a hard cover to make the publication more consistent in the physical design and the design overall.  They also told me to go with a coptic binding ...

Type in Context - Final Indesign Layout

After the trial and error of printing the pages with my first intial scrapbook concept. I decide to change the layout of my  pages as the first layout was difficult to work with when adding text.   Instead I did a layout like this (images are below) the text and photographs are in more of a consistent and organised scale. My peers gave me advice on what text to put within my publication pages, they said facts and figures will be interesting as it will relate to the photographs. Because of adding more photographs/text to the pages of the publication, I therefore had to add more pages. So in the end, there was about 30 pages in my publication. Overall, the images on the Indesign preview look decent and I will print this out within the Digital Print room’s paper stock. 

Type in Context - Sketches of Front & Back Cover Designs

I have done more sketches, for my front and back cover designs for my publication.  Feedback of previous sketches designs from Peers/Tutors Some designs are too ambiguous try something smaller and minimalistic Boarder around the edge would have a nice effect How are you going to do the designs, free hand with inks, screen printing, watercolours and so on The small signage looks the most appropriate for the kind of context you are trying to convey in the publication Try something other than thin outlines of a mountains, its been use to many times (over used design)  I like the half flag of the UK flag and Switzerland flag goes really well with the context UK and Swiss Flag combined is more eye catching especially when its filling the whole page If you are planning to use the combination of the UK and Swiss flag for the whole front or back cover page,...

Design for Screen - Writing the Brief

The Brief - Question? How to design an user interface that passengers on a flight can have a comfortable yet engaging e xperience?

Design for Screen - Problem & Feedback

Problem Idea | In-flight Entertainment In-flight Entertainment refers to the entertainment available to aircraft passengers during a flight. This kind of In-flight entertainment is usual in a form of a  Personal Television for each individual passenger on the flight. This type of In-flight entertainment consist of three  components: Audio entertainment, Video entertainment and Games entertainment .  From my personal experience of operating a Personal television in an aeroplane for long period of time. Is when using this type of technology is quite complex and difficult to handle. There is a lot of functions that a passenger can select within a personal television, for example the main categories: Information, communication and entertainment . There is also a choice of changing the language for international passengers, which makes it more helpful and easier for them to understand what the controls mean on their...

Solving the Problem - (User Interface - Design for Screen)

Solving the Problem in User Interface Design During this session, we were put into groups of six to discuss the problems we have when using user interfaces in our everyday routines.  Therefore we looked into user interfaces designs that has problem when using it. There are the list of a variety type of user interface that have a problem:  Sat Nav  Booking seats online  Apps  Music websites  Consoles  Problems Sat-Nav | It is a piece of technology that can navigate you to your destination when in a moving vehicle (car, bus, etc). However, it can have some disadvantages like leading the driver to a different location than they wanted, unclear about the direction, need to keep updating map, need a wire to connect the sat-nav to the car for charging, screen can be to small, leads driver to dangerous roads (not motorway - countrysides) and so on.  Reserving seats in a Cinema | Thi...

Design for Screen - Research

User Interface Definition - The means by which the user and a computer system interact, in particular the use of input devices and software. Visual part of computer application or operating system through which a user interacts with a computer or a software. It determines how commands are given to the computer or the program and how information is displayed on the screen. Three main types of user interfaces are: Command language: the user must know the machine and program-specific instructions or codes, Menus: user chooses the commands from lists displayed on the screen, Graphical user interface (GUI): user gives commands by selecting and clicking on icons displayed on the screen. What is its function? A User Interface (aka industrial design  field of  human–machine interaction)  is the space where interactions between humans and machines occur. The goal of this interaction is to allow effective operation and control of the machine from the human end, whils...

The Role of the Graphic Design in the UXD Process

The Role of the Graphic Design in the UXD Process Lecture Relationship between user experience and Graphic Design "Experience" - re-stating the definition: subjective and identity, Netflix - makes the user feel like they have achieved something - finding their goal (media they want to watch)  Phenonmenoloy - is a branch of philosophy that explores the structures of conscious experience.  Experience is subjective - 'we live through them to perform them'  Whilst considering UX as being different from similar fields (such as HCI) we must reference that UX studies offer something new/extra. Therefore, the matter of "experience" must not be understated. Although difficulties arise... What qualities does an effective Graphic Designer need? Problem solving skills, Visual literacy, understanding Aesthetics - Beauty, culturally inform, recognise this is linked to culture  Repr...

Design for Screen - Looking into User face Interactions

During this session, we were assigned into groups and to create a spider diagram of existing user face interaction that we can think of. Then give each user face interaction, the problems that may occur when using them.  User face Interactions Interests / Entertainment: Kindle, Game consoles, Karaoke, Internet (browsers), Radio, TV.  Social Media:  WhatsApp, Instagram, Email Services, Twitter, Tumbler, Snapchat, Skype / FaceTime, Facebook.  Streaming: Itunes, Youtube, Spotify  General: Security Systems, Sat-Nav, Vending machine?, Self-checkouts, Cash machine / ATM, Banking, Kitchen appliances, Exercise Equipment.  Problems when using some of these Userface Interactions For the Radio - Having to memorise channels to get what you want or having to flick through multiple - quite tedious.  Kindle - Older version - tedious to find something - get frustrating  Skype/Facetime ...

Studio Brief 02 - Design for Screen

The brief: Create an immersive and engaging screen based user experience for a media of your choice, this could include: Website, App, Streaming service, Title Sequence, Ident's, Onscreen Graphic overlays, etc.  Before undertaking this brief you should identify the following:  The Client  The Problem  The target audience  The overarching aim of the project (what are you trying to achieve)  The role of the communication: Deliver  a   world class digital experience that engages the audience, how can you maximise the potential of digital devices? Considerations: Must be global — Digital formats are viewed on a global scale, this must inform your approach and design decisions. Use mixed media — A combination of image, audio and video should be used to communicate your message In identifying and developing your outcome the production decisions should inform, direct and enhance your overall design treatmen...