Posts dedicated to the art of design.

Articles

A Quick Status Update

The phonograph, also called gramophone or record player, is a device introduced in 1877 for the recording and reproduction of sound recordings. The recordings played on such a device consist of waveforms that are engraved onto a rotating cylinder or disc. As the recorded surface rotates, a playback stylus traces the waveforms and vibrates to reproduce the recorded sound waves.

The phonograph was invented in 1877 by Thomas Edison. While other inventors had produced devices that could record sounds, Edison’s phonograph was the first to be able to reproduce the recorded sound. His phonograph originally recorded sound onto a tinfoil sheet phonograph cylinder, and could both record and reproduce sounds.

Lire la suite

Free Notebook Photos

Several months ago, I ran into a Kickstarter page for Baron Fig notebooks. I was immediately struck by the aesthetic and simplicity that the notebook promised. Although I foolishly didn’t back Baron Fig at the time, I was delighted to see they recently started shipping.

Fast forward to today, when I finally received a few of these notebooks in the mail. The build quality and paper are top-notch, and provide a great writing experience. I couldn’t help but take a few photos of these beautiful notebooks.

Feel free to use these photos on any of your projects, commercial, personal or otherwise. They could make great Featured Images for your WordPress posts and pages, which is hopefully powered by an Array theme. If not, well, you should fix that immediately.

Revisiting Dieter Rams 10 Principles of Design

Rams began studies in architecture and interior decoration at Wiesbaden School of Art in 1947. Soon after in 1948, he took a break from studying to gain practical experience and conclude his carpentry apprenticeship. He resumed studies at Wiesbaden School of Art in 1948 and graduated with honours in 1953 after which he began working for Frankfurt based architect Otto Apel. In 1955, he was recruited to Braun as an architect and an interior designer. In addition, in 1961, he became the Chief Design Officer at Braun until 1995.

Rams introduced the idea of sustainable development and of obsolescence being a crime in design in the 1970s. Accordingly he asked himself the question: is my design good design? The answer formed his now celebrated ten principles.

Lire la suite

Crafting Quality UX

Philosophy of design is the study of assumptions, foundations, and implications of design. The field is defined by an interest in a set of problems, or an interest in central or foundational concerns in design. In addition to these central problems for design as a whole, many philosophers of design consider these problems as they apply to particular disciplines (e.g. philosophy of art).

The History

The field needs more depth, in a sense graphic design needs to find itself, all while evolving at the same time. It’s debatable how the background of graphic design needs to be shared. There’s the discussion of different designers, and their notable works. Portrayals of how the physical art has changed and been inspired by past all while embracing the future.

Graphic Design as a field is young. There is not enough information about how it came to be. There is subtle information about society accepting messages being put in front of them. There’s not enough information given to design students about where the concept for graphic design comes from, or at least an understanding about the original forms of communications that used more than words, or why typography has such a large impact.

Lire la suite

Getting Down and Dirty With CSS Selectors

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including plain XML, SVG and XUL.

CSS is designed primarily to enable the separation of document content from document presentation.

CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design).

.post code {
	background: #90979F;
	color: #fff;
	padding: 40px;
}

Lire la suite

Using Typekit To Step Up Your Web Typography

In traditional typography, a font is a particular size, weight and style of a typeface. Each font was a matched set of metal type, one piece (called a “sort”) for each glyph, and a typeface comprised a range of fonts that shared an overall design.

In modern usage, with the advent of digital typography, font is frequently synonymous with typeface. In particular, the use of “vector” or “outline” fonts means that different sizes of a typeface can be dynamically generated from one design.

Font Characteristics

In addition to the character height, when using the mechanical sense of the term, there are several characteristics which may distinguish fonts, though they would also depend on the script(s) that the typeface supports. In European alphabetic scripts, i.e. Latin, Cyrillic and Greek, the main such properties are the stroke width, called weight, the style or angle and the character width.

Different fonts of the same typeface may be used in the same work for various degrees of readability and emphasis.

The regular or standard font is sometimes labeled roman, both to distinguish it from bold or thin and from italic or oblique. The keyword for the default, regular case is often omitted for variants and never repeated, otherwise it would be Bulmer regular italic, Bulmer bold regular and even Bulmer regular regular. Roman can also refer to the language coverage of a font, acting as a shorthand for “Western European.”