Archive for the 'design' Tag

  1. Concepts around reading magazines on handheld digital devices

    I still have my doubts about whether even the most advanced digital reader can compare to the simple pleasure of flicking through a physical mag, but this conceptual video gives some really great ideas about what the experience might look like.

    I like the consideration for some of the less obvious ways that we use physical magazines and how these might be replicated – like leaving something lying around on a coffee table to make some kind of statement about your taste and attitudes.

    Thanks to Dave for sending me the link.

    Posted at 2:53 pm on 25/01/10

    Tags: , , ,

    Comments: None

  2. Beautiful White Websites

    I’ve just been reading this article on beautiful white websites, and in particular I love Pixelbot. Using a different typographic feature in each heading works well, and having a very visual but very minimal design also totally appeals to me. Serves as inspiration for learning how to make cute reflective robots in Photoshop.

    Posted at 10:10 am on 16/12/09

    Tags: , ,

    Comments: None

  3. Designing content templates

    A lot of the design work I’ve done to date has been oriented around interactive applications as opposed to content sites. I’ve recently started to appreciate the skill involved in designing suitable content for different templates and integrating content into a design. I guess previously I had the attitude that you come up with a design with a placeholder for where the main content goes, however this leads to blocky text that is hard to consume.

    A really good example of this done well is BellamyStudio. I ended up looking at the site after a friend mentioned it. Each template has a very clear hierarchy of information, and the type design makes it extremely simple to scan a page and pick up the key messages. The overall visual design is simple enough to let the detail in typography and content come across without interference.

    I love how stunning the overall design is, but also how simple. Little details show just how much thought has been put into this – I love the subtle use of colour to pick out the heading from the main content paragraph on each page.

    Posted at 4:04 pm on 7/12/09

    Tags: ,

    Comments: 2

  4. Problems using Typekit with Photoshop design work

    There’s been a lot of discussion recently around progress getting font foundries to adopt a suitable licensing model for web distribution of font files, providing a way to render live text in a range of fonts. I’ve been playing around a little with Typekit with the intention of using this on a site I’m designing at the moment.

    The main issue that I’ve hit is that Typekit is geared around web licensing and delivery of font files – so a subscription will give you access to a wide range of fonts that can then be downloaded from your site and used to render text. However the earlier stage in the workflow is working on page designs in Photoshop, and a Typekit subscription won’t give you any access or rights around downloading a font definition file to use for design work.

    This means that theoretically I have much more freedom around typography, but only when I come to the build stage of the site. I wouldn’t necessarily mind paying for a font separately from the Typekit subscription, but I can’t actually find the same font I would like to use on the foundry site (admittedly this may just be my own stupidity).

    I think this is just a teething issue with a new service – it’s being discussed on the support forum…

    Posted at 10:28 am on 23/11/09

    Tags: , ,

    Comments: None

  5. EmbeddedStream Mobile Version

    Screenshot of EmbeddedStream rendering on Opera in Handheld mode

    After learning that I have at least one occasional mobile using accessing the site (yes Jimmy, that’s you!) I’ve put in place a much more appropriate stylesheet, linked in with the handheld media type. I’ve been testing this against Opera - pressing Shift-F11 will switch Opera to handheld mode and will emulate it’s rendering behaviour when running on a mobile device. I think overall it works pretty well. Some of the features include…

    • Only 2 images in the design, and these are mini, mini images (3K each)
    • Single column fluid layout
    • More appropriate text sizing and margins
    • Better sizing of form controls

    I don’t really know enough about how widely the handheld media type has been adopted by mobile browsers, but I guess at least Opera crops up all over the place and it will render really nicely. Any feedback from my one mobile user would be appreciated :)

    While I was in the mood I’ve also added a print stylesheet, so think I should now be covered all round. I might have a little rant about Aural media type shortly, but will save that treat for another day.

    Posted at 9:06 am on 11/12/07

    Tags: , , , , , ,

    Comments: 2

  6. Practicals of grid-based design

    I just looked through a slide deck from Khoi Vinh from a recent SXSW presentation, and found it really interesting reading even without the verbal commentary. It walks through the approach to a complex portal design, and how to use a grid to achieve balance and order when presenting so much information in a single interface.

    I freely admit my own background and personal preference is totally based around complete simplicity, with each interface helping you with a single task. I find it fascinating how to approach putting together a coherent design for a much more multi-task interface. I suspect my own bias is partly based in the fact that I haven’t been educated in grid-based design, so should have a go at something similar to the site that is used for illustration.

    Posted at 4:44 pm on 19/04/07

    Tags: , ,

    Comments: None

  7. Cinema Site Designs

    In a vague attempt to combat the winter-induced sleep addiction that hangs from my eyelids each night when I get home, I thought I’d take a quick look at cinema listings. Obviously it’s much more worthwhile to walk to the end of the road and sit in a different seat for a couple of hours being entertained.

    I couldn’t really find anything that appealed to me (that I hadn’t already seen). However, I did notice that Prince Charles have redesigned their site recently, and the new version is really well structured and easy to use. I think they’ve done a great job of presenting lots of information in one place without leaving you feeling like you don’t know where to look. I tend to be a little short-sighted and tired this time of night, but could intuitively get what I needed without thinking about it at all.

    In constrast, the Curzon site manages to incorporate most of my pet hates about design. They have much less information on the page, but leave you feeling stressed and unsure what to look at. There’s no kind of visual hierarchy to guide the eye (everything in upper case), so you have to read most of the content to work out which piece to look at. The cherry on top is a layer of pointless and annoying animation.

    I think you really have to consider your situation when making decisions around design. Cinema sites are purely functional, so I’d like to be able to get the information I want as quickly and efficiently as possible. I really don’t think animation works well in this context at all.

    Anyway, as you can gather I ended up ranting about design instead of going to the cinema. Fool. At least I get to test out my tasty new keyboard.

    Posted at 9:22 pm on 16/01/07

    Tags: ,

    Comments: None

  8. The Grid

    I was reading The Designer and the Grid last night. I had some vague awareness of this area of design theory, but hadn’t delved into any real detail. I saw a great talk earlier in the year by Andy Clarke that made me realise I should really do some reading in this area.

    I think I tend to work mostly from a visual / aesthetic point of view when carrying out design work. Another way to approach it is to decouple laying out content in the most appropriate way, from the visuals layered on top of this. Where I’m interested in grid theory is around this first step - using various grid configurations as faded layers in Photoshop or Illustrator to provide structure around the initial step before visuals are even considered.

    I guess I tend to jump directly to the fun, high impact stage, and sometimes this means there is insufficient structure around how the content is presented.

    I’m also playing around with ideas about the best way to convey or test pure content layout. This can be done in a flat way with Visio or Illustrator, but I think you can get better feedback using a simple interactive model that allows you to click through a particular scenario. I like the idea of using static html pages with very understated greyscale CSS, and maybe combining this with Wiki style content that can capture notes around the design, or feedback from others.

    Then again, maybe I’m just trying to avoid writing spec documents in Word. I was reading an article from Joel about that whole subject, and it made me realise I should make an effort to embrace the word processor a little more than I do.

    Posted at 9:09 am on 22/11/06

    Tags: , , , ,

    Comments: 2

  9. Sunday Photos

    I thought it might be interesting to post up a few of the raw photos from the shoot on Sunday to compare to the finished site design. In particular this is the original image that was used for the site header before mucking about with it and getting the crayons out. As before, you can check out the finished design at kimelliott.net

    Posted at 10:37 pm on 12/09/06

    Tags: , , ,

    Comments: 2

  10. Drawing Sickness

    I’ve been suffering from an affliction that seems to affect a number of people I know. If I’m full of energy about a particular project, then I’ll wish to devote lots of time to getting it underway.

    The problem is that when I spend more than a certain amount of time working on a new design, I get slapped with a stupid stick. I lose any ability to make sensible judgement about what is good and bad. The only solution seems to be to walk away and lose interest for a while.

    I’ve spoken to people who suffer from this with painting or writing, and I’ve always summoned the appropriate amount of sympathy while not quite understanding what all the fuss was about. OK, I get it now!

    I’m really hoping that when I get home tonight I’ll have regained an objective eye, but right now I honestly have no idea if I’m going home to a work or art or a kid’s crayon drawing.

    Posted at 12:10 pm on 22/05/06

    Tags: ,

    Comments: 5