![Newcastle City & Angel of the North Tour](https://realbritaincompany.com/wp-content/uploads/2019/12/newcastletourpic350.jpg?v=1712066041)
');--success-svg-icon:url('data:image/svg+xml;utf8,');--info-svg-icon:url('data:image/svg+xml;utf8,');--chevron-svg-icon:url('data:image/svg+xml;utf8,');--checkbox-svg-icon:url('data:image/svg+xml;utf8,');--radiobutton-svg-icon:url('data:image/svg+xml;utf8,');--show-password-svg-icon:url('data:image/svg+xml;utf8,');--hide-password-svg-icon:url('data:image/svg+xml;utf8,');--error-svg-icon-color:var(--red-500);--success-svg-icon-color:var(--emerald-700);--info-svg-icon-color:var(--sky-500);--chevron-svg-icon-color:var(--grey-900);--checkbox-svg-icon-color:var(--grey-900);--radiobutton-svg-icon-color:var(--grey-900);--show-password-svg-icon-color:var(--grey-900);--hide-password-svg-icon-color:var(--grey-900);--bde-woo-notices__icon-size:16px;--bde-woo-notices__padding:24px;--bde-woo-notices__border-radius:4px;--bde-woo-notices__error-background:var(--red-50);--bde-woo-notices__error-text:var(--red-500);--bde-woo-notices__error-link-text:var(--red-500);--bde-woo-notices__error-link-text-hover:var(--red-500);--bde-woo-notices__info-background:var(--sky-100);--bde-woo-notices__info-text:var(--sky-500);--bde-woo-notices__info-link-text:var(--sky-500);--bde-woo-notices__info-link-text-hover:var(--sky-500);--bde-woo-notices__success-background:var(--emerald-100);--bde-woo-notices__success-text:var(--emerald-700);--bde-woo-notices__success-link-text:var(--emerald-700);--bde-woo-notices__success-link-text-hover:var(--emerald-700);--bde-woo-sale-badge__border-radius:2px;--bde-woo-sale-badge__padding:4px 8px;--bde-woo-ratings__star-color:var(--yellow-500);--bde-woo-ratings__star-size:18px;--bde-woo-ratings__filled-star-svg:url('data:image/svg+xml;utf8,');--bde-woo-ratings__empty-star-svg:url('data:image/svg+xml;utf8,');--bde-woo-product-images__border-radius:4px;--bde-woo-product-images__border-width:0px;--bde-woo-product-images__border-color:var(--grey-300);--bde-woo-wrappers__background-color:var(--white);--bde-woo-wrappers__border-radius:4px;--bde-woo-wrappers__border-color:var(--grey-300);--bde-woo-wrappers__border-width:1px;--bde-woo-wrappers__shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-tables__header-color:var(--grey-100);--bde-woo-tables__background-color:var(--white);--bde-woo-tables__border-radius:4px;--bde-woo-tables__border-width:1px;--bde-woo-widgets__chip-background-color:transparent;--bde-woo-widgets__chip-background-color-hover:var(--indigo-50);--bde-woo-widgets__chip-text-color:inherit;--bde-woo-widgets__handle-border-color:var(--grey-300);--bde-woo-widgets__handle-background-color:var(--white);--bde-woo-widgets__handle-background-color-hover:var(--white);--bde-woo-widgets__handle-shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-widgets__handle-shadow-hover:var(--grey-300) 0 0 4px;--bde-woo-widgets__remove-item-from-cart-color:var(--grey-450);--bde-woo-select2__active-item-background-color:var(--indigo-50);--bde-woo-gallery__zoom-icon-shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-payment-box-background-color:var(--grey-100);--bde-woo-payment-box-border-color:var(--grey-200);--bde-woo-payment-box-border-width:1px;--bde-woo-quicklook-button-icon:url(/wp-content/uploads/breakdance/css/icons/eye.svg);--bde-woo-quicklook-button-background-color:none;--bde-woo-quicklook-button-icon-size:20px;--bde-woo-quicklook-button-backdrop-color:rgba(0,0,0,.15);--bde-woo-quicklook-button-backdrop-opacity:.7;--bde-woo-quicklook-modal-background-color:var(--white);--bde-woo-quicklook-overlay-color:rgba(0,0,0,.7);--bde-woo-quicklook-close-button-size:2em;--bde-woo-quicklook-arrow-size:1em;--bde-woo-quicklook-arrow-color:var(--white);--bde-woo-swatch-space-between-options:10px;--bde-woo-swatch-padding:7px;--bde-woo-swatch-color-width:30px;--bde-woo-swatch-color-height:30px;--bde-woo-swatch-border:1px solid var(--grey-200);--bde-woo-swatch-border-color-hover:var(--grey-400);--bde-woo-swatch-shadow:none;--bde-woo-swatch-shadow-hover:none;--bde-woo-swatch-background:var(--white);--bde-woo-swatch-background-hover:var(--grey-50);--bde-woo-swatch-color-padding:2px;--bde-woo-swatch-tooltip-color:var(--white);--bde-woo-swatch-tooltip-background:var(--grey-900);--bde-woo-swatch-tooltip-padding:7px;--bde-woo-swatch-space-after-label:8px;--bde-woo-responsive__stack:row}:root{--bde-links-color:var(--bde-brand-primary-color);--bde-links-color-hover:var(--bde-brand-primary-color-hover);--bde-button-primary-background-color:var(--bde-brand-primary-color);--bde-button-primary-background-color-hover:var(--bde-brand-primary-color-hover);--bde-button-secondary-border-color:var(--bde-brand-primary-color);--bde-button-secondary-border-color-hover:var(--bde-brand-primary-color);--bde-button-secondary-text-color:var(--bde-brand-primary-color);--bde-button-secondary-background-color-hover:var(--bde-brand-primary-color);--bde-button-text-text-color:var(--bde-links-color);--bde-button-text-text-color-hover:var(--bde-links-color-hover);--bde-button-font-size:var(--bde-body-font-size);--bde-form-font-size:var(--bde-body-font-size);--bde-form-input-border-top-left-radius:var(--bde-form-input-border-radius);--bde-form-input-border-top-right-radius:var(--bde-form-input-border-radius);--bde-form-input-border-bottom-left-radius:var(--bde-form-input-border-radius);--bde-form-input-border-bottom-right-radius:var(--bde-form-input-border-radius);--bde-form-input-border-top:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-right:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-bottom:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-left:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-label-color:var(--bde-headings-color);--bde-form-input-focused-border-color:var(--bde-brand-primary-color);--bde-form-input-focused-shadow:var(--bde-brand-primary-color) 0 0 2px;--bde-form-checkbox-selected-color:var(--bde-brand-primary-color);--bde-z-index-lightbox:1100;--bde-z-index-popup:1050;--bde-z-index-modal:1000;--bde-z-index-modal-backdrop:calc(var(--bde-z-index-modal) - 1);--bde-z-index-high:300;--bde-z-index-medium:200;--bde-z-index-low:100;--bde-z-index-sticky:10;--bde-z-index-minicart:var(--bde-z-index-modal);--bde-z-index-minicart-backdrop:var(--bde-z-index-modal-backdrop);--bde-z-index-menu-dropdown:var(--bde-z-index-modal);--bde-z-index-menu-mobile:var(--bde-z-index-modal);--bde-z-index-menu-backdrop:var(--bde-z-index-modal-backdrop);--bde-z-index-search-fullscreen:var(--bde-z-index-modal);--bde-z-index-back-to-top:var(--bde-z-index-high);--bde-z-index-scroll-progress:var(--bde-z-index-high);--bde-z-index-header-sticky:var(--bde-z-index-medium);--bde-z-index-header-overlay:calc(var(--bde-z-index-header-sticky) - 1);--bde-z-index-social-share-buttons:var(--bde-z-index-low);--bde-woo-base-text-color:var(--bde-body-text-color);--bde-woo-base-headings-color:var(--bde-headings-color);--bde-woo-base-primary-color:var(--bde-brand-primary-color);--bde-woo-base-primary-color-hover:var(--bde-brand-primary-color-hover);--bde-woo-base-extra-small-gaps:calc(var(--bde-woo-base-small-gaps)/var(--bde-woo-base-ratio));--bde-woo-base-small-gaps:calc(var(--bde-woo-base-space)/var(--bde-woo-base-ratio));--bde-woo-base-standard-gaps:var(--bde-woo-base-space);--bde-woo-base-medium-gaps:calc(var(--bde-woo-base-space)*var(--bde-woo-base-ratio));--bde-woo-base-big-gaps:calc(var(--bde-woo-base-medium-gaps)*var(--bde-woo-base-ratio));--bde-woo-base-large-gaps:calc(var(--bde-woo-base-big-gaps)*var(--bde-woo-base-ratio));--bde-woo-base-extra-large-gaps:calc(var(--bde-woo-base-large-gaps)*var(--bde-woo-base-ratio));--bde-woo-typography-ratio:var(--bde-font-size-ratio);--bde-woo-typography__size-small:calc(var(--bde-woo-typography__size-standard)/var(--bde-woo-typography-ratio));--bde-woo-typography__size-small-font-family:var(--bde-body-font-family);--bde-woo-typography__size-standard:var(--bde-body-font-size);--bde-woo-typography__size-standard-font-family:var(--bde-body-font-family);--bde-woo-typography__size-medium:calc(var(--bde-woo-typography__size-standard)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-medium-font-family:var(--bde-heading-font-family);--bde-woo-typography__size-large:calc(var(--bde-woo-typography__size-medium)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-large-font-family:var(--bde-heading-font-family);--bde-woo-typography__size-extra-large:calc(var(--bde-woo-typography__size-large)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-extra-large-font-family:var(--bde-heading-font-family);--bde-woo-buttons-and-links__text-link-color:var(--bde-woo-base-primary-color);--bde-woo-buttons-and-links__text-link-color-hover:var(--bde-woo-base-primary-color-hover);--bde-woo-buttons-and-links__nav-link-color:var(--bde-woo-base-text-color);--bde-woo-buttons-and-links__nav-link-color-hover:var(--bde-woo-base-text-on-primary-color);--bde-woo-buttons-and-links__nav-link-color-active:var(--bde-woo-base-primary-color);--bde-woo-forms__spacing-after-label:var(--bde-form-after-label);--bde-woo-forms__spacing-between-fields:var(--bde-form-gap);--bde-woo-forms__spacing-between-columns:var(--bde-woo-base-extra-large-gaps);--bde-woo-forms__labels-color:var(--bde-form-label-color);--bde-woo-forms__inputs-background-color:var(--bde-form-input-background-color);--bde-woo-forms__inputs-text-color:var(--bde-form-text-color);--bde-woo-forms__inputs-placeholder-color:var(--bde-form-input-placeholder-color);--bde-woo-forms__inputs-border-color:var(--bde-form-input-border-color);--bde-woo-forms__inputs-border-width:var(--bde-form-input-border-width);--bde-woo-forms__inputs-border-radius:var(--bde-form-input-border-top-left-radius) var(--bde-form-input-border-top-right-radius) var(--bde-form-input-border-bottom-right-radius) var(--bde-form-input-border-bottom-left-radius);--bde-woo-forms__inputs-background-color-focused:var(--bde-form-input-focused-background-color);--bde-woo-forms__inputs-border-color-focused:var(--bde-form-input-focused-border-color);--bde-woo-forms__inputs-shadow-focused:var(--bde-form-input-focused-shadow);--bde-woo-forms__inputs-shadow:var(--bde-form-input-input-shadow);--bde-woo-forms__inputs-select2-hover-item:var(--bde-woo-base-primary-color);--bde-woo-forms__labels-required-color:var(--bde-form-label-required-color);--bde-woo-forms__labels-required-size:var(--bde-form-label-required-size);--bde-woo-forms__labels-required-nudge-x:var(--bde-form-label-required-nudge-x);--bde-woo-forms__labels-required-nudge-y:var(--bde-form-label-required-nudge-y);--bde-woo-tables__border-color:var(--bde-woo-base-border-color);--bde-woo-sale-badge__background-color:var(--bde-woo-base-primary-color);--bde-woo-sale-badge__text-color:var(--bde-woo-base-text-on-primary-color);--bde-woo-sale-badge__font-weight:var(--bde-woo-typography-font-weight-heavy);--bde-woo-sale-badge__font-size:var(--bde-woo-typography__size-standard);--bde-woo-widgets__chip-text-color-hover:var(--bde-woo-buttons-and-links__text-link-color);--bde-woo-widgets__handle-border-color-hover:var(--bde-woo-base-primary-color);--bde-woo-notices__padding-left:calc(var(--bde-woo-notices__padding) + var(--bde-woo-notices__icon-size) + (var(--bde-woo-notices__icon-size)/2));--bde-woo-quicklook-button-text-color:var(--bde-button-primary-text-color);--bde-woo-quicklook-button-background-color-hover:var(--bde-woo-quicklook-button-background-color);--bde-woo-quicklook-button-icon-spacing:var(--bde-woo-base-standard-gaps);--bde-woo-quicklook-close-button-color:var(--bde-woo-base-headings-color);--bde-woo-quicklook-arrow-color-hover:var(--bde-woo-quicklook-arrow-color);--bde-woo-quicklook-arrow-background-color:var(--bde-brand-primary-color);--bde-woo-quicklook-arrow-background-color-hover:var(--bde-woo-quicklook-arrow-background-color);--bde-woo-swatch-space-between-items:var(--bde-woo-base-medium-gaps);--bde-woo-swatch-background-selected:var(--bde-woo-swatch-background-hover);--bde-woo-swatch-border-color-selected:var(--bde-woo-swatch-border-color-hover);--bde-woo-swatch-shadow-selected:var(--bde-woo-swatch-shadow-hover);--bde-woo-swatch-color-background:var(--bde-woo-swatch-background)}:root{--bde-base-font-size:16px}.breakdance *,.breakdance *:before,.breakdance *:after{box-sizing:border-box}.breakdance img{max-width:100%;height:auto}.breakdance figure{width:100%;margin-left:0;margin-right:0}.breakdance{background-color:var(--bde-background-color);color:var(--bde-body-text-color)}.breakdance h1,.breakdance h2{color:var(--bde-headings-color)}.breakdance a{color:var(--bde-links-color)}.breakdance{font-family:var(--bde-body-font-family);font-size:var(--bde-body-font-size)}.breakdance h1,.breakdance h2{font-family:var(--bde-heading-font-family)}.breakdance h1{font-size:var(--bde-h1-font-size)}.breakdance h2{font-size:var(--bde-h2-font-size)}.breakdance h2{font-size:28px}.breakdance .bde-section-84139-100{background-color:#f1f1f1;background-size:cover}.breakdance .bde-section-84139-100>.section-background-overlay{background:linear-gradient(0deg,rgba(0,0,0,1) 75.38461538461539%,rgba(255,255,255,1) 100%)}.breakdance .bde-section-84139-100>.section-background-overlay{background-color:#fff}.breakdance .bde-section-84139-100>.section-background-overlay{opacity:1}.breakdance .bde-section-84139-100>.section-background-overlay{mix-blend-mode:saturation}.breakdance .bde-breadcrumbs-84139-108{margin-bottom:20px;width:100%;justify-content:flex-start}@media (max-width:767px){.breakdance .bde-heading-84139-101{font-size:28px}}@media (max-width:479px){.breakdance .bde-heading-84139-101{font-size:28px}}.breakdance .bde-image-84139-103{margin-top:20px;width:100%}.breakdance .bde-image-84139-103 .breakdance-image-container{box-shadow:5px 0px 5px 0px #00000025;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}.breakdance .bde-image-84139-103 .breakdance-image-clip{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}.breakdance .bde-image-84139-103 .breakdance-image-object{width:100%;height:auto}.breakdance .bde-wp-widget-84139-141 .widgettitle{display:none}.breakdance .bde-wp-widget-84139-148 .widgettitle{display:none}.breakdance .bde-header-builder-84113-100 .bde-header-builder__container{padding-bottom:0;padding-top:5px}@media screen and (max-width:600px){.breakdance .bde-header-builder{--wp-admin--admin-bar--height:0px}}@media (max-width:1119px){.breakdance .bde-header-builder-84113-100 .bde-header-builder__container{flex-direction:column}}.breakdance .bde-columns-84113-101{--columnCount:4}@media (max-width:1119px){.breakdance .bde-columns-84113-101{--columnCount:4}}@media (max-width:1023px){.breakdance .bde-columns-84113-101{--columnCount:4}}@media (max-width:767px){.breakdance .bde-columns-84113-101{--columnCount:4}}@media (max-width:479px){.breakdance .bde-columns-84113-101{--columnCount:4}}.breakdance .bde-column-84113-102{--column-width:14.54%;align-items:center;text-align:center;justify-content:center}@media (max-width:767px){.breakdance .bde-column-84113-102{align-items:center;text-align:center;justify-content:center}}.breakdance .bde-image-84113-105{width:100%}.breakdance .bde-image-84113-105 .breakdance-image-object{width:100%;height:auto}.breakdance .bde-image-84113-105{overflow:visible;position:absolute;left:0;align-self:left;max-width:128px}@media (max-width:767px){.breakdance .bde-image-84113-105{width:100%}.breakdance .bde-image-84113-105 .breakdance-image-object{width:100%;height:auto}.breakdance .bde-image-84113-105{position:fixed;top:6px;left:16px;width:100px;min-width:100px}}.breakdance .bde-column-84113-103{--column-width:41.39%;align-items:flex-start;text-align:left;justify-content:center}@media (max-width:767px){.breakdance .bde-column-84113-103{flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-end}}@media (min-width:1024px){.breakdance .bde-menu-84113-115 .breakdance-menu{--link-color-hover:#fff;--link-effect-color:#c71421;--link-effect-color-hover:#c71421}}@media (max-width:1023px){.breakdance .bde-menu-84113-115 .breakdance-menu{--links-gap:0;--dropdown-link-icon-display:none;--dropdown-link-description-display:none;--dropdown-links-gap:var(--gap-none)}.breakdance .bde-menu-84113-115 .breakdance-menu-list{align-items:stretch;background-color:var(--menu-background);display:none;flex-direction:column;left:var(--mobile-offset-x);max-height:var(--menu-max-height);overflow-y:auto;position:absolute;top:var(--mobile-offset-y,100%);width:100vw;z-index:var(--bde-z-index-menu-mobile)}.breakdance .bde-menu-84113-115 .breakdance-menu-list>:last-child{border-bottom:var(--link-border)}.breakdance .bde-menu-84113-115 .breakdance-menu .breakdance-menu-link{border-top:var(--link-border);outline-offset:-1px;padding:var(--mobile-link-padding-top) var(--mobile-link-padding-right) var(--mobile-link-padding-bottom) var(--mobile-link-padding-left)}.breakdance .bde-menu-84113-115 .breakdance-menu-toggle{display:flex}}.breakdance .bde-column-84113-107{--column-width:27.03%;align-items:flex-end;text-align:right;justify-content:center}@media (max-width:767px) and (min-width:480px){.breakdance .bde-column-84113-107{display:none}}@media (max-width:479px){.breakdance .bde-column-84113-107{display:none}}.breakdance .bde-column-84113-129{--column-width:17.04%;align-items:flex-end;text-align:right;justify-content:center}@media (max-width:767px) and (min-width:480px){.breakdance .bde-column-84113-129{display:none}}@media (max-width:479px){.breakdance .bde-column-84113-129{display:none}}
Travel blog by Travels of Adam (Hipster Blog) – Travels of Adam (Hipster Blog) – Travel & Lifestyle Hipster Blog
A history of the London Underground’s graphic design including Frank Pick’s design direction, Edward Johnston’s typography & Harry Beck’s Tube Map
The following is an essay I wrote about the London Underground’s graphic design history back in university. Though the essay dates back to 2007, it’s obviously still relevant as it covers the Tube’s history through graphic design.
This year marks the 150th anniversary of the London Tube’s first underground railway. To celebrate, I’m making the following essay available as a downloadable image which can be folded into a small booklet in the same style as the revolutionary Tube map. Click here to view the downloadable version.
* * *
London’s Underground system of the 20th century marked a new era for both city planning & transportation as well as contemporary design & aesthetics. With Frank Pick’s revolutionary changes to the transport system and Harry Beck’s map design, the Underground continually was at the forefront of modern, contemporary graphic design.
The Underground’s designers of the early 20th century did more than add pretty posters and simplify the system; they revolutionized urban design in a practical way with functional purposes. The Underground — the world’s first underground electric railway system — opened in 1890.
Frank Pick (1878-1941) provided guidance and inspiration during the Underground’s early history which put the London Transport system ahead of many in new marketing and graphic design.
Under Frank Pick’s direction as Chief Executive of London Transport, a new logo and typeface was commissioned. From these new designs came a necessity for a new map — one that changed the style of transport maps across the globe. Self-marketing became as prominent and important as advertising did, and the Underground system as a whole redefined public transportation and recreated the industry as a viable choice for innovative graphic design.
Frank Pick, as Chief Executive of London Transport between 1913 and 1938, commissioned the famous font and logo for the Underground brand. He began his long career at London Transport as a statistician and attorney.
His criticisms of the Underground’s promotional efforts eventually led to publicity being added to his responsibilities. This led to immediate changes in the advertising efforts at stations and on platforms (see Posters).
By the end of Frank Pick’s career at the Underground, he had helped manage and oversee new designs in station signage, station architecture, product design and even train and bus design. Interior designs for station platforms and the buses were carefully and strategically developed to allow for maximum comfort and industrial aesthetic.
Pick’s design patronage throughout his career enabled the Underground to become a solid and undeniable leader in transportation design. The Underground “became an international model for corporate design responsibility” according to Megg’s History of Graphic Design.
Frank Pick, though lacking any artistic training, had a strong sense of design and a passion for art. When he became in charge of publicity at London Transport in 1908, he created space for transportation information and publicity at station entrances.
In addition to designating specific poster boards for promotional efforts by the Underground system, he also cleared space for Tube posters and maps and pushed advertisers’ posters into grid-like spaces inside stations and on platforms. By reducing the clutter at station entrances and providing specific spaces for promotional posters, Pick single-handedly created the Underground as a leader in graphic design.
Innovative as well as emerging artists were called in to create promotional posters encouraging Londoners to travel on the Underground, but also to use the system for specific reasons. Posters in the 1920s advertised new stations and what could be found there in attempts to drive traffic to new places for new reasons in off-peak and weekend travel times.
Pick’s influences on poster design in the Underground established a showcase of the many different emerging art styles of the 20th century. In the 1930s, Pick went so far as to organize public exhibitions of art and graphic design in the Charing Cross Underground station ticket hall. Famous artists featured throughout Pick’s patronage included Austin Cooper, Edward McKnight-Kauffer (who produced the first Cubist poster), Man Ray, Hans Schleger and countless others.
The test of the goodness of a thing is its fitness for use. If it fails on this first test, no amount of ornamentation or finish will make it any better; it will only make it more expensive, more foolish. — Frank Pick
Pick thus commissioned Edward Johnston to create an exclusive, patented typeface in 1916. Pick’s guidelines for Johnston were for a bold but simple and distinctive lettering using historical typography as a model; though the new typeface needed to be indisputably 20th century design.
Johnson’s sans-serif typeface created among these apparent contradictions features strokes of equal weight, classical proportions (based on Roman inscriptions) and a reductive design of simple elegance.
His elementary and timeless design features an M which is a perfect square of 45-degree diagonal strokes and an O that is a perfect circle. Johnston has been called the father of the modern revival of lettering. His style helped revive calligraphy and influenced his pupil Eric Gill — the typeface designer renowned for Gill Sans.
Johnston’s typeface for the Underground is considered to be the first modern sans serif face, a precursor for the rest of the 20th century which was heavily reliant upon modern and post-modern design.
Harry Beck (1903-1974) was a draughtsman working for the Underground. Inspired by electrical circuit diagrams, he developed a schematic map for the Underground transport system making it easier to read and distinguish between the numerous lines and stations.
His design was an immediate and instant success and has become an iconic design symbol for the city of London. On a BBC Culture Show in 2006, Beck’s design was voted second to the Concorde as the “public’s favourite design icons.”
The first public transport maps of London were developed and produced by the Metropolitan District Railways showing where travelers could change lines and connect with other transport systems. These maps were geographic, showing Underground lines and stations in relationship to street plans above ground.
In 1931, Harry Beck attempted to solve the problems of earlier geographic maps (because of their geographical nature, it was hard to decipher more central locations on a sprawling, large-scale map). Instead of relying on a street plan, Beck compressed the outlying areas where there were fewer stations and expanded the central London area where many stations were crowded together on the older maps.
Using horizontal, vertical and 45-degree diagonals, Beck simplified and color-coded the transport system in a distinctive and recognizable way. Stations were marked as dots and interchanges as diamonds or full circles.
Beck’s initial map was rejected on the grounds that it was too radical, but after making various modifications, the map was published in 1933 as a pocket-map trial version. It was an instant success and has survived hundreds of revisions over the past 80 years. Today’s modern design is still largely reliant upon Beck’s 1933 version.
Commissioned by Frank Pick during his years as Chief Executive of the London Transport system, the logo has come to be a symbol of not just the Underground, but London itself. The logo was commissioned at a similar time as the entire redesign of the Underground. The font choice for the logo was one of the most important decisions for the redesign.
Pick wanted the sign representing the Underground (referred to as the roundel) to be inconspicuous but recognizable. Londoners are exposed to thousands of distractions throughout a single day, and the Underground’s logo needed to stand out among the clutter, but not be intrusive because of its constant prominence in Londoners’ lives.
When Pick commissioned Edward Johnston to design and create a new typeface, the idea was to change the entire branding of the Underground, so Johnston redid the roundel logo as well.
His new version of the Tube’s logo used his new typeface (Johnston’s Railway Type) on a single blue bar in front of a red-outlined circle. The older logo had been a solid red circle (designed by Frank Pick), but Johnston’s new design in the early 20th century (and still used today with some refinements made in 1972) matched well with the reductive design of the typography featured on all Underground station signage.
The Underground logo has become a major part of London’s history and is also a major commercial symbol featured on an unlimited number of commercial products.
* * *
Download a copy of this graphic design history of the London Underground as a printable brochure.
The post A Graphic Design History of the London Underground appeared first on Travels of Adam (Hipster Blog).