<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link rel="hub" href="http://tumblr.superfeedr.com/" xmlns:atom="http://www.w3.org/2005/Atom"/><description>Hi there, my name is Patsy Lai, a Melbourne-based interactive designer, interface specialist and design aesthetics evangelist. In addition to designing, I also enjoy drawing, painting, watching anime series, playing badminton, console games and piano.</description><title>blog.tapsy</title><generator>Tumblr (3.0; @tapsy)</generator><link>http://tapsy.tumblr.com/</link><item><title>Subliminal UX: Walt Disney messages</title><description>&lt;a href="http://www.luuux.com/entertainment/walt-disney-subliminal-messages"&gt;Subliminal UX: Walt Disney messages&lt;/a&gt;: &lt;p&gt;Interesting article on intent vs. coincidence on our childhood classics&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/37319558953</link><guid>http://tapsy.tumblr.com/post/37319558953</guid><pubDate>Thu, 06 Dec 2012 17:30:16 +1100</pubDate><category>subliminal</category><category>UX</category></item><item><title>Bootstrap UI Kit</title><description>&lt;a href="http://www.bentdesignstudio.com/v2/2012/03/twitter-bootstrap-2-photoshop-template-psd/"&gt;Bootstrap UI Kit&lt;/a&gt;: &lt;p&gt;So not too long ago, someone told me about the Twitter bootstrap. I think it’s amazing and if you’re a UI designer like me, check out the UI Kit.&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/31038779296</link><guid>http://tapsy.tumblr.com/post/31038779296</guid><pubDate>Fri, 07 Sep 2012 13:30:16 +1000</pubDate></item><item><title>Content precedes design</title><description>&lt;p&gt;Oldie but goldie! My favourite quote for the day, week, maybe month or years!&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_m7a8uf40MP1qzbxv2.png"/&gt;&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/27376711601</link><guid>http://tapsy.tumblr.com/post/27376711601</guid><pubDate>Tue, 17 Jul 2012 12:14:00 +1000</pubDate></item><item><title>Android design and creative vision</title><description>&lt;a href="http://developer.android.com/design/index.html"&gt;Android design and creative vision&lt;/a&gt;: &lt;p&gt;Android Design takes learning to the next level.&lt;/p&gt;
&lt;p&gt;&lt;img height="170" src="http://developer.android.com/design/media/navigation_up_vs_back_gmail.png" width="340"/&gt;&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/15741204789</link><guid>http://tapsy.tumblr.com/post/15741204789</guid><pubDate>Fri, 13 Jan 2012 09:35:00 +1100</pubDate></item><item><title>The Squint Heroes</title><description>&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lsb62mFLY61qzbxv2.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;I was reading on Nick Pettit blog post yesterday about &lt;a href="http://thinkvitamin.com/art-and-the-web/art-and-the-web-value/" target="_blank"&gt;Art and the Web: Value&lt;/a&gt; and it inspired me to write a list on assessing a web design mock-up for myself:&lt;/p&gt;
&lt;ol&gt;&lt;li&gt;Desaturate the colours&lt;/li&gt;
&lt;li&gt;Add gaussian blur to your mock-up&lt;/li&gt;
&lt;li&gt;Squint your eyes and re-assess your mock-up&lt;/li&gt;
&lt;li&gt;If the visual hierarchy, navigation, main CTA are easily identified with your squinty eyes, then&amp;#8230;&lt;/li&gt;
&lt;li&gt;You Rock!&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;And then I did some further research today and found many design heroes are in fact true devouts of &amp;#8216;&lt;a href="http://uxhero.com/ux-techniques/squint-test/" target="_blank"&gt;The Squint Test&lt;/a&gt;.&amp;#8217; method. Another really useful tip is to &lt;a href="http://www.usabilitypost.com/2008/12/11/take-a-step-back-to-see-the-big-picture/" target="_blank"&gt;take a step back to see the big picture&lt;/a&gt;.&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/10825837181</link><guid>http://tapsy.tumblr.com/post/10825837181</guid><pubDate>Fri, 30 Sep 2011 09:47:20 +1000</pubDate></item><item><title>Inspiration: Smokey Bones</title><description>&lt;p&gt;Creative use of Parallax scrolling. Clever use of both horizontal and vertical scrolling. I heart, I heart! :D&lt;/p&gt;
&lt;p&gt;&lt;a title="Smokey Bones" href="http://smokeybones.com/" target="_blank"&gt;&lt;img src="http://media.tumblr.com/tumblr_lr2q20O0j51qzbxv2.png"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="file:///Users/patsy/Library/Caches/TemporaryItems/moz-screenshot.png"/&gt;&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/9855994248</link><guid>http://tapsy.tumblr.com/post/9855994248</guid><pubDate>Tue, 06 Sep 2011 09:47:40 +1000</pubDate></item><item><title>First HTML5 Magazine?: Aside Mag</title><description>&lt;p&gt;&lt;a title="Aside Mag" href="http://asidemag.com" target="_blank"&gt;&lt;img src="http://media.tumblr.com/tumblr_lpuht9qD2k1qzbxv2.png"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Just added the site onto my iPad&amp;#8217;s Home Screen and I&amp;#8217;m lovin&amp;#8217; it! More HTML5 Magazines, please :)&lt;/p&gt;
&lt;p&gt;Check it out on &lt;a title="Aside Mag" href="http://asidemag.com" target="_blank"&gt;asidemag.com&lt;/a&gt;&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/8848589134</link><guid>http://tapsy.tumblr.com/post/8848589134</guid><pubDate>Sat, 13 Aug 2011 12:36:50 +1000</pubDate><category>html5</category></item><item><title>Inspiration: Nike Better World</title><description>&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_log84xGgqK1qzbxv2.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;Another creative use of parallax scrolling.&lt;/p&gt;
&lt;p&gt;My only question is the intuitiveness of the navigation. I sent this link to a non-web designer friend and he initially thought it was a splash page and did not even realise it was separated in a few sections. However, once you get the idea, it becomes a really clever and engaging experience. &lt;a title="Nike Better World" href="http://www.nikebetterworld.com/" target="_blank"&gt;Check it out!&lt;/a&gt;&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/7703261418</link><guid>http://tapsy.tumblr.com/post/7703261418</guid><pubDate>Sun, 17 Jul 2011 09:27:57 +1000</pubDate><category>jQuery</category><category>fashion</category><category>design</category><category>inspiration</category></item><item><title>The difference between a Trend and a Shift.</title><description>&lt;a href="http://www.markboulton.co.uk/journal/comments/the-difference-between-a-trend-and-a-shift"&gt;The difference between a Trend and a Shift.&lt;/a&gt;: &lt;p&gt;“&lt;span&gt;Responsive Web Design is &lt;span class="s1"&gt;REALLY NEW&lt;/span&gt; and NOBODY knows how to do it properly/right/appropriately yet! We’re all just experimenting. And &lt;span class="s1"&gt;THAT’S FINE!”&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;span class="s1"&gt;Thanks for sharing @markboulton&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/6784902601</link><guid>http://tapsy.tumblr.com/post/6784902601</guid><pubDate>Wed, 22 Jun 2011 17:57:00 +1000</pubDate><category>web</category><category>web design</category></item><item><title>Inspiration: iOS UI Patterns</title><description>&lt;a href="http://pttrn.com"&gt;Inspiration: iOS UI Patterns&lt;/a&gt;: &lt;p&gt;Still in beta but a good source of inspiration.&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/6335492420</link><guid>http://tapsy.tumblr.com/post/6335492420</guid><pubDate>Thu, 09 Jun 2011 09:43:47 +1000</pubDate></item><item><title>Adobe CS5.5 Melbourne Roadshow 2011: What's new?</title><description>&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lmeis02xF11qzbxv2.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;We  were given a few hours off work to attend the Adobe CS5.5 Melbourne   roadshow on Thursday June 2. Four areas were covered in the session -   Design, Web, Flash platform and Digital Video &amp;amp; Audio.&lt;/p&gt;
&lt;p&gt;Here are some   noteworthy new features on CS5.5 in Design &amp;amp; Web:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Photoshop&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;Content aware fill&lt;/li&gt;
&lt;li&gt;Puppet warp&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;InDesign&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;Enhanced eBook authoring with EPUB 3.0&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Dreamweaver&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;&lt;li&gt;jQuery mobile&lt;/li&gt;
&lt;li&gt;Integration with PhoneGap&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;a title="Adobe CS5.5 Roadshow 2011 (Melbourne)" target="_blank" href="http://tangentone.com.au/blog/2011/06/adobe-cs55-roadshow-2011-melbourne/"&gt;Continue reading the full post here.&lt;/a&gt;&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/6271095572</link><guid>http://tapsy.tumblr.com/post/6271095572</guid><pubDate>Tue, 07 Jun 2011 12:12:00 +1000</pubDate><category>web</category><category>design</category><category>web design</category><category>adobe</category></item><item><title>Was delighted to see Colin &amp; Jamie record live on Saturday...</title><description>&lt;iframe width="400" height="300" src="http://www.youtube.com/embed/RYDJW7QcPrg?wmode=transparent&amp;autohide=1&amp;egm=0&amp;hd=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;showsearch=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Was delighted to see Colin &amp; Jamie record live on Saturday morning. They’re brilliant!&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/6207785952</link><guid>http://tapsy.tumblr.com/post/6207785952</guid><pubDate>Sun, 05 Jun 2011 20:10:00 +1000</pubDate></item><item><title>Inspiration: Fashion Site</title><description>&lt;p&gt;&lt;a target="_blank" href="http://www.manufacturedessai.it/it/"&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lm3pzcMHV11qzbxv2.png"/&gt;&lt;em&gt;&lt;a href="http://www.manufacturedessai.it/it/" target="_blank"&gt;http://www.manufacturedessai.it/it/&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Creative use of parallax scrolling. Although I would prefer the navigation links (Open Menu) to be expanded by default.&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/6066208953</link><guid>http://tapsy.tumblr.com/post/6066208953</guid><pubDate>Wed, 01 Jun 2011 17:59:00 +1000</pubDate><category>fashion</category><category>jquery</category></item><item><title>Love Never Dies CD</title><description>&lt;p&gt;Andrew Llyod Webber&amp;#8217;s Love Never Dies CD comes free with Sunday Herald Sun (29/05). Two more days. I&amp;#8217;m looking forward to it :)&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lltz8vNjyG1qzbxv2.jpg"/&gt;&lt;br/&gt;Image source: &lt;a href="http://coverdude.com" target="_blank"&gt;http://coverdude.com&lt;/a&gt;&lt;br/&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/5884127530</link><guid>http://tapsy.tumblr.com/post/5884127530</guid><pubDate>Fri, 27 May 2011 11:36:00 +1000</pubDate><category>musicals</category></item><item><title>Oh dear!</title><description>&lt;p&gt;My jacket got caught in the door handle and my laptop just flew up the air and fell on the floor (tiles, not carpet!). Oh dear!&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_lloainYBoF1qzbxv2.jpg"/&gt;&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/5783247839</link><guid>http://tapsy.tumblr.com/post/5783247839</guid><pubDate>Tue, 24 May 2011 09:57:00 +1000</pubDate><category>personal</category></item><item><title>Amazing use of horizontal scrolling</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_ll9vs5Zu7B1qzdwlao1_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Amazing use of horizontal scrolling&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/5537258623</link><guid>http://tapsy.tumblr.com/post/5537258623</guid><pubDate>Mon, 16 May 2011 15:12:05 +1000</pubDate><category>web design</category><category>horizontal scrolling</category><category>photo-centric sites</category></item><item><title>Found this on Jen Garber’s pin. Priceless, haha :D
Update:...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_ll492tUZkB1qzdwlao1_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Found this on Jen Garber’s pin. Priceless, haha :D&lt;/p&gt;
&lt;p&gt;&lt;span&gt;Update:&lt;/span&gt; Just found the original image. Here’s a little &lt;a title="Shoop Alert: Disneys Royal Wedding " href="http://failbook.failblog.org/2011/05/12/funny-facebook-fails-shoop-alert-disneys-royal-wedding/" target="_blank"&gt;explanation&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a title="Shoop Alert: Disneys Royal Wedding " target="_blank" href="http://failbook.failblog.org/2011/05/12/funny-facebook-fails-shoop-alert-disneys-royal-wedding/"&gt;&lt;img src="http://cheezfailbooking.files.wordpress.com/2011/05/funny-facebook-fails-royal-shooping.jpg?w=500&amp;h=295"/&gt;&lt;/a&gt;&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/5442076536</link><guid>http://tapsy.tumblr.com/post/5442076536</guid><pubDate>Fri, 13 May 2011 14:13:00 +1000</pubDate></item><item><title>Essential JS and jQuery Design Patterns - free eBook</title><description>&lt;a href="http://addyosmani.com/blog/essentialjsdesignpatterns/"&gt;Essential JS and jQuery Design Patterns - free eBook&lt;/a&gt;: &lt;p&gt;&lt;img src="http://addyosmani.com/blog/wp-content/uploads/2010/11/postimage.jpg" width="500"/&gt;&lt;/p&gt;
&lt;p&gt;If you’re a bit of a geeky designer like myself and love to read more about web technologies that could enhance your design approach, this one’s for you. It’s available as a book, eBook or to read online. &lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/5354085829</link><guid>http://tapsy.tumblr.com/post/5354085829</guid><pubDate>Tue, 10 May 2011 15:27:01 +1000</pubDate><category>jQuery</category><category>web</category></item><item><title>Top Ten Typefaces by Book Design Winners</title><description>&lt;p&gt;1. Minion*&lt;br/&gt;2. ITC New Baskerville&lt;br/&gt;3. FF Scala&lt;br/&gt;4. FF Scala Sans&lt;br/&gt;5. Adobe Garamond &lt;br/&gt;&lt;!-- more --&gt;6. Trade Gothic&lt;br/&gt;7. Electra&lt;br/&gt;8. Fournier&lt;br/&gt;9. Dante&lt;br/&gt;10. DIN*&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Other Popular Typefaces&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;&lt;li&gt; Gotham*&lt;/li&gt;
&lt;li&gt;Helvetica Neue*&lt;/li&gt;
&lt;li&gt;Akzidenz Grotesk*&lt;/li&gt;
&lt;li&gt;Futura&lt;/li&gt;
&lt;li&gt;Sabon*&lt;/li&gt;
&lt;li&gt;Bembo&lt;/li&gt;
&lt;li&gt;Bodoni&lt;/li&gt;
&lt;li&gt;Filosofia&lt;/li&gt;
&lt;li&gt;Monotype Grotesque&lt;/li&gt;
&lt;li&gt;Interstate&lt;/li&gt;
&lt;li&gt;FF Quadraat Sans&lt;/li&gt;
&lt;li&gt;FF Clifford&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;em&gt;* My favourites&lt;/em&gt;&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/5034885335</link><guid>http://tapsy.tumblr.com/post/5034885335</guid><pubDate>Fri, 29 Apr 2011 16:09:00 +1000</pubDate><category>typography</category></item><item><title>Adhemas Batista</title><description>&lt;p&gt;&lt;img src="http://www.trombonedesign.com/blog/wp-content/uploads/2010/03/Imagem2.jpg" width="500"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;img width="500" alt="Imagem3" src="http://www.trombonedesign.com/blog/wp-content/uploads/2010/03/Imagem3.jpg"/&gt;&lt;/p&gt;
&lt;p&gt;I love Brazilian artists and designers. Adhemas Batista is probably one of my favourites.&lt;/p&gt;
&lt;p&gt;Beautiful, unique styles, creative colours and brilliant graphic composition. Discover more &lt;a title="Adhemas Batista" target="_blank" href="http://www.adhemas.com/"&gt;here&lt;/a&gt;. Not a big fan of the &amp;#8220;Flash&amp;#8221; site but definitely worth checking out.&lt;/p&gt;</description><link>http://tapsy.tumblr.com/post/4981568322</link><guid>http://tapsy.tumblr.com/post/4981568322</guid><pubDate>Wed, 27 Apr 2011 20:25:00 +1000</pubDate><category>brazilian art</category></item></channel></rss>
