background preloader

Interactive Media

Facebook Twitter

London Underground Tube Diary - Going Underground's Blog. Thanks to all the comments on Version 1 of 'Curvy Tube Map', many suggestions have been taken into account. My station marks caused controversy before, and this time round I have tried circles, but still directional. The gradient fill was always deliberate; for people following lines, they alert the presence of a station, and give a little bit of 'lift' to the map. Plain circles look drab, standard tickmarks would be completely out of keeping. Version 2 was quite a challenge. The risk with many lines on an all-curves map is a flailing seasick-inducing tangle. People expected to see the "tangerine octopus" added (as named by diamondgeezer) but these lines have to blend in seamlessly and not draw the eye from the most important part on the map, the centre. The routes taken by Overground seem to flow well and adding them has not damaged the routes of the Underground network.

"So, does this map 'work'? London_Transport. Diagram. A diagram is a two-dimensional geometric symbolic representation of information according to some visualization technique. Sometimes, the technique uses a three-dimensional visualization which is then projected onto the two-dimensional surface. The word graph is sometimes used as a synonym for diagram. Overview[edit] The term diagram in common sense can have a general or specific meaning: In the specific sense diagrams and charts contrast computer graphics, technical illustrations, infographics, maps, and technical drawings, by showing "abstract rather than literal representations of information".[1] The essences of a diagram can be seen as:[1] a form of visual formatting devicesa display that do not show quantitative data or [numerical], but rather relationships and abstract informationwith building blocks such as geometrical shapes connected by lines, arrows, or other visual links.

Main diagram types[edit] There are at least the following types of diagrams: Specific diagram types[edit] Learning by testing. Remember The Milk: Online to-do list and task management. Mockups. Take a second. Let it sink in. The first impression might be disorienting. There are very few interface elements on the screen. Start exploring however, and you'll find out that Mockups is filled with powerful yet only-visible-when-you-need-them features. Getting your ideas out should be effortless. We sweat the details so the app gets out of your way, instead of forcing you to learn it. Our sweet spot: the ideation phase Mockups really shines during the early stages of designing a new interface.

Mockups is zenware, meaning that it will help you get "in the zone", and stay there. Mockups offers the same speed and rough feel as sketching with pencil, with the advantage of the digital medium: drag & drop to resize and rearrange elements, make changes without starting over, and your work is clear enough that you'll make sense of them later. See what you can build with Mockups Download the samples above, or find more on Mockups To Go, our community-contributed stencils site. Learning UX Design. Visual Representation.