Web Design Process: Style Tiles

L'opera Opera style tile version 1 textures adjectives mood board

L’opera Opera style tile version 1

This is the first style tile I’ve ever made. Style Tiles are a relatively new thing. With the age of mobiles upon us, we have to have elements that can size and refigure with ease. (elements:fonts, hierarchy system, button styles, colors and patterns). A mood board is too vague and a comp, too specific. In Jill’s class we made mood boards. I just feel that this is more crisp and easier to work with. When we talk about textures in style tiles, we are usually talking about a seamless background pattern that tiles. Having a small repeating png saves file space. I keep being excited about making buttons and button bars since Tim showed us how to make them. When it came to picking colors, I used the eyedropper tool to extract some colors I found in a dramatically lit photo that said “opera” to me and then modified them slightly when I found a pattern I liked that used them. And for one of the patterns, I downloaded it, then colorized it in photoshop.

Here is the list of links where I got my patterns:
nouveau flower
purple majesty
norwegian rose

Note: These patterns are from free-download resource sites. The sites don’t require linking back or credits. But, they always encourage it.

(Earlier Post Relating to This Project)

Advertisements

About KC

I am Katarina Countiss, a multimedia designer. I like blogs, games, art and technology. I am curious about how things are made.
This entry was posted in Web Design. Bookmark the permalink.

5 Responses to Web Design Process: Style Tiles

  1. Pingback: Web Design Process: CSS « Katablog

  2. Pingback: Collaborative Divorce Website Style Tile | Katablog

  3. Janis says:

    Have you ever considered about including a little
    bit more than just your articles? I mean, what you say is valuable and everything.
    But think about if you added some great graphics or video clips to give your posts more, “pop”!
    Your content is excellent but with images and video clips, this blog could certainly be one of the very best in its field.

    Good blog!

  4. My brother recommended I would possibly
    like this website. He was totally right. This post truly made my day.
    You can not consider simply how a lot time I had spent
    for this information! Thank you!

  5. Pingback: Setting Up Shop | Katablog

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s