Tipo – Construcciones

Es el trabajo en 3D de un diseñador escocés llamado Christopher Labrooy.

Experimentemos con materiales, este es un buen ejemplo.


Otro buen ejemplo es… este jejejeje.


Aquí podrán ver algunos otros trabajos de este diseñador. Anímense a experimentar.



Atte. Chio Corona



Esta es una animación de exploración tipográfica, que bien podríamos llamar “Juego tipográfico”.

También podríamos jugar así que, Jugamos?


Atte.Chio Corona

What is Blackletter made of?

Blackletter fonts were the earliest fonts used with the invention of the printing press. They resemble the artistic handwritings of cloisters in the Middle Ages and fall into three groups:

1.     GOTHIC



In the history of those fonts, they have had many different perceptions like consensual, readable, rational. Nowadays the blackletters have a significant more strong, more aggressive, is unfriendly, strict and very direct.

but Bruno Bernard typographer from this times, wants to get a new and fresh perception for the blackletters with his ADSO fount, created between 2005 and 2010.

Adso allies the modernity of uncluttered shapes to the noble beauty of blackletter structures.

Adso is the first outcome of a research lead by its designer on the possibilities of reintroducing gothic scripts in the comtemporary world.

It’s a typeface of today, highly legible thanks to its simple shapes, and very attractive thanks to the sweetness of its curves. It can be used in far more diverse fields than old blackletter are.

Adso thus offers a fresh look on our typographic inheritage, and widens the field of experimentation for graphic designers.


Text by http://fontdeck.com/typeface/adso


21 April 2011


Images by http://www.knowledgerush.com/kr/encyclopedia/Black_letter/

21 April 2011


Links http://www.batfoundry.com/catalogue_2_adso_.html





Tienen que firmar el “Manifiesto del Garabato” o “Doodle Manifesto” (en inglés)

Desde el otro día me encontré con el, he querido traducirlo, pero por ahora no hay mucho tiempo, sinembargo se los dejo para que lo firmen todos viene directo de una revilucionaria en esto, se llama Sunni brown y muchos le llaman a la técnica “note taking” 


We, the Doodlers of every nation, in order to form a more perfect world, establish semantic truth, promote whole-mind learning, provide for the struggling knowledge worker and student, enhance educational well-being, and secure the benefits of the Doodle for ourselves and our posterity, do ordain and establish this Manifesto for Doodlers everywhere.

—Set Forth by the Founding Strategic Doodlers this 14th day of February of the Year 2011

to doodle (modern defn.): to dawdle; to draw something without thinking; to scrawl aimlessly; to make meaningless marks; to do something of little value, substance or import; to do nothing.


Contrary to popular belief, THERE IS NO SUCH THING AS A MINDLESS DOODLE.

The very act of creating a Doodle necessarily engages the mind. Doodling IS thinking, soldiers, it’s just thinking in disguise. This Manifesto, therefore, intends to disrupt society’s myths that—intentionally or otherwise—conspire to keep the Doodle down. We will illuminate the truth about doodling and set the record straight after more than 200 years of misinformation. Because we, the millions of Doodlers around the world and the billions of Doodlers throughout history, know the impressive power of this universal act. And on this day and each day forth, shall the rest of the world know, too. No longer will the Doodle hide in a house of ill repute. No longer will simple visual language be underused and misunderstood. Forevermore, we acknowledge the Doodle as a tool for whole-mind learning and we wield its power deliberately and without restriction, in any learning environment we see fit.

We hold these truths to be self-evident:

  • That doodling is as native to human beings as are walking and talking;
  • That human beings have been doodling in the sand, in the snow and on cave walls for over 30,000 years;
  • That we are neurologically wired with an overwhelmingly visual sensory ability;
  • That doodling ignites three learning modalities—auditory, kinesthetic, and visual—and dramatically enhances the experience of learning;
  • That doodling promotes concentration and increases information retention by up to 29%;
  • That doodling supports deep, creative problem solving and innovation;
  • That doodling has been an ever-present tool, a pre-cursor and a catalyst for the emergence of intellectual breakthroughs in science, technology, medicine, architecture, literature and art;
  • That doodling is and has been deployed by some of the best and brightest minds in history;
  • And that doodling lives outside of the elitist realms of high art and design and is a form of expression free and accessible to all.

Because of these realities of the Doodle, we, the Revolutionaries, herebyDECLARE A DOODLE REVOLUTION. We defy the modern definition of doodling and take the definition into our own hands. What we believe to be a fair and just definition of the Doodle is as follows:

to doodle (Revolutionary’s defn.): to make spontaneous marks in order to support thinking; to use simple visual language to engage three learning modalities; to use simple visual language to activate the mind’s eye and support creativity, problem-solving and innovation.

We believe that education around the power of doodling necessarily leads to its enhanced use. So as Revolutionaries, we up the ante of the Doodle and define an even more advanced method of deploying it: Strategic Doodling.

to strategically doodle (Revolutionary’s defn.): to intentionally track auditory or text-based content and translate it into words and pictures; to generate both text- and picture-based language to clarify and communicate concepts; to craft and display complex information using a union of words and pictures.

The practice of strategic doodling is for a complex and unpredictable future—one that will warrant knowledge of and proficiency in the construction of visual displays. We believe that the opportunity to learn and practice doodling and strategic doodling should be available to all people, so we will no longer tolerate the crippling of our native doodling abilities in order to adhere to antiquated perceptions. We insist that the people be shown the value and the applications of the Doodle.

To reach this lofty goal, we first demand that teachers, bosses, and other authority figures cease and desist any suspicion and disapproval that stigmatizes doodling. We assert our belief that doodling is most appropriate where society perceives it as least appropriate: in situations with high information density and high accountability for learning. Today, we liberate the Doodle and elevate it to its proper place in our world. We take up our pens, pencils and felt-tipped markers and deploy doodling—strategic and simple—wherever we deem it necessary. We will wield the power of the Doodle and for this, we will not apologize. We will take the Doodle back and then put it to work.

Long Live the Doodle Revolution.

Get occasional missives on strategy, operations and basecamps

Note: This is a real revolution, so we’re going to ask you to confirm your participation via email. The Doodle is not a joke. Got it?

FYI, if you uncheck the missives box this’ll be only be the only email you get from us.via  http://sunnibrown.com/doodlerevolution/manifesto/

Diseño web en celulares: 10 consejos para una mejor usabilidad

Mobile Web Design: 10 Tips To Better Usability

Mobile web browsing is expected to turn into the next major Internet platform. It is now easy to browse the net from nearly anywhere utilizing mobile devices that fit in a hand because of technology. Being short in good usability implementation in mobile web design makes it difficult browsing your way around various popular mobile websites. Designing for mobile devices needs to be simpler than its standard website and more task-based to get the job done because users look for something specific and urgent.

mobile web design Mobile Web Design: 10 Tips To Better Usability

You should take into account on how to use the barest minimum of the available space for your major contents and remain interesting for mobile users. Avoid large images and flash animation as it will slow down your site. Remember that functionality is more important than style for mobile websites. If your website is not coded and design properly, it could look better on one phone, worst on another or worse, not displaying at all. Test, validate, and check if it’s compatible with all mobile devices.

To aid you in creating website that is accessible not just on desktop or laptop computers but also mobile devices, here are some of the things to consider on mobile web design with sample images together with the mobile website version’s direct link.

1. Decide on the screen resolution

The mobile world contains a rich variation of design considerations from different screen sizes and resolution to a variety of shapes. Aim to strike a balance between sufficient screen width and audience size. Find out the specs of current mobile devices and use your best judgement. What’s challenging for mobile developers is the way to get one to display appropriately across a range of screen sizes without having to recreate pages for different platforms.

Here is a list of web resolutions popular on mobile devices as of February 2011 presented by Uxbooth.com with their published article, Considerations for Mobile Web Design (Part 2): Dimensions, by David Leggett. The author explains a few points about display dimensions and solutions for layout design.

18 top 10 tips for mobile web design usability resolution Mobile Web Design: 10 Tips To Better Usability

2. Break up web pages into small portions

Lengthy sections of text can be hard to read so placing them on several pages limits the scrolling to one direction. Get rid of low priority content. Stick to a single column of text that wraps so there’s no horizontal scrolling.

For the example below, CBS News mobile website version shows only the major news section and breaks the news articles into small portions. While Treehugger presents itself with their recent articles and latest tweets with some of the features of the full website. Both sites have the user click a text link to view the rest of the article.

CBS News

01 top 10 tips for mobile web design usability cbs news Mobile Web Design: 10 Tips To Better Usability


02 top 10 tips for mobile web design usability treehugger Mobile Web Design: 10 Tips To Better Usability

3. Simplify the design

Simplicity equates to usability. Let them move around the site with no difficulty. Avoid the inclusion of tables, frames and other formatting. If you use padding, remember to keep it to an absolute minimum far less than you’d use for a normal web page. Compared to desktop computers, the more you click the links on mobile websites, the more you wait because of loading time. With that, you need to strip down and simplify your website with balance between content and navigation.

For our example, the mobile version website of Best Buy list only the most essential product categories trimming down the level of hierarchy for content. While YouTube mobile home page shows only the four latest spotlight videos.

Best Buy

03 top 10 tips for mobile web design usability best buy Mobile Web Design: 10 Tips To Better Usability


04 top 10 tips for mobile web design usability youtube Mobile Web Design: 10 Tips To Better Usability

4. Option to view the full website

Provide a link for your mobile visitors to switch back to your full website for the user to find and view the other content and features that’s only accessible to the desktop version of the site. Your viewers will surely be doing a lot of vertical scrolling, so help them out with ‘Back To Top’ links so that they can jump to the top of the page.

As an example, Ars Technica have their link button to the standard website placed on the heading. While the Shangri-La have their full website link placed on the footer.

Ars Technica

07 top 10 tips for mobile web design usability ars technica Mobile Web Design: 10 Tips To Better Usability


05 top 10 tips for mobile web design usability shangri la Mobile Web Design: 10 Tips To Better Usability

5. Navigation placement

Get to know your audience and be aware of what they are looking for. Find out how they will want to navigate your site. Position your navigation menu below the content if your targeted mobile users want to see changing content quickly. The content and headline needs to be visible first to not get in the way of viewing the page content. For users who want to navigate on a particular category right away, place the navigation at the top of the page. Below are various samples of navigation placement used in mobile web design.


08 top 10 tips for mobile web design usability dolce n gabbana Mobile Web Design: 10 Tips To Better Usability


09 top 10 tips for mobile web design usability politico Mobile Web Design: 10 Tips To Better Usability

Daily Horoscope

19 top 10 tips for mobile web design usability hastral Mobile Web Design: 10 Tips To Better Usability

6. Use text links

Your main website may employ whizzy fly-out menus, rollovers or other fancy gadgetry, but a mobile browser will likely not. Be aware that dynamic page elements and graphical links consume resources, so opt for well-labelled text links.

A List Apart

10 top 10 tips for mobile web design usability a list apart Mobile Web Design: 10 Tips To Better Usability


11 top 10 tips for mobile web design usability reddit Mobile Web Design: 10 Tips To Better Usability

7. Make a distinction between the selected link

Moving the cursor down will scroll the page and highlights the links all at once. So, it’s important to clearly advice the user what item is in focus. This can be done by changing the font and background colour of links and buttons or by simply adding some padding around links to make the clickable area larger about 44px by 44px. Geek Squad and Diesel made use of large fonts for clickable text.

Geek Squad

12 top 10 tips for mobile web design usability geek squad Mobile Web Design: 10 Tips To Better Usability


13 top 10 tips for mobile web design usability diesel Mobile Web Design: 10 Tips To Better Usability

8. Balance links

Each page download consumes time and system resources, the latter of which are in short supply, so try not to force the site visitor to digg through a multitude of pages in order to access the information sought. Strike a balance between the number of links on each page and the depth of the site.


14 top 10 tips for mobile web design usability flickr Mobile Web Design: 10 Tips To Better Usability


15 top 10 tips for mobile web design usability twitter Mobile Web Design: 10 Tips To Better Usability

9. Reduce user text entry

It is hard to input text in mobile versions of web sites. Replace with radio buttons or list instead so they can opt from what they need with ease. Remember that mobiles users don’t have access to conventional keyboard and mouse. The shorter the URL , the better because it’s monotonous to type in long URLs.

For our sample below, Fedex made use of checklist and drop down menus. While Tumblr made you choose your language using the drop down menu.


16 top 10 tips for mobile web design usability fedex Mobile Web Design: 10 Tips To Better Usability


17 top 10 tips for mobile web design usability tumblr Mobile Web Design: 10 Tips To Better Usability

10. No pops or refreshes

Mobile browsers do not normally support pop-ups. And if they did, they’d have very narrow space to pop into. Stay away from using them to avoid unpredictable results. Also, don’t have pages refreshing periodically to avoid filling the device limited memory. Let the user refresh the content.

20 top 10 tips for mobile web design usability popup Mobile Web Design: 10 Tips To Better Usability

In A Nutshell

Get creative and apply your mobile web design in a new way. Make your content compelling enough and usable. Give your users what they want, when they want it. Users don’t want to dig deeper to the site just to find what they are looking for in the mobile web.

Do you have any preferred mobile sites that really inspired you? Can you share some of your mobile web design tips? Let us know!

Further Reading

  1. Responsive Web Design (alistapart.com)
  2. Make your Site Mobile Friendly (thinkvitamin.com)
  3. W3C mobileOK Checker (w3.org)
  4. iPhone Simulator