Affinity Designer Symbol Library



Corporate Symbols
Trademarks
During the Middle Ages European trade guilds began using marks to identify the origin and content of their products. The term “hallmark” comes from the identification marks that metal artisans stamped into metal when exhibiting wares in the guild hall in London.
The above image shows the mark of Hester Bateman registed in 1761 (1708–1794). Ms Bateman, a silversmith of household silverware in London, used her special initials along with the standard hallmarks; the crown signifying a tax is paid to the crown, a lion which identifies the type of metal (sterling silver) and the h, a 'date letter' which notes the year of production.

The application of formalized trademarks parallels the rise in mass production methods of the 18th century (See Industrial Revolution section). Instead of identifying local craftsmen, trademarks were used by large companies who shipped their products farther afield. These corporate trademarks transported the reputations and standards of quality of their makers.
Above: Shaker's Furniture Mark, USA, 1873, use by permission. 2

England's 1875 Trademark Act established the commercial worth of trademarks in a controlled central registry, the recognition of trademarks as exclusive property and outlined the first legal protection of trademarks within the UK and internationally. 2
The Bass Red Triangle was first trademark to be registered under the act. One of the most distinctive, identifiable and historically significant logos and brands in the world, it was dropped when Bass was purchased by Coors.3

Trademarks can be used alone or combined into configurations. These are the common terminologies used for elements:
If the identifier is strictly type = logotype or wordmark.
If only an image = symbol, logo or trademark.
If a combination of symbol and logotype= signature.

Shown above, Microsoft's August 2012 mark, More..

Symbols Styles Reflect Their Era
Symbols “Styled' to an era
Symbols and trademarks usually reflected the stylistic period during which they are created. Above is the General Electric logo first introduced in the 1890's at the height of the Art Nouveau period. It clearly reflects the curvaceous motif that dominated in that period. (Below an Ethel Larcombe art nouveau letterform) .4

As Art Nouveau waned and a simpler geometric style emerged, symbols reflected the new attitude. Especially so in trademarks for the Wiener Werstätte, or Vienna Workshops formed in Austria in 1903. This co-operative of artisans and artists united with the goal of making products that merged pure and applied arts. Designer Joseph Hoffmann used a geometric shape, the square, as the foundation for a set of marks to identify the organization. A monogram of the letters WW was used on printed matter. A stylized rose was used to identify products from the workshops. The marks were legally trademarked in 1913.

Despite the communal spirit of the Wiener Werkstätte there were accommodations for individual recognition. Products were imprinted with both the workshop symbol and marks identifying each designer and craftsman involved in the production. The image below displays the symbol for the workshop, the monogram for the Wiener Werkstätte and the personal logo for Joseph Hoffmann.
AEG Symbol, 1907
The Berlin-based AEG, (Allgemeine Elektricitäts-Gesellschaft) of the same era was also identified by a geometric trademark. Designer Peter Behrens (1868-1940) working as the artistic adviser to AEG, used the symbol as the anchor for an entire design scheme applied to the print work, products and architecture. Behren's design program for AEG is recognized as the first complete corporate identity system.
Corporate Symbols Transcend Their Names



Raymond Loewy
As symbols and trademarks are repeated over and over they become synonymous with their corporation. Frequently the symbol has little or nothing to do with the corporation— meaning is by association only.
For example the above logo by industrial designer Raymond Loewy (1893-1986) became so associated with the company it represents that Loewy suggested that the name be dropped altogether. Betcha' know it.
Interestingly, the symbol has nothing to do with an oil company —it is the name of a shop that specialized in antique sea shells that was owned by the father of Shell's founder .5


Loewy designed a number of iconic trademarks during his career as an industrial designer. Known for sleek and streamlined product designs he applied his mantra of MAYA (Most Advanced Yet Acceptable) to all of his work.
Shell Trademark, 1967
Lucky Strike Signature, 1940

Thanks to the folks at Under Consideration you can link to Fortune'sLogo Smackdown to see an evaluation of the best logo of all time.


The Starbucks logo made news in early 2011 when the name Starbucks was dropped from the logo. Originally named after a character in Moby Dick, the mega brand coffee company founded in 1971 has now spread to 55 countries. See their logo progression here.
.

Unimark, 1965

Cofounded with Ralph Eckerstrom, Wally Gutches, Larry Klein, Bob Noorda, Jim Fogelman, Massimo Vignelli and Bob Moldavsky. 'The prototypical corporate design consultancy, Unimark created identities and graphic programs for American Airlines, Memorex, Target, and the New York Subway System that are still in use today. In its attempt to reconcile what was widely considered an intuitive, artistic process with rigorous methodologies and a dedication to sophisticated marketing practices, Unimark in many ways anticipated the current interest in design thinking in business circles, and expanded the debate on the relationship of good design and good business that continues to this day.' 8

Paul Rand on Timelessness in Symbol Design: Thoughts on Design from Paul-Rand.com



Paul Rand6
Paul Rand was arguably the greatest symbol designer of his era. His designs reflect the style of the mid to late 20th century —simplicity, neutrality, clarity—all part of the vocabulary of the Modernist period. However Rand added a blend of playfulness and illustration that made his work unique.
In the following columns are some excerpts from Thoughts on Design, a collection of his essays published in 1970.You can read them on the Paul Rand website.

Rand wrote: A trademark is not merely a device to adorn a letterhead, to stamp on a product, or to insert at the base of an advertisement; nor one whose sole prerogative is to imprint itself by dint of constant repetition on the mind of the consumer public. The trademark is a potential illustrative feature of unappreciated vigor and efficacy; and when used as such escapes its customary fate of being a boring restatement of the identity of the product's maker.”

The role of the logo is to point, to designate—in as simple a manner as possible. A design that is complex, like a fussy illustration or an arcane abstraction, harbors a self-destruct mechanism. Simple ideas, as well as simple designs are, ironically, the products of circuitous mental purposes. Simplicity is difficult to achieve, yet worth the effort.

The effectiveness of a good logo depends on:
a. distinctiveness
b. visibility
c. usability
d. memorability
e. universality
f. durability
g. timelessness

(Shown above, Rand's 8 and 13 line versions of the IBM logo, drawn for visual balance at various size applications.)
“It reminds me of the Georgia chain gang,” quipped the IBM executive, when he first eyed the striped logo. When the Westinghouse insignia (1960) was first seen, it was greeted similarly with such gibes as “this looks like a pawnbroker’s sign.” How many exemplary works have gone down the drain, because of such pedestrian fault-finding? Bad design is frequently the consequence of mindless dabbling, and the difficulty is not confined merely to the design of logos. This lack of understanding pervades all visual design.
In addition to design, Rand taught and wrote, expanding his influence over the next generation of designers. He was an esteemed professor at Yale University from 1956 until 1985. (Shown left chatting with graduate student Gaynelle Grover, now a branding expert). 7
FootnotesLinks of Interest
1
Image Source
2
Image Source: Shaker Museum and Library, Old Chatham and New Lebanon, New York. 2
3
The Making of Modern Trade Marks Law: The Construction of the Legal Concept of Trade Mark (1860-80), Lionel Bently
3
The Local History of Burton on Trent
4
Image
Luc Devroye.org
5
Marks of Excellence
, p. 115.
6
Section information from Paul-Rand.com
7
Photo © Bez Ocko with permission by Gaynelle Grover.

8
Michael Bierut, Dot Zero, Design Observer, September 15, 2010

A 10 minute animation of logo designs by the New York firm Chermayeff and Geismar by Sagi Haviv on youTube.
Logo R.I.P.
Brought to you by the Stone Twins.
Coyprights
©Designhistory.org 2011

graphicxtras.com > tutorials > Affinity Designer

Logo Affinity and their team have been exceptional with their creativity and design for our construction company. The team has been timely in getting us what we need in the timeframe we’ve asked. We will recommend them to all our friends owning a business! Symbols in Affinity Designer are a powerful tool for re-use of designs. You can use Affinity Designer symbols to store images for common elements in artworks. You can find the symbols panel in Affinity Designer via the view menu and studio and symbols command. Once you start using the vector symbols, any changes to the symbols are reflected in the Affinity designer symbol instances.

Updated : 2021

How to use symbols in Affinity Designer and how to modify them and color them and more. Symbols in Affinity Designer are a powerful tool for re-use of designs.

You can use Affinity Designer symbols to store images for common elements in artworks. You can find the symbols panel in Affinity Designer via the view menu and studio and symbols command.

Once you start using the vector symbols, any changes to the symbols are reflected in the Affinity designer symbol instances. You can add new symbols in Affinity Designer by selecting a shape and then clicking the create button in the symbol panel in Designer. You can add instances to the document and also delete them from the document. You can edit symbols. You can add paths and remove paths from the symbols in Affinity Designer.

The Affinity Designer symbols are only connected to the document and are not universal to all the other documents. This tutorial shows you how you can quickly use symbols to create common elements and re-use and how you can create symbols from paths and groups of paths and edit them and add paths and change paths and more. Affinity Designer allows for a whole range of operations to create a wonderful library of artworks in your projects. Symbols in Affinity Designer can be used as a great way to store images for re-use. It is also a great way to create common elements in Affinity Designer. Any changes to the symbols are reflected in any copy / instance.

  1. Open Affinity Designer

  2. View menu

  3. Studio

  4. Symbols

The symbols panel has three buttons, create and detach and sync.

Basics of symbols / To add a new symbol to the panel in Affinity Designer

  1. Select a path / shape / type

  2. View menu

  3. Studio and symbols

  4. Click the create button in the symbols panel in Affinity Designer

If you have one path then the create button will add that single path to the panel. If you have multiple shapes selected then you will add multiple symbols. See the groups section to get around this (you may want multiple symbols from multiple paths)

Grouping paths for a single symbol

If you want the paths to be all added together then you must first use the layer menu and group command. Click create after grouping the paths.

Affinity Designer Pc

  1. select multiple paths

  2. layer menu

  3. group command

  4. symbols panel

  5. create

To add an instance or copy to the document in Affinity Designer

  1. drag symbol from the symbols panel

  2. repeat for the number of symbol copies you wish to create

  3. Move symbols around document

  4. Resize etc

It is super easy to add them to the document and once added, they can be duplicated and then edited etc as required

To detach an instance

  1. select an instance of a symbol

  2. click the detach button

  3. edit the paths as normal

If you wish to add it as a symbol, click the create button

Edit the symbols - you can edit the symbol instance in numerous ways

Affinity Designer Patterns

  1. select a symbol instance / copy

  2. Logitech usb devices driver download. go to the layer panel

  3. expand the layer panel

You will see a single path or multiple paths. To change one of those paths (and the symbol)

  1. click the path you wish to change

  2. apply layer effects or change the color

  3. change the color to a gradient etc Prosensor driver download.

  4. shift or scale the path or rotate the path

You can also repeat the same with other paths in the symbol group of paths. Any change to the paths will be reflected in a change to all the copies and the symbol in the panel.

If you select the entire symbol and change the color or add layer effects (such as blurs), all the paths in the symbol will be changed. If you rotate or scale a copy, there will be no change to the other symbol copies or symbol. If you scale or rotate the paths, the changes are reflected throughout the copies and symbol in the panel.

Add new paths to symbols in Affinity Designer

Work with one of the symbol copies in Affinity Designer.

To make things simple, edit the name of the symbol copy you wish to edit. Use a symbol copy that has not been transformed or rotated (relative to the other symbol copies). Remember which symbol copy you are using as all paths you add etc will be relative to that and not any of the other displayed copies.

  1. De-select the symbol copy (make certain that no symbol copies are selected)

  2. add a new path to the document near the symbol to edit and place the path as required relative to the other paths. You will see the path appear in the layer panel at the top.

  3. select the path in the layers panel (outside of the existing symbol)

  4. drag into the symbol set (you can position it relative to the symbol's existing paths)

You will now see all the copies change (of the symbol) and this is reflected in all the layer entries for the symbol. The symbol in the symbols panel will also then be updated as well

Affinity Designer Symbol Library

Affinity Designer Examples

Remove paths from symbols

  1. Go to one of the symbol instances in the layers panel

  2. Rename the symbol to 'main' or something unique (just makes it easier to always edit and add and remove from a single instance - it is easy to confuse paths and symbols)

  3. Expand that symbol instance in the layers panel

  4. Go to the path you want to remove

  5. Press delete

You should now see all the other instances update and the symbol in the symbols panel also

Affinity Designer Update

Symbols in document

Affinity Designer Reviews

You should note that the symbols are not permanent, they are only for the document. There appears to be no way with the current version to save them for permanent use in other symbols such as with Illustrator symbols AI files (hopefully this will happen in Affinity Designer 1.7 or 1.8 perhaps ?)