Vaguery + graphic-design   124

Avería – The Average Font
"I am not a type designer. This is the story of the creation of a new font, Avería: the average of all the fonts on my computer. The field of typography has long fascinated me, and I love playing with creative programming ideas, so it was perhaps inevitable that the idea came to me one day of “generative typography”. A Google on the subject brought up little, and I put the idea to the back of my mind until it occurred to me that perhaps the process of averaging, or interpolating, existing fonts might bring up interesting results. Luckily at this point I didn't do any more web searching – instead I grabbed my laptop and came up with an initial idea for finding what the average of all my fonts might look like – by overlaying each letter at low opacity. The results can be seen in the below image."
typography  type-design  typeface  generative-art  design  graphic-design 
4 weeks ago by Vaguery
Home - Scalable and Modular Architecture for CSS
"I’ve been analyzing my process (and the process of those around me) and figuring out how best to structure code for projects on a larger scale. What I've found is a process that works equally well for sites small and large.

Learn how to structure your CSS to allow for flexibility and maintainability as your project and your team grows."
css  tutorial  best-practices  graphic-design  via-trek 
5 weeks ago by Vaguery
A List Apart: Articles: Artistic Distance
"While I’m sure that someone will disagree, these sites have proven that very few “professionals” have the ability or courage to provide a well-constructed analysis of someone else’s work (whether or not the evaluation was solicited). My opinion has nothing at all to do with either website, but rather with industry professionals’ inability to challenge, or fear of challenging, the status quo. Far too often, honesty is met with ridicule, shame, or outright rage from people hiding behind electronic media. As a community, if our goal is to continue raising the bar for design, we need to get to a place where objective discussion is welcomed, not scorned or drowned in obsequiousness. I would love to see discussion of basic design move past the superficial trendiness of emerging web technologies."
critique  collaboration  advice  graphic-design  not-just 
6 weeks ago by Vaguery
Visualization series: Insight from Cleveland and Tufte on plotting numeric data by groups | Solomon Messing
"A good visualization conveys key information to those who may have trouble interpreting numbers and/or statistics, which can make your findings accessible to a wider audience (more on this below).  Visualizations also give your audience a break from lexical processing, which is especially useful when you are presenting your findings–people can listen to you and process the findings from a well-designed visual at the same time, but most people have trouble listening while reading your PowerPoint bullet points.  Visualizations also convey key information embedded in massive amounts of data, which can aid your own exploratory analysis of data, no matter how massive."
visualization  data-analysis  communication  graphic-design  argumentation  statistics  ggplot2 
11 weeks ago by Vaguery
The Arabic and Eurabic scripts — Saqer's few notes
"I highly recommend you spend the next half-hour watching this very interesting and highly informative talk…"
typography  language  cultural-assumptions  grammar  typesetting  graphic-design 
11 weeks ago by Vaguery
Adelle - Desktop font « MyFonts
"While Adelle is a slab serif typeface conceived specifically for intensive editorial use, mainly in newspapers and magazines, its personality and flexibility make it a real multiple-purpose typeface.<br />
The intermediate weights deliver a very legible and neutral look when used in text sizes, providing the usual robustness expected in a newspaper font. The unobstrusive appearance, excellent texture and slightly dark color allow it to behave flawlessly in continuous text setting, even in the most demanding editorial applications.…"
typeface  typography  font  graphic-design  from delicious
april 2011 by Vaguery
Novel Sans Pro™ - Webfont & Desktop font « MyFonts
"NovelSans Pro is new humanist grotesque typeface family matching the award winning serif typeface Novel Pro.<br />
NovelSans' carefully attuned character design, well balanced weight contrast and the classic proportions show many similarities with the serif version and enable designers to combine those two families and reach highest quality in typography.…"
typography  fonts  typeface  graphic-design  from delicious
april 2011 by Vaguery
22 movie making techniques that always work... - Boing Boing
"Anne Lukeman's "22 frames that always work" transmutes the Wally Wood comic classic, 22 panels that always work," into a film-making equivalent."
film  cinematography  direction  storytelling  graphic-design  guidelines 
july 2010 by Vaguery
The Age of Graphical Computing « Rod Carvalho's web notebook
"Ron Doerfler has created a truly gorgeous 2010 calendar titled The Age of Graphical Computing. Ron has transformed nomography into a form of art."
nomograms  calendar  mathematics  nanohistory  engineering  graphic-design 
june 2010 by Vaguery
SigmaPi Design
"Image Effects With Cellular Automata (PDF) Abstract:This paper presents some techniques for creating various artistic effects on digital photography using the concept of cellular automata. All examples in this paper are created by “Image Infector” program, which is a plugin for Pixopedia 24 image editor and painter (www.sigmapi-design.com)."
nudge-targets  cellular-automata  image-synthesis  image-processing  visual-effects  graphic-design  nonphotorealistic 
may 2010 by Vaguery
Streamgraph code ported to JavaScript
"Lee Byron open-sourced his streamgraph code in Processing about a month ago. Jason Sundram has taken that and ported it to JavaScript, using Processing.js.
The algorithms are the same as that in the original, but of course the natural benefit is that people don't need Java to run it their browsers. Jason has also added a few features including dynamic sizing, more straightforward settings, and some interaction with zoom and hover control. Really nice work."
visualization  graphic-design  processing.js  library  graphing  data-analysis  dataviz 
may 2010 by Vaguery
SourceForge.net Repository - [xstarfish] View of /engine/starfish-engine.cpp
" 2168 // We have two choices:
2169 // Create a gradient based on a planar wave.
2170 // Or, composite two other image layers.
2171 // The more complexity available, the more likely it is we will create a composite
2172 // layer instead of a single layer. This recurses, of course, so we can have
2173 // composition layered arbitrarily deep."
via:logista  graphic-design  algorithms  algorithmic-art  to-be-reverse-engineered 
march 2010 by Vaguery
ignore the code: Realism in UI Design
"The goal is not to make your user interface as realistic as possible. The goal is to add those details which help users identify what an element is, and how to interact with it, and to add no more than those details. UI elements are abstractions which convey concepts and ideas; they should retain only those details that are relevant to their purpose. UI elements are almost never representations of real things. Adding too much realism can cause confusion."
design  graphic-design  psychology  user-experience  user-interface  graphics  cognition  semiotics  abstraction 
january 2010 by Vaguery
28 Rich Data Visualization Tools - InsideRIA
"What makes my job really interesting is that these clients are in different industries and are using different technologies. So we have pulled together a set of 28 tools for creating graphs, Gantt charts, diagrammers, calendars/schedulers, gauges, mapping, pivot tables, OLAP cubes, and sparklines, in Flash, Flex, Ajax or Silverlight."
visualization  web-design  software  libraries  javascript  graphic-design  charts 
december 2009 by Vaguery
KeynotePro: Keynote Themes: Fuse* for Keynote '09
"Fuse* is unlike any Keynote theme you've ever used before. We began with a structured, layer-driven framework - vibrant color infusing translucent panels from beneath, balanced against high-visibility focal accents - all set into a striking side-dominant arrangement that only hints at the potential energy hidden underneath."
slides  presentation  templates  graphic-design  design  keynote  want 
december 2009 by Vaguery
Hilobrow | Middlebrow is not the solution
"During the night before the Christmas morning on which Wedge-Wheskit was carried off to the asylum, in 1852, leaving behind a weeping wife and hysterical children, he apparently banged out the designs for a series of six cards, in a frenzy of Victorian sensibility. (He screamed “legs and ligatures, the hideous ligatures!” most piteously, according to an orderly who assisted in restraining the patient.) Tuck and Sons commissioned their man, Haeckel, to add extra legs. Sales were as brisk as the creator’s madness ran deep."
Cthulhu  Christmas  design  graphic-design  illustration  Cthulhutide 
december 2009 by Vaguery
Typekit Launches its Cloud-Based Web Font Service
"What that means is web designers can get easy access to creative fonts without having to spend the time preparing images or Flash files to render them, ideally resulting in time and cost savings in the design stage. It should also provide a more lightweight experience for your web server, because it won’t have to serve up the comparatively heavyweight image or Flash files to render a variety of design-quality fonts."
fonts  typography  design  graphic-design  web2.0  web-design 
november 2009 by Vaguery
after Firefox 3.6 – new font control features for designers at hacks.mozilla.org
"Below is the same text rendered in HTML using the Fell Types revival fonts by Igino Marini with OpenType features enabled. Note the ‘ct’ ligature and the contextual form of the ‘s’:..."
typography  opentype  design  graphic-design  HTML  browsers  rendering 
october 2009 by Vaguery
Balsamiq Mockups Home | Balsamiq
"PUT THAT PENCIL DOWN
Using Balsamiq Mockups feels like you are drawing, but it's digital, so you can tweak and rearrange controls easily, and the end result is much cleaner. Teams can come up with a design and iterate over it in real-time in the course of a meeting."
design  graphic-design  applications  user-interaction  user-experience  programming  software-development  MacOS  collaboration  development  productivity  graphics  interface 
october 2009 by Vaguery
About us | Prezi
"Prezi is zooming sketches on a digital napkin.

It's visualization and storytelling without slides. Your ideas live on stage and on the web.

Have you ever wondered about presenting your thoughts as free as they come? Ever got tired of creating a slideshow? It's been said, that the best innovations come from people who are unhappy with the tools they use. We realized that our ideas won't fit into slides anymore. Putting together creative thinking and technology expertise, we have created Prezi, a living presentation tool."
presentation  visualization  graphic-design  resources  powerpoint  online  tools 
october 2009 by Vaguery
In praise of the sci-fi corridor - Den of Geek
"Corridors make science-fiction believable, because they're so utilitarian by nature - really they're just a conduit to get from one (often overblown) set to another. So if any thought or love is put into one, if the production designer is smart enough to realise that corridors are the foundation on which larger sets are 'sold' to viewers, movie magic is close at hand."
science-fiction  set-decoration  design  graphic-design  industrial-design  movies  detail 
september 2009 by Vaguery
Guilloches | The Ministry of Type
"There are still some extremely frustrating limitations though. First of these is the resolution of drawing the graph. I’m sure for most graphs the default resolution is fine, but when creating these patterns you need tiny increments. Tiny tiny ones. If the line is going from one side of the graph to the other and back again a thousand times in a couple of radians, you don’t want the graph program to start dropping line segments, or corners, or anything really. Grapher does allow you to increase the resolution, but it’s not sticky - change anything in the equation and it pops right back to the default. Every. Single. Time. The same thing seems to happen with the line thickness too - I wanted all the designs to be at 0.1, but it kept changing it back to 1.0. Frustrating! There are a couple of other UI things I’d change, like having an option to keep axes at 1:1 ratio to each other, even when you resize the window."
Processing-much?  design  graphic-design  algorithms  algorithmic-art  typography  programming  illustration  print  engraving  patterns  money 
august 2009 by Vaguery
SMeltery - Manifest Destiny
"Manifest Destiny: a 4-weight Font Family Approved by God Himself

Designed in 2004 during the American national election."
type  typography  graphic-design  design  font 
august 2009 by Vaguery
SMeltery - Soupirs
"This ornamental font family is the result of a long collect through the streets of Bordeaux. From 1489 motifs collected, 310 were chosen to compose Soupirs."
type  typography  fonts  ornament  design  graphic-design 
august 2009 by Vaguery
Numbers | Hoefler & Frere-Jones
Thinking seriously about how to use this, and how often I might do so. Seems rental might be the way to go....
typography  design  graphic-design  numbers  specialties 
may 2009 by Vaguery
Color Scheme Designer 3
("Light page example" is what I have in mind)
via:thetrek  color  utility  Flash  design  graphic-design  color-theory  HTML  CSS 
march 2009 by Vaguery
Ronaldson™ font family : MyFonts
Found a modern digitization of a face whose specimens we were seeing in an 1895 <i>Inland Printer</i> we have around the house.
typography  typeface  book-art  book-design  vintage  graphic-design 
november 2008 by Vaguery
YouTube - VISUAL FUTURIST: the art & life of syd mead
"It reminds you of something you've never seen before." Film showing at Michigan Theater 18 & 19 March 2008
Syd-Mead  design  industrial-design  science-fiction  graphic-design  visualization  local  Ann-Arbor  Michigan  artist  movie  worklife  philosophy 
march 2008 by Vaguery
Segmentation-Based 3D Artistic Rendering
Watch the video, and admire the computer mimicking an artist painting a version of a computer-generated 3-d model. Beautiful.
nonphotorealistic  rendering  visualization  graphic-design  graphics  algorithms  3d  images 
march 2008 by Vaguery
Hyper0802 044 LaserPacking on Flickr - Photo Sharing!
Amazing series of laser-engraved generated artfoms. Trying to discern if they're paper, plastic, cardstock.. or what. Want one.
generative-art  make  engraving  art  graphic-design  sculpture 
february 2008 by Vaguery
« earlier      

related tags

3d  1960s  abstraction  academia  actual  Adama  advertising  advice  affordances  algorithmic-art  algorithms  amazing  amusing  animation  Ann-Arbor  Apple  applications  argumentation  art  artist  audio  award-winning  awesome  bad-design  beautiful  benchmarking  best-practices  biology  blog  book-art  book-design  books  branding  browsers  BSG  business  business-culture  calendar  calligraphy  cartography  Caslon  catalog  cellular-automata  cgi  Chank-Diesel  charts  cheating  Christmas  cinema  cinematography  classes  cognition  collaboration  collage  collection  color  color-theory  colorbrewer  colors  comi  commentary  communication  community  compositing  conspiracy  coolhog  craft  craftsman  creativity  criticism  critique  css  Cthulhu  Cthulhutide  cthullu  cultural-assumptions  cultural-norms  customer-relations  data  data-analysis  dataviz  design  detail  development  diagrams  dictionary  digitization  direction  disintermediation  distress  DIY  downloads  dynamics  economics  election  elephant  empirical  engineering  engraving  explanation  faces  fantasy  FAQ  fashion  figures  film  flash  folklore  font  fonts  fractals  futurism  gallery  games  geeks  generative-art  genetics  ggplot2  grammar  graphic-design  graphics  graphing  graphs  guidelines  Harry-Potter  hebrew  hey-i-know-this-dude  history  hsl  hsv  HTML  humor  illustration  image  image-processing  image-synthesis  imagery  images  industrial-design  information-architecture  information-graphics  inspiration  installation  intense  interactive  interface  interior-design  iWork  javascript  Kerrytown  keynote  kitsch  lab  language  LaTeX  learning-by-doing  Leopard  lettering  letterpress  libraries  library  local  logos  logotype  lorem-ipsum  lost  LuLu.com  MacOS  make  maker  mapping  marketing  mathematics  measuring  media  Michigan  money  motifs  movie  movies  music  mythic  nanohistory  news  nomograms  nonphotorealistic  nostalgia  not-just  Nudge  nudge-targets  numbers  occult  online  open-source  openness  opentype  ornament  P22  package  palette  patterns  pedagogy  perception  personal-brand  philosophy  photography  photos  phylogenetics  plagiarism  plugin  populism  portfolio  powerpoint  presentation  print  print-on-demand  printing  process  Processing  Processing-much?  processing.js  productivity  programming  project  projections  psychoceramics  psychology  public-art  public-domain  publishing  Python  reading  real-estate  reference  rendering  research  resources  resume  retro  retrofuture  Russia  sample  science  science-fiction  scientific-illustration  scripophily  sculpture  semiotics  set-decoration  skills  slides  social-art  software  software-development  special-effects  specialties  statistics  steampunk  storytelling  structure  Syd-Mead  tagging  taste  technical  templates  themes  time-series  timeline  to-be-reverse-engineered  tools  trends  tutorial  TV  type  type-design  typeface  typesetting  typography  user-experience  user-interaction  user-interface  utility  Vague-Innovation  Venn-diagram  via-trek  via:arsyed  via:arthegall  via:b3ta  via:bkerr  via:britta  via:coilhouse  via:cshalizi  via:hrheingold  via:logista  via:mark.larios  via:mitten  via:nelson  via:ognjen  via:slaniel  via:spangledrongo  via:thetrek  via:tsuomela  via:vielmetti  via:zspencer  video  Vincent-Price  vintage  visual-effects  visualization  want  web  web-design  web2.0  wish  witchhunt  wood-engraving  worklife  writing 

Copy this bookmark:



description:


tags: