Mystery upcoming project UI detail: Angle preview

Screen_shot_2011-12-08_at_13.34.52_

6 Responses

  1. Justin Lowery Justin Lowery

    Oh, I see what you're doing here with the text design. Okay, rather me changing my previous comment, I'll write a new one here.

    I'd recommend looking at this very similarly to how we view hyperlinks on the Web. You need to visually separate the links from the static text, because of their vital function, but you don't want to disrupt the flow of the content's readability.

    So, there are a couple of way to do this reliably: 1) underlines; 2) color change; 3) background color change ("highlighter" effect). I wouldn't recommend using text-shadows or text-glows here, just like I wouldn't recommend using the same techniques for hyperlinks on a website. It's too subtle and can change the texture of the text.

    I hope this helps :)

    over 2 years ago

  2. Lea Verou Lea Verou

    About changing the texture of the text: The whole text has a subtle shadow anyway (0 1px white).
    About being too subtle: It *needs* to be subtle, it's not as important as a hyperlink. It shouldn't shout "hey, here!", it's just a helper IF you're already there.

    over 2 years ago

  3. Justin Lowery Justin Lowery

    I see what you're saying. As you can see, I'm not a huge fan of adding decorations to text, but I can see why you've implemented it here. I concede :)

    over 2 years ago

  4. Doug Stewart Doug Stewart

    I quite like it specifically because it is so subtle. It just oozes complex thought.

    I don't know what you're working on but I can't wait to see the result and I hope it's Coda 2.

    over 2 years ago

  5. Dain Kennison Dain Kennison

    I am ♥'ing this so hard right now.

    over 2 years ago

  6. David van Ballegooijen David van Ballegooijen

    Impressive work Lea! You should join Cloud9ide.com and speed up the revolution! :)

    over 2 years ago

keyboard shortcuts: previous shot next shot L or F like