Manual

In this manual the structure and main pages of the DSD are described. In case you can not find an answer here, please contact the helpdesk at info @ cityof8.com.

General

Main semantic levels

Content area type of pages

Widget area content

Quotes

 

General

There are two main areas on the data pages. The content area on the left and the widget area on the right.

Two main areas on the data pages

Content area

This area contains all the available data in the DSD. From quote to keyword, from parameter to primary shape. The example above shows the home page with the two buttons Create and Analyse.

Widget area

This area adds usability. Some widgets are always present: the search field, the semantic levels, the dashboard (with buttons towards all the SENSES & EXPRESSION items), as well as the feedback button at the bottom of the area. The other buttons in this area can change according to the kind of data displayed in the content area. 

> to top

Main semantic levels

The semantic data in the DSD is divided into three levels of meaning.

Entrance to these levels via the Levels buttons in the Widget Area.

LEVEL 1 Dimensional level

Dimensional keywords are the most abstract terms in language and are close to logic signs such as indirect/direct, dark/light or open/closed. These words are the elementary markers of meaning and make synaesthetic translations between sign systems possible. They appear always in opposite pairs on one of the three dimension axis in the semantic space.

LEVEL 2 Primary level

Primary level keywords are more complex in meaning and less abstract, as they are constructions of dimensional keywords. Still they are mostly basic words such as “to hold”, “to sit”, “mountain” and primary colour names such as “blue”, “green” etc. Compare, for example, the dimensional keyword ‘hard’ (height dimension) against the primary keyword ‘mountain’ (colour code BROWN). As such, ‘hard’ is a quality of ‘mountain’. Most of these words also have an antonym, but not all of them.

LEVEL 3 Combined level

Combined level keywords are formed by combining primary keywords, thus making them more complex in meaning. On LEVEL 3 you can find combined words such as “sunray” (“sun” and “ray”), the colour “blue-green”, where the primary source is still clear. But also words such as “cooking”, “family”, “detective”, or terms like “on the road”, etc. are LEVEL 3. Here specific colour names can be searched such as “lilac”, “aquamarine”, “khaki”, “fuchsia” etc.

Find in-depth information on the different levels of meaning.
Find all background information about the theory behind the DSD in the About section.

> to top

Content area type of pages

Semantic data page (dimensional level)

There are 6 data pages that contain semantic information on the dimensional level. Mainly there are two groups (the basic and the adjective) of three dimensions (depth, height and breadth).

Find in-depth information on the different dimensional categories of meaning.

Entrance to the 6 data pages via the dimensional Levels button in the Widget Area.

1. Click on the axis button
2. Choose an adjective (white) or basic (black) Depth, Height, or Breadth, dimension

These six dimension pages show links to connected parameters of sign systems such as colour, shape etc., categorized in the same dimension and within that dimension, set opposed to each other.

The Basis Depth Dimension Parameters data page

Once you click on a parameter on the Semantic data page (dimensional level) The first field on top shows information on the specific dimension, in this example the data is about the basis depth dimension with ‘back’ and ‘front’ as the two opposing positions. The colours that are targeted are shown in the two semantic spaces. In this example the data is connected to the back colours blue, black, green and purple and the opposing front colours brown, red, white and yellow.

Manual-dimensional-1semspace
Semantic Space orientation information

The second field gives paired general meaning keywords connected to the specific dimensions. The links guide you to the keyword pages.

General meaning information

Below the general meaning information, links are provided to corresponding parameters of respectively emotion, personality, colour, colour palette, shape, composition, texture and body bearing. This is synaesthetic information that helps the designer to control the values, meaning and emotions radiated by the different design elements.

Connected parameters of  emotion, personality, senses and expression.

> to top

Parameters data page (dimensional level)

The parameters data pages connect specific parameters of colour, shape, composition, texture and body with emotional keywords. In this example, the shape’s direction parameter is connected to the emotional parameter of targeting the emotional focus inward or outward. This means that vertical shapes will appear more internalizing than horizontal shapes. The emotional keywords are for the designer to interpret and select. In some cases, not all the offered emotions are applicable.

The parameters data table. This example shows the shape direction parameters vertical/horizontal

The section on top shows the icon of the category and an illustrated example of the parameter starting from one extreme to the other in five steps. In this example, the category is the shape and the parameter is vertical / horizontal.

Illustrated parameter

The second section shows information on the specific dimension, in this example it is about the basis depth dimension with ‘back’ and ‘front’ as the two opposing positions. The colours that are targeted are shown in the two semantic spaces. In this example the data is connected to the back colours blue, green, black and purple and the opposing front colours brown, red, white and yellow.

Semantic Space orientation information

The third section actually describes the specific parameter with a link to the keyword pages. In this example, the parameter is about the direction of the shape with vertical and horizontal as the two opposing shape characteristics.

Specific parameter description

Finally, there are the connected emotional keywords, always set in opposing pairs and linked to the keyword pages. The emotional keywords are for the designer to interpret and select. In some cases, not all the offered emotions are applicable. Some suit better than others in a specific context.

Connected parameters of emotion

> to top

Semantic data page (primary level)

For each of the eight corners in the semantic space, an overview of the main concepts are offered.  In this example, the white meaning is explained. The illustration represents the most comprehensive notion of the code. The image of the cloud with the horizontal lines represent the wind, the notion that associates figuratively with the meaning of this white group. The links in the text are connected to keyword pages.

Manual-meaningOverview
8-level semantic overview data page

Below the illustration and the text, icons of related groups of meaning are offered. Here, the user can travel through the semantic space and explore the eight main groups of meaning. The antonym gives access to the complete opposite position in the semantic space. In this example with white as the starting position, the antonym is the ‘black’ position. The other three icons give access to the groups of meaning that differ only in one dimension. In this example, with white as the starting position, the user can observe shifts of meaning towards the green group in the depth, brown in the height and yellow in the breadth.

Manual-meaningOverview-semspacetransit
Dimensional moving axis gateway

> to top

Primary data page (LEVEL 2)

The primary data page gives information about emotion, colour, shape, composition, texture and body bearing. In this example, information is given about the primary colour blue. NCS values are offered. The coloured icons under the Related section gives easy access to the semantic colour space. The Parameters section shows the colour psychology parameters per dimension. The links lead you to the parameters data pages. In this example, blue can be described as an inward (depth), heavy (height) and passive (breadth) colour.

Primary Colour data page

Besides colour, the Primary Data Page can show information about emotion, shape, composition, texture and body bearing through the SYNAESTHETICS section in the Widget Area on the right of the screen.

Get access to the primary level information data pages via the 8 button in the Levels section or via the Dashboard, both in the Widget Area.

> to top

LEVEL 3 data page

64-level data page

The LEVEL 3 data page gives information about the meaning of colour combinations, colours, shapes, textures and emotions. In this example, information is given about the colour combination red-on-blue. The keywords that are classified under this code are listed. By clicking on them, you are guided to their corresponding keyword data page (see following chapter). The coloured icons under the Related section give easy access to the colour codes that differ only in one dimension. As such shifts in meaning can be observed.

Get access to the combined level data pages via the 64 button in the Levels section or via the Dashboard, both in the Widget Area.

> to top

Keyword data page (all LEVELS)

Every keyword in the DSD has its page. Keywords can be dimensional, primary or combined.  The illustration on top shows a symbolized version of the meaning of the keyword. For the dimensional level, the drawings are in medium grey. For the primary keywords, the images are coloured in the corresponding colour. For the combined keywords, the images are drawn in the corresponding colour combination, and when applicable also drawn in the associated colour. In this example, the keyword “pure (immaculate)” is a LEVEL 3 keyword, classified under the white-on-white colour code and associated with the colour white-0, a light pastel blue. The notion of immaculate pure is depicted by a radiating star over a tiled background. 

Level-64 keyword data page

Under the title, keywords that belong to the same semantic group are brought together, forming a cluster of meaning. In this example “pure” is connected to “air”, “apron”, “chemistry”, “gauze”, “hygiene”, etc. having the same code white-on-white/white-0. The meaning is closely related, sometimes even synonym, but not in the strict sense.

Keyword cluster

The antonym of “Pure” is “impure”. The meaning is opposite. Some keywords may have more than one antonym.

Antonym keywords

Under the COMPARE section, keywords are suggested that are on first sight connected in meaning, but are codically different. They give a different aspect of the main keyword. For example, “pure (immaculate)” can be misunderstood by “immaculate”, “pure (natural)” or pure (unadulterated)”. COMPARE shows aspects of purity that belong to another colour code because of differences in meaning.

Compare keywords

MOVING AXIS shows dimensional related keywords where only one dimension switches. The user can experience shifts of meaning while travelling through the semantic space. In this example, the white-on-white keyword “pure” is connected in the breath with “drying” (yellow-on-white), in the depth with “foam” (white-on-green).

Moving axis keywords

A dimensional keyword functions as a BUILDING BLOCK for a primary keyword. In turn, a primary keyword can function as a BUILDING BLOCK for a combined keyword. When the keyword is combined (LEVEL 3) – such as in this example – the building block section shows 8-level keywords that are the constructing parts for the actual combined keyword. In this case the keyword ‘pure’ (code white-on-white, white-0) is build with the LEVEL 2 keywords ‘clean’, ‘order'(WHITE) and ‘matter'(BLUE). Pure (immaculate) can be described as ‘clean matter’ or ‘clean order’. They form together the combined idea of purity in the sense of immaculate.

Building block keywords

> to top

Widget area content

Every data page has a Widget Area on the right side of the window with additional buttons according to the specific data in the Content Area. Some widgets are always present: the keyword search field, the semantic levels buttons, as well as the dashboard, and the feedback option at the bottom of the area. The dashboard gives access to colour, shape, composition, texture, body, taste, meaning and emotion information pages, supplemented with analyse interfaces (in blue) such as the keyword, shape and function analyser.

General widget area content

The keywords search field gives access to all the keywords that are available in the DSD regardless of its level. In the drop down list some keywords that are semantically related are shown. When the word a user is looking for is not in the list, using a synonym can help. There is also the keyword analyser (blue icon under the dashboard section), when synonyms aren’t available either.

Manual-widgetarea-left-searchKeyword
The keyword search field

Other buttons in this area can appear according to the semantic levels displayed in the content area. There are three kinds of data that have and influence on the content of the widget area: the dimensional level, the primary level and thecombined level.

> to top

LEVEL 1 Dimensional level

The dimensional level adds the Dimensional Parameters section to the widget area. The buttons give access to the respective dimensional parameters data pages. The white buttons represent the adjective depth (D), height (H) and breath (B) dimensions. The black buttons are the basis depth, height and breath.

Specific dimensional level widgets

Find in-depth information on the different levels of meaning.

> to top

LEVEL 2 primary level

The actual level, in this case it is the primary level, is indicated on top of the LEVEL 2 widgets, such as the semantic colour space and the synaesthetics section.

8-level data widgets

The enlarged colour square shows the position in the semantic colour space of the data the user is looking at. In this example, the enlarged red square means that the actual data is located in the RED meaning group. The semantic colour space functions as a semantic GPS, the user keeps an overview of the position of the data. Shifts from one meaning cluster to another can be tracked. The colour space functions as a button giving access to the primary level interface page.

The semantic space with red as the current position

Below the semantic space a range of buttons makes synaesthetic comparisons possible between the eight different primary categories, such as respectively from top to bottom and from left to right: primary colour, shape, composition, texture, body, emotion, meaning overview, keywords alphabetical listed.

Access to RED synaesthetic LEVEL 2 data

> to top

LEVEL 3

The actual level, in this case it is the combined level, is indicated on top of the LEVEL 3 widgets, such as the semantic colour space and the synaesthetics section.

LEVEL 3 widgets

The semantic colour space indicates with a non faded double colour square what the position is of the data the user is looking at. In this example, the opaque square shows that the actual data is located in the white-on-blue meaning group. The semantic colour space functions as a semantic GPS. Anywhere on the LEVEL 3, the user has an overview of the position or dimension he is in. Shifts from one meaning group to another can be tracked. The colour space functions as a button giving access to the LEVEL 3 interface page.

The semantic space with white-on-blue as the current position

Below the semantic space a range of buttons makes synaesthetic comparisons possible between the different LEVEL 3 sign systems, such as respectively from left to right: colour combination, associated colour, shapes made with shape parameters, shapes made by merging two primary shapes, textures and emotions.

LEVEL 3 synaesthetics widget

> to top

Quotes

Manual-quotes
Example of a quote

Quotes always appear at the bottom of each data page and are alphabetically listed. They are placed on specific pages because in its text, keywords show some relationship with the actual content of the page. The author(s) reference can be found in the Bibliography where also an overview of all the quotes is available.

> to top

Tutorial Videos

Tutorial videos are available here.