Week 02 - 2D

Class Format

Todays class consisted of gathering, evaluating and collating information as a group exercise. We also looked at design choices with regard to customisation of this blog. The focus was on working collectively and collaboration.

 

Group Exercise

Access Sources of Information

The class divided into two groups which then collected a list in general information sources. The purpose of the exercise was to also gather sources specific to our own practice and interests. Following is a list of the gathered general sources and a couple of links specific to the individuals in our group.

• You can visit a librabry to look at magazines, books – Michelle Turner is the creative arts library specialist at CDU
• Forums and discussion boards
• Industry specific websites
• Local Galleries
• Communicating with other artisit and using web sites like:
• Youtube.
• Whitepapers.
• Eyemagazine.
• International Journal of Design.
• Graphis. - Cherill.
• The design files. - Queenie.
• Design You Trust. - Me.
• My Modern Met. - Me.
• Kat Vond. - Andre.

The goal of this exercise was to gain an appreciation of evaluating and collating resources. In my own practice this organisation occurs at two levels, as the information comes in and where it ends up. My RSS feeds for example are catorgorised as design, art, technology, science and news. I think of this as a top level organisation of information. Resources are then collated in specific groups and types. For example collected video tutorials are sub catorgorised according to the program they are related to, likewise with document tutorials. Other resources like brushes, patterns, samples and articles are similarly sub categorised.

 

Practical - Design Choices

Create a background design for your blog. Use any tools you wish. Put the results and a paragraph of description in blog. Address these 3 points of difference in both designs;


• Shape
  - Cover the top half of the browser window.
• Media
  - Photographic
• Style
  - Realistic, static (does not scroll with the content)

This was is one of the first things I did when I set up this blog. The image is one of mine  and I like the way my cropping and placement situated the lightening bolt beneath my about image. Of course this is more clearly revealed when the user scrolls the content up. The other thing I did straight away was alter the eppearance of links in all of their states (inactive, hover and visited). I found an issue when trying to make my image cover the entire top half of the browser window from the blogger template window - it just does not seem possible. At least not wide enough to cover the enormous monitors in front of us. 2560 pixels across seems to be outside the limit of the underlying template. Custom CSS can be written into the template, which I would assume falls inline and thus over-rides any external style sheet. But, I am yet to crack that little bit of code which is placing a 930 width pixel limit on the on the entire 'content' or 'body' tags. Again with the assuming, I would say the limit would situated with one of these tags. Anyhow, from a design perspective I have gone for a grey palette, keeping the format neutral and emphasising the content. A dull white text is perhaps not the best choice for for large bodies of text on a black background in terms readability and possible eye strain. Cue the sardonic giggle.

 

Research

Video

 

Here is a video about customising your blogger layout. The audio is horrible and difficult to understand. The customisation is limited to the blogger template editor and as such did not solve my problem detailed above. The author is using some nice screen capture software, which honestly is about the only positive thing I can say about this video. Do not watch '...and everything'.

 

Images

 

Here and here are some examples of bloggers who have the same problem as me. A problem which I have elected to ignore for the time being. Not many people expand their web browser to the full width of their screen and less have 27 inch screens in front of them. Besides which the blogs look as I intended on my machine at home - a 21.5 inch iMac.

 

Reflection

The focus for this semester is biased toward collaboration which is taking the form of group exercises at the moment. Further to this, the term 'collaboration' may be sub-categorised as how information sources are gathered, assessed and organised. Assessment requires evidence of this occurring both collectively and individually.
Working with templates I have always found frustrating as there always seem to be hidden limitations lurking beneath the surface. Part of my motivation for undertaking this course was to fine tune my web development skills as I do not want to rely on the use of templates. Designing for the web brings the control freak out in me.

Week 02 - 3D

Class Format

A brief recap of last weeks lesson. Practical exercise - interpret brief and respond based on specified parameters. Collect, evaluate and collate information.

 

Group Exercise

Practical

Create a design for a CDU Design Student Shoulder Bag. Use any tools you wish. Put the results and a paragraph of description in your blog. Address these 3 points of difference in your design:

• Shape
  - Small, body fitting, multi functional.
• Media
  - Canvas and elastic.
• Style
  - Holster.

Sketch for design student shoulder bag. Based on a holster style bag and intended to carry a tablet device, mobile phone, a small sketch book, a pen/stylus,  usb storage device(s) and solar charging device.

 

Research

Video

Anamorphic Typography from Thomas Quinn on Vimeo. This came through RSS from My Modern Met, who made a brief post about the work. This is kind of like using a 3 dimensional space to distort a 2 dimensional space.

 

Images

This also came to me via an RSS via Better Living Through Design. Created by Ludwig Hirschfeld Mack somewhere between 1919 and 1933. I think of this as another example of a communication between the 2 dimensional space and the 3 dimensional. Here the 2D theory of colour is expressed with a 3D form.

Found this while looking for bag design inspiration. Nice steam punk aesthetic and a design I have borrowed heavily from.

             

Reflection

To avoid duplicating anything I am about to write for the 2D entry, I will instead reflect on my own interests in relation to 3D design. My drawing practice has a solid foundation in representing 3 dimensional forms. In actual 3 dimensional space this interest has manifested in my art practice as sculptural pieces constructed from found objects and re-purposed old tech. As a visual example of this to the left is an image from a series of pieces which I collectively titled 'Cyber-Cherub' 

(photographed in motion for your added pleasure). Shortly after that i discovered plaster of paris and dental alginate (a fast setting silicon compound used to make extremely accurate casts of human teeth). Deciding to use this product with other parts of the human body, another example should include a piece titled 'Clock', pictured again to the left. This is where the sculptural pieces gained a functional purpose and perhaps showed an interest in the nature of a visual pun. Between the eyes of the face emerged the accurate hands of a clock, a slider re-purposed from a toaster on the right side also controlled the intensity of the back light. From there on things moved on toward the macabre as demonstrated by the close up shot of the piece below playfully titled 'Untitled (t.v. zombie).

This piece included a functioning stripped down television (... and slightly out of focus L.E.D's in the background for your extra, added pleasure). I screwed up the layout somewhere here, will investigate

Week 01 - 3D

Class Format

This unit of the course, BSBDES303A: Explore and apply the creative design process to 3D forms shares contact time with BSBDES302A: Explore and apply the creative design process to 2D forms. Thus, each week in this blog must include entries for both 3D and 2D. The unit information reads pretty much the same as that for 2D, replacing 2D for 3D as evidenced by the unit titles. This weeks class consisted of group discussion and research followed by a critical analysis of the gathered data.

Group Discussion

While discussing various elements of 2D and 3D design, Steven drew our attention to the machines sitting in front of us. The iMac was put forward as a good example of 3D design, here is a picture of mine at home...

The design follows most obviously John Maeda's first law of simplicity, the law of reduction. Over the years Apple have continued to simplify the look of their flagship machine. I came accross an iMac from around 2009 the other day which made me take a second look, here is an image of one.

Aside from the obvious ratio change of the screen, it took me a moment to pick the aluminium edge around the screen. Unnecessary and even a little distracting once noticed this is now gone from the current models. The base also has a slimmer front facing profile and the back is now all aluminium, bringing its overall appearance more in line with Apple's entire product range. These changes were subtle and simply subtracted the unnecessary.

Research

Video

While this is not strictly speaking a video or an actual 3 dimensional thing, I like it and it does not really fit anywhere else. It is in fact an animated gif, an under-rated and often abused file format. This is a logo I designed for a friends framing business. I created it in Blender, an open source cross platform 3D creation tool with an extremely steep learning curve. His initials are M & M and framing is mostly about making square-ish things, so he thought he was very clever when he came up with the name. I deliberately left the skin off the back of the piece so that when it rotated the underlying framework could be seen, so I also thought I was very clever

Images

Thinking about what to make in 3 dimensions, this is an initial sketch for a clip on table leg system. the idea being that any flat surface could turned into a small table. Construction could either be in timber with a metal clip at the top or my preference one length of bent metal dowel about 5 mm in diameter.

Problem is, I think it may have been done and sure enough with a little research...

Here, they have not only done it , they did it better. This design simplifies things so that two legs are one clip. However, this is the type of thing I would like to design for this element of the course. A simple elegant solution. I just need to come up with a different problem.

Reflection

Being the first week, I am sure the class will find its feet a bit more next week. In the absense of a task outline for this blog I have followed the same format that I have used for Exhibition (CUVCOR04B & BSBCRT402A). I would describe my strength when working 3 dimensionally as having the ability to pull things apart and then reconstruct them differently. Mostly though, I like to pull things apart.

Week 01 - 2D

Class Format

Likewise with most classes this week, the first half of this lesson was consumed with the logistics of what we would be learning, how it will be delivered and what evidence is required at the end. This blog is one of the core evidence components along with an online portfolio and an exhibition at the end of the semester (which to my surprise is sponsored by Coopers!). The course desrciption is suitably vague, "Explore and apply the creative design process to 2D forms", with todays class consisting of a group discussion and research followed by a critical analysis of the gathered data.

Group Exercise

Splitting into pairs we were tasked with finding good and bad examples of 2D design (web pages). Cherill was my co-conspiritor as she was sitting imediately to my right. We chose Pets Online as our bad example and The League of Movable Font as our good example.

Bad Design

Logic (flow):
Too many options to choose from.

Legibility (readable/ Clear):
Navigation buttons too small.
Too busy, cluttered – font size too small.

Information (Organisation):
Again too cluttered.

Artistry (Execution/ Appeal):
Colours are bland
Buttons with font and drop shadow seem dated.

Good Design

Logic:

Simple navigation.

Clear information.

Legibility:

Clear easy to read font.

Information:

Clearly presented on one page

Artistry:

Floating layout, so screen size doesn’t matter.

Presented an eye catching font example first, this draws you into the site.

Research

Video

I like Steven Johnson's final comment in the above video, "Chance favours the connected mind". The video is essentially a distilled visual introduction to the ideas espoused in his book of the same name. Johnson is a popular culture and media theorist based in the U.S. - synopsis and links to his books can be found on his website. I think it is important when thinking about thinking to cast a wide net, a clever animated info-graphic also never hurts.

Images

Further to the group exercise, I am impressed with the design of the Apple website in recent years. Simple, clean and easy to navigate. At the same it maintains a strong relationship with Apple's physical products and hides a vast amount of functionality beneath an elegant hood. My only misgiving would be that it can feel a little like a rabbit hole when explored in greater depth.

This is also pretty classy, found while looking for this (lecturer Steven Moore's website).

Reflection

Good and bad design is of course relative. One man's silk purse is another's sow's ear (oops - mixed metaphor). The more I get into this it seems that a designer's job involves a lot of balancing between the needs and wants of the client with what we can put out there with good conscience as our work. I would characterise my own work as favouring the clean and simple. I generally have a clear and logical approach to problem solving. This is also what I consider to be a core task of the designer - that of solving problems. Problems which exist between the idea and its physical actualisation.

Welcome

This is my first post so that something will show up in the blogger dashboard preview. Here is a picture from the archive. This image was shot in my backyard with a Nikon D5000, standard lens, automatic macro mode at around dusk. I'm not sure what kind of flower it is, if you do - please leave a comment.