Vaguery + graphic-design 124
Avería – The Average Font
4 weeks ago by Vaguery
"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
5 weeks ago by Vaguery
"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
Learn how to structure your CSS to allow for flexibility and maintainability as your project and your team grows."
5 weeks ago by Vaguery
A List Apart: Articles: Artistic Distance
6 weeks ago by Vaguery
"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
11 weeks ago by Vaguery
"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
11 weeks ago by Vaguery
"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
Perceived color brightness
december 2011 by Vaguery
A little color theory for you
hsl
hsv
lab
colorbrewer
design
graphic-design
color-theory
color
visualization
via:nelson
december 2011 by Vaguery
Hebrew Typography
november 2011 by Vaguery
beautiful lettering
typography
hebrew
graphic-design
calligraphy
lettering
november 2011 by Vaguery
Adelle - Desktop font « MyFonts
april 2011 by Vaguery
"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
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.…"
april 2011 by Vaguery
Novel Sans Pro™ - Webfont & Desktop font « MyFonts
april 2011 by Vaguery
"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
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.…"
april 2011 by Vaguery
22 movie making techniques that always work... - Boing Boing
july 2010 by Vaguery
"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
june 2010 by Vaguery
"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
may 2010 by Vaguery
"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
may 2010 by Vaguery
"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
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."
may 2010 by Vaguery
SourceForge.net Repository - [xstarfish] View of /engine/starfish-engine.cpp
march 2010 by Vaguery
" 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
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."
march 2010 by Vaguery
ignore the code: Realism in UI Design
january 2010 by Vaguery
"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
december 2009 by Vaguery
"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
december 2009 by Vaguery
"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
december 2009 by Vaguery
"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
november 2009 by Vaguery
"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
october 2009 by Vaguery
"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
october 2009 by Vaguery
"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
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."
october 2009 by Vaguery
About us | Prezi
october 2009 by Vaguery
"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
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."
october 2009 by Vaguery
In praise of the sci-fi corridor - Den of Geek
september 2009 by Vaguery
"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
august 2009 by Vaguery
"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
august 2009 by Vaguery
"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
Designed in 2004 during the American national election."
august 2009 by Vaguery
SMeltery - Soupirs
august 2009 by Vaguery
"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
may 2009 by Vaguery
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
march 2009 by Vaguery
("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
november 2008 by Vaguery
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
march 2008 by Vaguery
"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
march 2008 by Vaguery
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
flash game
march 2008 by Vaguery
wow. Just... wow.
via:b3ta
flash
interactive
games
3d
graphic-design
intense
learning-by-doing
benchmarking
amazing
march 2008 by Vaguery
Hyper0802 044 LaserPacking on Flickr - Photo Sharing!
february 2008 by Vaguery
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
Bleeding Cowboys Font | dafont.com
february 2008 by Vaguery
planning something
font
typography
sample
logotype
design
graphic-design
february 2008 by Vaguery
Pitch Black (calm green)
january 2008 by Vaguery
Processing 3d rendering
Processing
video
visualization
music
3d
graphic-design
dynamics
january 2008 by Vaguery
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: