Difference between revisions of "Style"
Jump to navigation
Jump to search
(→Tools) |
|||
Line 2: | Line 2: | ||
== Aesthetics == | == Aesthetics == | ||
− | To merge to/from/with | + | To merge to/from/with [[Graphics#Resources]] |
* http://www.hongkiat.com/blog/pixel-based-websites/ | * http://www.hongkiat.com/blog/pixel-based-websites/ | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Aesthetics | ||
+ | * https://en.wikipedia.org/wiki/Category:Concepts_in_aesthetics | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Applied_aesthetics | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Art | ||
+ | * https://en.wikipedia.org/wiki/Art_criticism | ||
+ | * https://en.wikipedia.org/wiki/Art_movement | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Classificatory_disputes_about_art | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Aesthetic_interpretation | ||
+ | * https://en.wikipedia.org/wiki/Against_Interpretation | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Work_of_art | ||
+ | * frame, situation | ||
+ | |||
+ | |||
+ | * https://en.wikipedia.org/wiki/Performance_art - a performance presented to an audience, traditionally interdisciplinary. Performance may be either scripted or unscripted, random or carefully orchestrated; spontaneous or otherwise carefully planned with or without audience participation. The performance can be live or via media; the performer can be present or absent. It can be any situation that involves four basic elements: time, space, the performer's body, or presence in a medium, and a relationship between performer and audience. Performance art can happen anywhere, in any venue or setting and for any length of time. The actions of an individual or a group at a particular place and in a particular time constitute the work. | ||
+ | |||
+ | |||
+ | * https://en.wikipedia.org/wiki/Liberal_arts | ||
+ | * https://en.wikipedia.org/wiki/Martial_arts | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Medieval_art | ||
+ | * https://en.wikipedia.org/wiki/Gothic_architecture | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Renaissance_art | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Mannerism | ||
+ | * https://en.wikipedia.org/wiki/Baroque | ||
+ | * https://en.wikipedia.org/wiki/Caravaggisti | ||
+ | * https://en.wikipedia.org/wiki/Classicism | ||
+ | * https://en.wikipedia.org/wiki/Dutch_Golden_Age_painting | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Rococo | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Neoclassicism | ||
+ | ** https://en.wikipedia.org/wiki/Neoclassical_architecture | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Romantic_movement | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/William_Morris | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Realism_(arts) | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Modernism | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Minimalism | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Truth_to_materials | ||
+ | * https://en.wikipedia.org/wiki/Form_follows_function | ||
+ | * https://en.wikipedia.org/wiki/Ornament_and_Crime | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Conceptual_art | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Formalism_(art) | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Neo-Historism | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Expressionism | ||
+ | * https://en.wikipedia.org/wiki/Abstract_expressionism | ||
+ | * https://en.wikipedia.org/wiki/Surrealism | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Medium_specificity | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Reductive_art | ||
+ | |||
+ | |||
+ | * YouTube: [https://www.youtube.com/watch?v=bC9OuHH9_gY Paul Klee, Wilhelm Hausenstein, and the "Problem of Style" | Charles Mark Haxthausen] | ||
+ | |||
+ | |||
+ | |||
+ | * https://en.wikipedia.org/wiki/Abstract_art | ||
+ | * https://en.wikipedia.org/wiki/Geometric_abstraction | ||
+ | * https://en.wikipedia.org/wiki/Contemporary_art | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Neoist | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Avant-garde | ||
+ | * https://en.wikipedia.org/wiki/Lettrism | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Situationism | ||
+ | * https://en.wikipedia.org/wiki/Situationism_(psychology) | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Situationist_International | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Artist's_Shit | ||
+ | |||
+ | * http://artybollocks.com/ | ||
+ | |||
+ | * http://www.smbc-comics.com/?id=3204#comic | ||
+ | * post-modernism | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Postminimalism | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Anti-anti-art | ||
+ | |||
+ | * http://en.wikipedia.org/wiki/Framing_(social_sciences) | ||
+ | |||
+ | * http://en.wikipedia.org/wiki/Assemblage_(art) | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Musivisual_language | ||
+ | |||
+ | * http://en.wikipedia.org/wiki/Shape_and_form_(visual_arts) | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Painterly | ||
+ | * https://en.wikipedia.org/wiki/Chiaroscuro | ||
+ | * https://en.wikipedia.org/wiki/Bokeh | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Wabi-sabi | ||
+ | |||
+ | * http://www.openculture.com/2013/10/david-lynch-presents-the-history-of-surrealist-film-1987.html | ||
+ | |||
+ | * http://www.artybollocks.com/ | ||
+ | |||
+ | * http://aenism.com/good-taste/ | ||
+ | |||
+ | * https://en.wikipedia.org/wiki/Yvonne_Rainer | ||
+ | |||
+ | * http://www.reddit.com/r/PostPoMo | ||
+ | |||
+ | === misc === | ||
+ | * https://en.wikipedia.org/wiki/New_Aesthetic | ||
+ | |||
+ | * http://www.metamute.org/editorial/articles/manifesto-theory-%E2%80%98new-aesthetic%E2%80%99 | ||
+ | |||
+ | * http://infosthetics.com/ | ||
+ | |||
+ | * http://en.wikipedia.org/wiki/Cool_(aesthetic) | ||
+ | |||
+ | * http://500letters.org/ | ||
+ | |||
+ | * http://www.ieeeghn.org/wiki/index.php/First-Hand:Early_Digital_Art_At_Bell_Telephone_Laboratories,_inc | ||
+ | |||
+ | * http://ffffound.com/ | ||
+ | |||
+ | * http://fffff.at/ | ||
+ | |||
+ | * http://www.jwz.org/webcollage/ | ||
+ | * http://infiniteglitch.com/ | ||
+ | * http://cachemonet.com/ | ||
+ | * https://news.ycombinator.com/item?id=7413106 | ||
+ | |||
+ | * http://www.academia.edu/3279593/A_proposal_for_a_dualistic_ontology_of_art | ||
+ | |||
+ | * http://www.sito.org/synergy/ | ||
+ | |||
+ | Art is never finished, only abandoned. | ||
+ | Leonardo da Vinci | ||
+ | |||
+ | |||
+ | * http://www.ubuweb.com/ | ||
+ | |||
+ | * http://adamferriss.com/nze/ | ||
+ | |||
+ | |||
+ | * http://www.metacritic.com/ | ||
+ | |||
+ | * http://monoskop.org/ | ||
+ | * http://artcontext.org/ | ||
+ | * http://web.archive.org/web/20081221113539/http://www.absurd.org/ | ||
+ | * http://zombo.com/ | ||
+ | * http://www.zoomquilt.org/ | ||
+ | |||
+ | * http://hakim.se/experiments/html5/sketch/ | ||
+ | * http://nnnnn.org.uk/ | ||
+ | |||
+ | * http://www.yyyyyyy.info/ | ||
+ | |||
+ | * http://bechdeltest.com/ | ||
+ | |||
+ | * http://anasomnia.com/ | ||
+ | |||
+ | * http://www.contextfreeart.org/ [https://news.ycombinator.com/item?id=9285245] | ||
+ | |||
+ | * http://www.arkadia.xyz/ | ||
+ | |||
=== other === | === other === |
Revision as of 07:26, 18 December 2015
Aesthetics
To merge to/from/with Graphics#Resources
- WP: Work_of_art
- frame, situation
- WP: Performance_art - a performance presented to an audience, traditionally interdisciplinary. Performance may be either scripted or unscripted, random or carefully orchestrated; spontaneous or otherwise carefully planned with or without audience participation. The performance can be live or via media; the performer can be present or absent. It can be any situation that involves four basic elements: time, space, the performer's body, or presence in a medium, and a relationship between performer and audience. Performance art can happen anywhere, in any venue or setting and for any length of time. The actions of an individual or a group at a particular place and in a particular time constitute the work.
- http://www.smbc-comics.com/?id=3204#comic
- post-modernism
misc
- http://www.jwz.org/webcollage/
- http://infiniteglitch.com/
- http://cachemonet.com/
- https://news.ycombinator.com/item?id=7413106
Art is never finished, only abandoned. Leonardo da Vinci
- http://monoskop.org/
- http://artcontext.org/
- http://web.archive.org/web/20081221113539/http://www.absurd.org/
- http://zombo.com/
- http://www.zoomquilt.org/
other
Flat
- http://speckyboy.com/2012/12/11/the-flat-design-aesthetic/ - shit, where did i put those other flat style links
- http://sachagreif.com/the-flat-sink/
- http://daringfireball.net/2013/01/the_trend_against_skeuomorphism
- http://news.ycombinator.com/item?id=5086991
- WP: Metro_(design_language)
- http://www.matthewmooredesign.com/almost-flat-design/ [3]
- http://blog.wells.ee/less-aesthetic-more-design
- http://sachagreif.com/flat-pixels/
- http://fltdsgn.com/
- http://designmodo.com/flat-design-principles/
- http://www.smashingmagazine.com/2013/07/16/authentic-design/
Examples
- http://www.webcreme.com/
- http://cssremix.com/
- http://www.cssmania.com/
- http://thethemelist.com/
- http://patterntap.com/
- http://www.behance.net/
- http://www.designkindle.com/
- http://www.premiumpixels.com/
- http://designmoo.com/
- http://www.lingscars.com/ - er, attention grabbing
- http://themostamazingwebsiteontheinternet.com/
Ratios
- Applying the Golden Ratio to Your Web Designs - 19th Oct 2010
- tutsplus: Mathematics and Web Design: A Close Relationship - Nov 16th 2010
- Good stories, pity they're not true - On fact and fiction re the golden ratio.
Colour
- http://www.crockford.com/wrrrld/color.html
- http://www.w3.org/TR/css3-color/#svg-color
- http://blog.asmartbear.com/color-wheels.html
rgba(0, 0, 0, 0.2)
- http://colorhexa.com/
- http://bighugelabs.com/colors.php
- http://www.empiricalzeal.com/2012/06/05/the-crayola-fication-of-the-world-how-we-gave-colors-names-and-it-messed-with-our-brains-part-i/
Software
- http://home.gna.org/colorscheme/ - agave
- http://visionwidget.com/chrome-color-picker-generator.html - browser based
Tools
- http://www.degraeve.com/color-palette/index.php - get palette from image
Articles
- http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/
- http://24ways.org/2006/cheating-color
- http://ianstormtaylor.com/design-tip-never-use-black/ [10]
Cultural
- http://www.informationisbeautiful.net/visualizations/colours-in-cultures/
- http://www.empower-yourself-with-color-psychology.com/cultural-color.html
- http://www.color-wheel-artist.com/color-meanings.html
- http://webdesign.about.com/od/colorcharts/l/bl_colorculture.htm
Logos
- github: octodex - play on a logo
Borders
Shadows
- http://bmccreative.com/blog:subtle-css3-box-shadows
- http://der-auftritt.de/testcase/gradientshadow.html
- http://devblog.xing.com/frontend/a-flexible-shadow-with-background-size/
- https://coderwall.com/p/dw61mg - radial drop shadow
Backgrounds
- http://www.smashingmagazine.com/2009/03/31/backgrounds-in-web-design-examples-and-best-practices-2/
- http://designwoop.com/2012/02/30-examples-of-subtle-background-textures-in-web-design/
- http://designshack.net/articles/css/create-seamless-web-background-textures-in-minutes/
Textures
- http://webdesign.tutsplus.com/tutorials/visuals/the-what-why-and-how-of-textures-in-webdesign/
- http://line25.com/articles/20-examples-of-subtle-texture-use-in-web-design
- http://rappdaniel.com/noisy/ - png generate
Patterns
Ornamental flourishes
- http://vector.tutsplus.com/articles/web-roundups/250-free-vintage-graphics-flourish-vector-ornaments/
- http://all-silhouettes.com/flourishornaments/
- http://designshack.net/articles/freebies/weekly-freebies-flourishes-and-ornaments/
- http://moorstation.org/typoasis/ornaments/index.htm
Also; dingbat flourish fonts
Images
Buttons
Icons
See Typography#Webfont icons and Graphics#Icons
Seperate icons for each menu or list item can be good.
common?;
- About - pages
- FAQ - ?
- Help/Support - !
- Blog - scroll?
- Contact - envelope
- Google+
- RSS
Social icons/brands
- Facebook deep blue; #3B5998
- Twitter blue; #4099FF
- Google plus red; #C85D42
Canvas
Vector
See also Graphics#SVG