• Like
  • Save
Improving the web experience through biomimetics
Upcoming SlideShare
Loading in...5
×
 

Improving the web experience through biomimetics

on

  • 598 views

Slides from my talk at What Do You Know hosted by Web Directions - August 2012, Sydney.

Slides from my talk at What Do You Know hosted by Web Directions - August 2012, Sydney.

Statistics

Views

Total Views
598
Views on SlideShare
595
Embed Views
3

Actions

Likes
1
Downloads
7
Comments
1

2 Embeds 3

https://twitter.com 2
https://si0.twimg.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Improving the web experience through biomimetics Improving the web experience through biomimetics Presentation Transcript

    • Improving the webexperience throughbiomimeticsMartin TomitschDesign Lab / University of Sydney
    • BiomimeticsDesigning with 3.8 billion years of fieldtesting done for you
    • biome.comTin Sheds gallery,until 6th September
    • How does nature solve this?More intelligent and sustainable designthrough the emulation of nature
    • Devine proportionThe rule of thirds
    • 1 Decide on a width – eg 960px2 Divide your width by Phi – eg 960/1.62 =593px = width of main column3 Subtract main column width from total width– eg 960-593 = 367px = second column width
    • http://www.thismanslife.co.uk/projects/phiculator/
    • ColoursInspired by nature
    • http://colorhunter.com/
    • AnimationFlocking birds
    • 1 Consider the divine proportion for your layout2 Use nature as source for your colour palette3 This is not a call for skeuomorphic design4 Don’t replicate nature – use it as inspiration
    • 1 Consider the divine proportion for your layout2 Use nature as source for your colour palette3 This is not a call for skeuomorphic design4 Don’t replicate nature – use it as inspiration5 Visit the zoo before your next webdesign project
    • Jason Beaird – The Principles of Beautiful Web Design
    • Images sources and referencesJason Beaird – The Principles of Beautiful Web DesignLotus effect http://www.flickr.com/photos/ubookworm/396913158/sizes/o/in/photostream/Biomimetics examples http://www.designboom.com/contemporary/biomimicry.htmlKingfisher http://www.flickr.com/photos/oldbilluk/6058706620/Honeycomb image http://www.flickr.com/photos/trblmkr/317526681/Honeycomb chair http://www.neublack.com/art-design/biomimicry-in-design/Logo and credit card examples: http://www.designerfreelance.net/golden-ratio-in-design/Twitter redesign: http://www.flickr.com/photos/twitteroffice/5034817688/Nature inspired web design: http://www.weberica.net/web-design-en.htmlNature inspired web design: https://www.mint.com/Nature inspired web design: http://www.adventuredrop.com/Color from photographs http://studio7designs.com/create-color-palette-from-photographs/Gradient http://www.flickr.com/photos/jonwiley/2952276218/sizes/l/in/photostream/Boids http://www.flickr.com/photos/bennettklein/4707452705/http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/Book cover http://unmatchedstyle.com/news/book-review-principals-of-beautiful-web-design.php
    • #nature #ixd
    • Improving the webexperience throughbiomimetics@martintom#nature #ixd