Comments on: Style Tiles as a Web Design Process Tool http://badassideas.com/style-tiles-as-a-web-design-process-tool/ Thu, 05 Jul 2012 15:03:39 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Doug Fuller http://badassideas.com/style-tiles-as-a-web-design-process-tool/comment-page-1/#comment-2095 Doug Fuller Thu, 05 Jul 2012 15:03:39 +0000 http://badassideas.com/?p=1782#comment-2095 Our web designers where I work have been "style tile this" and "style tile that" for the last couple weeks and we recently got an internal presentation using the technique. We were sent a link explaining style tiles and imagine my surprise when I saw your name as the author (My colleagues were impressed that I knew you.)! It was interesting to be on the reviewing end and to see it in action. Great job! Our web designers where I work have been “style tile this” and “style tile that” for the last couple weeks and we recently got an internal presentation using the technique. We were sent a link explaining style tiles and imagine my surprise when I saw your name as the author (My colleagues were impressed that I knew you.)! It was interesting to be on the reviewing end and to see it in action.

Great job!

]]>
By: Adrian Gould http://badassideas.com/style-tiles-as-a-web-design-process-tool/comment-page-1/#comment-2024 Adrian Gould Fri, 13 Apr 2012 07:55:30 +0000 http://badassideas.com/?p=1782#comment-2024 Hi Samantha I've tweeted at you about an illustrator version of your style tile template that you created. I've set up a github account to create a location for different versions of the template so there can be contribution of different applications to the lit besides Photoshop and illustrator [repository is at https://github.com/AdyGould/StyleTiles]. I prefer Illustrator as the vectors are much easier to manipulate than in PS, well for me at least. If you like the idea of different versions and a repository then let me know. Cheers Ady Hi Samantha

I’ve tweeted at you about an illustrator version of your style tile template that you created.

I’ve set up a github account to create a location for different versions of the template so there can be contribution of different applications to the lit besides Photoshop and illustrator [repository is at https://github.com/AdyGould/StyleTiles.

I prefer Illustrator as the vectors are much easier to manipulate than in PS, well for me at least.

If you like the idea of different versions and a repository then let me know.

Cheers

Ady

]]>
By: Samantha Warren's Website http://badassideas.com/style-tiles-as-a-web-design-process-tool/comment-page-1/#comment-1517 Samantha Warren's Website Fri, 16 Mar 2012 17:59:25 +0000 http://badassideas.com/?p=1782#comment-1517 [...] And man, do I want to hear about what others are doing, too!  My design almost prevented me from posting this article but because I had a lot of encouragement, I managed to finally go forth with it… and hopefully [...] [...] And man, do I want to hear about what others are doing, too!  My design almost prevented me from posting this article but because I had a lot of encouragement, I managed to finally go forth with it… and hopefully [...]

]]>
By: Mike http://badassideas.com/style-tiles-as-a-web-design-process-tool/comment-page-1/#comment-1512 Mike Fri, 16 Mar 2012 03:56:57 +0000 http://badassideas.com/?p=1782#comment-1512 Love this concept. It can be really difficult discussing design elements with clients who have no "artistic" sense or feel self-conscious about describing things visually. And like you said my mental image of whimsical can be radically different then a clients. Please share your survey questions if you can as I'd love to see that process. So much to learn... Love this concept. It can be really difficult discussing design elements with clients who have no “artistic” sense or feel self-conscious about describing things visually. And like you said my mental image of whimsical can be radically different then a clients. Please share your survey questions if you can as I’d love to see that process. So much to learn…

]]>
By: Matthew Sanders http://badassideas.com/style-tiles-as-a-web-design-process-tool/comment-page-1/#comment-1505 Matthew Sanders Wed, 14 Mar 2012 15:52:05 +0000 http://badassideas.com/?p=1782#comment-1505 I missed your presentation the other day but a friend of mine mentioned that you were doing this. Fantastic. I've always started my style guide in a similar way for years. It works really well. I missed your presentation the other day but a friend of mine mentioned that you were doing this. Fantastic. I’ve always started my style guide in a similar way for years. It works really well.

]]>
By: Jared Ponchot http://badassideas.com/style-tiles-as-a-web-design-process-tool/comment-page-1/#comment-1464 Jared Ponchot Tue, 09 Aug 2011 14:13:46 +0000 http://badassideas.com/?p=1782#comment-1464 I'm excited to begin experimenting with these on my next client project. It makes a lot of sense. I've always spent so much time trying to capture in words the direction the client wants to go in and then hope I'm able to achieve it in a comp (fingers crossed). I’m excited to begin experimenting with these on my next client project. It makes a lot of sense. I’ve always spent so much time trying to capture in words the direction the client wants to go in and then hope I’m able to achieve it in a comp (fingers crossed).

]]>
By: Pete Love http://badassideas.com/style-tiles-as-a-web-design-process-tool/comment-page-1/#comment-1446 Pete Love Wed, 29 Jun 2011 08:10:18 +0000 http://badassideas.com/?p=1782#comment-1446 Nice article. We used to produce something similar at the last agency I worked for. We called them 'interface moodboards' - only difference being that we'd have slightly more interface elements on the page (eg. an approximation of the primary navigation), and we'd tend to produce a moodboard for two different routes. I sometimes felt that we showed slightly too many elements, and that the moodboard ended up too much like a jumbled jigsaw puzzle of an actual layout, which clients sometimes had trouble getting their heads around, and which could be too prescriptive when it came to designing actual UI... I think the examples you show strike a better balance between showing overall tone/style and how those might play out in an actual interface. Nice article. We used to produce something similar at the last agency I worked for. We called them ‘interface moodboards’ – only difference being that we’d have slightly more interface elements on the page (eg. an approximation of the primary navigation), and we’d tend to produce a moodboard for two different routes.

I sometimes felt that we showed slightly too many elements, and that the moodboard ended up too much like a jumbled jigsaw puzzle of an actual layout, which clients sometimes had trouble getting their heads around, and which could be too prescriptive when it came to designing actual UI… I think the examples you show strike a better balance between showing overall tone/style and how those might play out in an actual interface.

]]>
By: Billee D. http://badassideas.com/style-tiles-as-a-web-design-process-tool/comment-page-1/#comment-1445 Billee D. Fri, 24 Jun 2011 18:49:19 +0000 http://badassideas.com/?p=1782#comment-1445 I really like this approach and I use something similar for my own clients (although I just call them "moodboards" for the sake of recognition). Here's a link to ours on GitHub if you're curious: <a href="https://github.com/obxdesignworks/Moodboard-Template" rel="nofollow">https://github.com/obxdesignworks/Moodboard-Template</a> I've found these to be an amazing tool to help get the client involved with the design process in the early stages of a project. Invaluable, actually, because we can set the tone and define the visual language before I ever start comping or designing anything. Thanks for sharing your process with us and forgive me if I end up borrowing some of your concepts for my own. :) I really like this approach and I use something similar for my own clients (although I just call them “moodboards” for the sake of recognition). Here’s a link to ours on GitHub if you’re curious: https://github.com/obxdesignworks/Moodboard-Template

I’ve found these to be an amazing tool to help get the client involved with the design process in the early stages of a project. Invaluable, actually, because we can set the tone and define the visual language before I ever start comping or designing anything. Thanks for sharing your process with us and forgive me if I end up borrowing some of your concepts for my own. :)

]]>
By: Ted Goas http://badassideas.com/style-tiles-as-a-web-design-process-tool/comment-page-1/#comment-1444 Ted Goas Fri, 24 Jun 2011 16:56:22 +0000 http://badassideas.com/?p=1782#comment-1444 I'm diggin' this approach. I agree that moodboards still have their place, your Style Tiles don't look like arts & crafts, but rather a more focused screen to help start the design process. Thanks for the write-up! I’m diggin’ this approach. I agree that moodboards still have their place, your Style Tiles don’t look like arts & crafts, but rather a more focused screen to help start the design process. Thanks for the write-up!

]]>
By: Using Blue: Jeremy Keith – Exquisite Web Creations http://badassideas.com/style-tiles-as-a-web-design-process-tool/comment-page-1/#comment-1438 Using Blue: Jeremy Keith – Exquisite Web Creations Wed, 15 Jun 2011 06:13:35 +0000 http://badassideas.com/?p=1782#comment-1438 [...] Style tiles as an excellent communication tool in the design process. [...] [...] Style tiles as an excellent communication tool in the design process. [...]

]]>