Manual de Sinalização - Percebendo a Natureza by AltheaXX

Manual de sinalização

PERCEBENDO

A NATUREZA

DESIGN DA SINALIZAÇÃO

Alan de Mattos

Daniele de Castro

Julia Pedrosa da Silva

Naiana Piaseski

diagramação e conteúdo

Alan de Mattos

Daniele de Castro

Julia Pedrosa da Silva

Naiana Piaseski

ORIENTAÇÃO

Cristina Colombo Nunes

Mary Vonni Meurer de Lima

Regiane Trevisan Pupo

A reprodução desta publicação, na íntegra ou em parte, é permitida desde que citada sua fonte

Brasil, Universidade Federal de Santa Catarina

Sumário

Introdução 03

Principios 04

Sistematização 05

Modelos 06

Rota 07

Diretrizes Visuais 08

Paleta cromático 09

Tipografia 10

Pictogramas 12

Setas 13

Mapa 14

Composição formal 15

Totem 16

Apresentação da rota 17

Mapa e orientação 18

Indicação e quadras 19

Diretrizes Visuais 20

Totem 21

Mapa 23

Apresentação da rota 25

Indicação 27

Orientação 29

Posicionamentos 30

Aplicação 31

Introdução ao sistema

Percebendo a natureza Após a pandemia, a comunidade está se adaptando a rotina de trabalho e universidade mais uma vez, depois de passar por um longo período frequentando apenas alguns espaços, como a própria casa, escritório e academia. É notável o aumento de pessoas que procuram atividade ao ar livre nos últimos meses.

Diante tal cenário, foi desenvolvida uma rota que engloba os espaços de lazer, descanso e contemplação nos espaços naturais da UFSC.

A rota é dividida em cinco zonas, ou caminhos, cada um representado pelo elemento da natureza mais perceptível do local. São elas:

• Bosque da UFSC (caminho da terra)

• Lago da UFSC (caminho da água)

• Centro de Desportos (caminho do fogo)

• Praça da Cidadania (caminho do ar)

• Gramadão do CCE (caminho do sol)

É esperado que você desfrute estes espaços e consiga sentir e desfrutar da fauna e flora presente.

Este documento apresenta todas as informações referentes ao sistema de sinalização desenvolvido para a rota Percebendo a Natureza, modelos das peças de comunicação visual desenvolvidas e materiais adequados para a produção das mesmas.

A expectativa é que ele seja compartilhado para o conhecimento da comunidade universitária e também para orientar a reprodução futuras deste projeto, caso venham acontecer.

PRINCÍPIOS

sistematização

Sistematização Como estratégias de wayding, foi utilizada a lógica advinda do livro “A Imagem da Cidade” de Kevin Lynch . baseou-se em dois conceitos de organização urbana: “Vias ou Ruas” e “Bairros ou Zonas”.

Vias ou ruas são canais de circulação ao longo dos quais o observador se locomove de modo habitual, ocasional ou potencial. Utilizando as ruas oficias da Universidade como os caminhos para chegar aos pontos da rota

Bairros ou Zonas são regiões de médias ou grandes de uma cidade, dotados de uma extensão bidimensional. São reconhecíveis por possuírem características comuns que os identificam. Separando em zonas os pontos das rotas dentro da universidade.

O sistema se compõe separadas em sinalizações de Indicação, Orientação e Informação. Ao lado podem ser vistos os modelos disponiveis de placas, dentro do sistema criado.

modelos

3000 mm

1900 mm

1800 mm 1600 mm 1500 mm 1400 mm

1000 mm

rota

g. Agr. Andrey Crist ian Ferreira

Sobre a rota

és

Foi escolhido para o acesso aos locais da rotas as calçadas principais da UFSC, facilitando o acesso aos usuários.

.C Av

Bosque da UFSC (caminho da terraC Lago da UFSC (passagem da águaC Centro de Desportos (caminho do fogoC Praça da Cidadania (caminho do arC Gramadão do CCE (caminho do sol)

c c c c c

A rota é dividida em cinco zonas, ou caminhos, cada um representado pelo elemento da natureza que mais está presente no local. São elasM

onti

Delf ino C

DIRETRIZES VISUAIS

paleta cromática

Tons secundários

Tons principais

HEX: 0F990F

C: 90 M: 0 Y: 90 K: 40

HEX: 9FCA79

C: 17 M: 0 Y: 32 K: 21

HEX: F2C218

C: 0 M: 20 Y: 90 K: 5

HEX: EE701F

C: 0 M: 49 Y: 81 K: 7

HEX: 7D248F

C: 40 M: 80 Y: 20 K: 30

HEX: B481B7

C: 1 M: 21 Y: 0 K: 28

HEX: 2A548C

C: 70 M: 40 Y: 0 K: 45

HEX: 92BCE6

C: 33 M: 16 Y: 0 K: 10

HEX: C83D0B

C: 0 M: 84 Y: 100 K: 18

HEX: F6A345

C: 0 M: 33 Y: 69 K: 4

Paleta Cromática

A paleta de cores foi pensada em ser contrastante com o ambiente que se encontra, mas mantendo harmonia e equilíbrio com o mesmo. Se encontram registrados aqui seus códigos em CMYK e Hexadecimal, podendo ser ajustada com os tons mais próximos se utilizada em outro padrão de cor.

A paleta de tons principais possui cinco matizes (verde, amarelo, roxo, azul e vermelho), já a paleta de tons secundária possui também cinco matizes (verde, dois tons de laranja, roxo e azul). Por fim a paleta de

Tons Neutros

Ecoblock

tons neutros (direcionada aos tons neutros e de texto) possui dois matizes (branco e marrom).

HEX: 00000

C: 0 M: 0 Y: 0 K: 0

Tons indicados (verificar com fornecedor)

HEX: 2B221C

C: 62 M: 64 Y: 65 K: 80

Tons indicados (verificar com fornecedor)

Tipografia

Tipografia As tipografias escolhidas para a sinalização da rota foram a fonte variável Signika, desenvolvida por Anna Giedryś, é uma fonte desenvolvida para mídias onde é necessária a clareza das informações, como a sinalização e design de orientação. Ela possui baixo contraste e altura x alta para melhorar a legibilidade de textos em tamanhos pequenos, bem como em grandes distâncias do leitor.

Já para textos longos foi usada a família tipográfica Source Sans Pro, uma tipografia sem serifa destinado a funcionar bem em interfaces de usuário, como também em grandes caixas textuais, contribuindo para a leiturabilidade. Ela também possui um ótimo suporte para os alfabetos latinos.

Signika

Source Sans Pro

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890

Tipografia

Totens

Tipografia Ao lado, a organização dos tamanhos presentes nos

Títulos: Signika/ 285pt / Semibold / 7cm

Subtítulos: Source / 72pt / Semibold / 1,7cm

Blocos de texto: Source/ 64pt / Regular / 1,5cm

Orientação

Título: Signika/ 126pt /Semibold / 5cm

Subtítulo: Source Sans Pro/ 72pt /Semibold Italic / 1,7cm

Indicação

Título: Signika/ 165pt/ Semibold / 3cm

Subtítulo: Source Sans Pro/ 126pt / Semibold Italic / 3cm

Apresentação da rota

Título: Signika/ 165pt/ Semibold / 3cm

Subtítulo: Source Sans Pro/ 42pt / Regular / 1cm

Blocos de texto: Source Sans Pro/ 64pt / Regular / 1,5cm

Legendas: Source Sans Pro/ 23pt/ Regular / 0,5cm

totens. Se apresenta em forma de Design System, auxiliando no entendimento dos tamanhos. As fontes estão disponiveis para download também na pasta do Google Drive do projeto.

Mapas

Título: Signika/ 165pt/ Semibold / 3cm

Subtítulo: Source Sans Pro/ 42pt / Regular / 1cm

Legendas: Source Sans Pro/ 23pt/ Regular / 0,5cm

pictogramas

Pictogramas Para a criação dos pictogramas, foi utilizada a biblioteca online do Google Icons como referência. Tanto para o uso de ícones existentes como na sua adaptação, seguindo os conceitos gráfico-visuais norteadores do projeto. Dessa forma possuem bastante pregnância e unicidade na figura em um todo. Além disso tem cantos arredondados e mais orgânicos, refletindo os conceitos presentes no projeto.

Foi utilizado o grid abaixo (com tamanho de 234px por 234px) para para a adaptação e construção dos pictogramas e ícones utilizados no projeto. Muito utilizado por designers de UX/UI, esse padrão de grid se tornou popular para construção de ícones e foi pego na Comunidade da plataforma Figma.

Espessura da linha: 19,5 px

Alinhamento da linha: Para dentro  Cantos: Arredondados

Aviso

Centros

de ensino

Restaurante/ lanchonete

Skate

Basquete

Vôlei

Informação

Correio

Via de

bicicleta

Atletismo

Tênis

Futebol

Atividades

Sol

Fogo

Água

Terra

Entradas

UFSC

Templo

Patinha

Banco

Telescópio

Quadras

Ponto

de onibus

Proibido:

Nadar

Proibido:

Cachorro

Bicicletário Estacionamento  de carro

setas

Setas

Para a criação das setas foram seguidos os conceitos

gráfico-visuais norteadores do projeto. Dessa forma

possuem bastante pregnância e unicidade na figura em

um todo. Além disso tem cantos arredondados e mais

orgânicos, refletindo os conceitos presentes no projeto.

Foi utilizado o grid abaixo (com tamanho de 234px por

234px) para para a adaptação e construção dos

pictogramas e ícones utilizados no projeto. Muito

utilizado por designers de UX/UI, esse padrão de grid se

tornou popular para construção de ícones e foi pego na

Comunidade da plataforma Figma.

mapa

Mapa Para a elaboração do mapa foi usado como base o mapa oficial da UFSC, disponibilizado em arquivo aberto para uso pela comunidade universitária. Foi feito um recorte da área principal da rota, excluindo os centros e prédios mais distantes, que não iriam interferir na compreensão do mapa, também foram simplificadas as formas dos prédios que sobraram, para dar um foco maior nas áreas que contemplam a rota principal. Foi alterado as cores de todo o mapa, colorindo as áreas das zonas da rota (Bairros) com suas cores representativas.

Além disso, foi criado um QR Code, para o agrupamento de links de uma cópia digital do mapa físico, como também a inserção da rota online pelo Google Maps

Composição Formal

Composição Formal e diagramação

Composição Formal  e Diagramação  Totem Entrelinha:

77,4 pt

Pictograma:  65 x 65 mm Entrelinha:

77,4 pt Recorte do elemento  do caminho:

Sem largura máxima,  mas com altura máxima  sendo a linha do grid

O espaçamento do grid vai até a linha de base de uma linha a outra

Caminho do Ar

O ar nos rodeia, além de ser o principal insumo para que nosso corpo funcione. Esse caminho da rota, localizada no coração da UFSC, traz a oportunidade de nos conectar com diferentes atividades envolventes com o ambiente e com quem o frequenta.

Atividades

• Piqueniques  • Descansar no sol

Recomendações

• Cuide com o tráfego  de cachorros  • Traga uma canga para se sentar no chão

X = 100 mm = 50 mm

Composição Formal e diagramação

Composição Formal  e Diagramação  Apresentação  da Rota

O espaçamento do grid vai até a linha de base de uma linha a outra Entrelinha:

50,4 pt QR Code:  50 x 50 mm

Canto arredondado:  15 mm

= 100 mm = 50 mm

Composição Formal e diagramação

Composição Formal  e Diagramação

Mapa e Orientação

Entrelinha:  72 pt

Sem espaçamento entre as caixa de textos

Pictogramas:

50 mm x 50 mm

QR code:  50 mm x 50 mm

= 100 mm Canto arredondado:  15 mm

= 50 mm

Composição Formal e diagramação

Composição Formal  e Diagramação  Indicação e  Indicação de quadra Entrelinha entre Título e subtítulo:  126 pt

Pictogramas:

100 mm x 100 mm

= 100 mm = 50 mm

Entrelinha do título:  165 pt

O texto, independente da quantidade de linhas, continua centralizado na placa (a mancha e não a caixa de texto). Manter entrelinha.

Pictogramas:

50 mm x 50 mm

Sem espaçamento entre pictogramas.

DIRETRIZES ESTRUTURAIS

composição estrutural - totem

1121 mm

84 mm

1024 mm

4 mm

Recomendações

Impressão das informações no PVC: UV

Corte da placa de PVC: Laser

155 mm

200 mm 200 mm

Materiais

Madeira: Ecoblock® de 80mm de espessura

PVC fosco rígido: com 4mm de espessura

Concreto:

400mm de altura (sendo 200m milimetros aparentes)

Largura: 1234mm

Profundidade: 200mm

1696 mm

Proporção

1701mm altura e largura 1121mm

PVC: 1696mm altura e largura 1024mm

1701 mm

Composição Estrutural:

Totem

Terr eno 200 mm 1234 mm

922 mm

157 mm

processo de instalação - totem

Instalação:

Totem Fixação

Parafusos 16 mm

Estrutura e PVC:

Instalação com quatro (4) parafusos franceses, buchas, porcas e arruelas de 16mm de altura x 16mm de diâmetro e 40mm de largura. Furar de acordo com o posicionamento apresentado ao lado.

16 mm

Base:

Utilização de concreto, sendo feito um buraco no chão com 200mm de profundidade. Construção de caixa de madeira 200mm de largura e 200mm de altura para acima da terra para criar efeito de base de concreto aparente. Encaixar a estrutura de Ecoblock no centro do concreto (necessitando de um molde de 80mm na aplicação antes da secagem), estando a uma distância de 1154mm dos lados esquerdo e direito e 60mm dos lados superiores e inferiores. Em seguida, encaixar o Ecoblock no concreto.

40 mm

Terreno

155 mm

922 mm

157 mm

composição estrutural - totem mapa

133m m

575m m

Materiais

ACM: (alumínio composto) com a espessura 3 mm de espessura (forma de fixação 1).

Postes de aço galvanizado: 1900m de altura, 130mm largura e 150mm de espessura

Barra chata: Deve-se adequar ao tamanho de cada placa, estando 535mm, no centro da placa (tamanho já com respiro de 20mm em cada lado do suporte) e 30mm de altura

Recomendações:

Impressão das informações no PVC: UV

Corte da placa de PVC: Laser

1900mm

Proporção

Total: 1300mm altura e largura 575mm

Espessura do poste  150mm

1300mm

Composição Estrutural:

Mapa

3 mm

processo de instalação - totem mapa

30m m

Instalação:

Mapa

30m m

Abraçadeiras e parafusos

170m m

100m m

16 mm 16mm

150m m

400m m

Estrutura e ACM:

Instalação aos postes de aço galvanizado com seis (6) parafusos franceses e com porcas e arruelas de 16mm de altura e largura x 16mm de diâmetro. Furar de acordo com o posicionamento apresentado ao lado, junto às duas (2) barras chatas de 30mm de altura (de 535mm centralizadas a placa) e duas (2) abraçadeiras de aço galvanizado de 150mm de diâmetro e 170mm de largura

30m m

Base:

Utilização de concreto, sendo feito um buraco no chão com 400mm de profundidade e 100mm de largura, onde será colocado no seu centro a estrutura do poste de aço galvanizado, alinhado ao centro do material. Se necessário a utilização de apoios para auxiliar no alinhamento do concreto e manter o poste em pé.

Espessura do poste  150mm

composição estrutural - totem de início da rota

133mm 1600 mm

Composição Estrutural:

Proporção

990 mm

Apresentação da Rota

Total: 990mm altura e largura 1600mm

espessura (forma de fixação 1).

Postes de aço galvanizado: 1700m de altura, 130mm largura e 150mm de espessura

Barra chata: Deve-se adequar ao tamanho de cada placa, barras chatas de 30mm de altura e com 1560mm de largura, no centro da placa (tamanho já com respiro de 20mm em cada lado do suporte).

Recomendações

Impressão das informações no PVC: UV

Corte da placa de PVC: Laser

17000 mm

ACM: (alumínio composto) com a espessura 3 mm de

1900 mm

Materiais

3 mm

processo de instalação - totem de APRESENTAÇÃO da rota

30m m

Instalação:

Apresentação da Rota Fixação

30m m

Abraçadeiras e parafusos 16mm

400mm

150m m 400mm

Estrutura e ACM:

Instalação aos postes de aço galvanizado com quatro (4) parafusos franceses e com porcas e arruelas de 16mm de altura e largura x 16mm de diâmetro. Furar de acordo com o posicionamento apresentado ao lado, junto às duas (2) barras chatas de 30mm de altura (de 1560mm largura centralizadas a placa) e duas (2) abraçadeiras de aço galvanizado de 150mm de diâmetro e 170mm de largura

30m m

Base:

Utilização de concreto, sendo feito um buraco no chão com 400mm de profundidade e 100mm de largura, onde será colocado no seu centro a estrutura dos dois (2) postes de aço galvanizado, alinhado ao centro do material. Se necessário a utilização de apoios para auxiliar no alinhamento do concreto e manter o poste em pé.

100mm

170m m 100mm

16 mm

composição estrutural - placa de indicação

Versão (1)

Composição Estrutural:

Indicação

848mm

Proporção

Total: 519mm altura e largura 848mm

Recomendações

Informações escritas no PVC: impressão UV

Corte da placa de PVC: laser

Informações escritas no ACM: vinil fosco cortado a partir de uma plotter de corte cor por cor e colagem em camadas.

1900mm

Materiais

ACM: (alumínio composto) com a espessura 3 mm de espessura (forma de fixação 1).

PVC rígido: com 4mm de espessura (forma de fixação 2).

Barra chata: Deve-se adequar ao tamanho de cada placa, estando 808mm de largura, no centro da placa (tamanho já com respiro de 20mm em cada lado do suporte) e com 30mm de altura

Postes de aço galvanizado: 1900m de altura, 130mm largura e 150mm de espessura

Versão (2)

processo de instalação - placa de indicação

Instalação: Indicação

Instalação (1) 30m m

Abraçadeiras e parafusos

30m m

Instalação (1)

Base:

Estrutura e ACM:

Instalação aos postes de aço galvanizado com quatro (4) parafusos franceses e com porcas e arruelas de 16mm x 70mm de diâmetro. Furar de acordo com o posicionamento apresentado ao lado, junto às duas (2) barras chatas de 30mm de altura (de 808mm de largura centralizadas a placa) e duas (2) abraçadeiras de aço galvanizado de 150mm de diâmetro e 170mm de largura

16mm

16 mm

150m m 170m m

Instalação (2)

10mm

400mm

Estrutura e PVC:

Instalação com dois (2) com cortes em cada lado extremo (com respiro de 20mm da borda) e amarrar na parede com arame galvanizado de 2mm. Furar de acordo com o posicionamento apresentado ao lado.

10mm

100mm

composição estrutural - placa de orientação

650mm

3000mm

156mm

Composição Estrutural:

Orientação Proporção

Total: 156mm altura e largura 650mm

Recomendações

Informações escritas no PVC: impressão UV

Informações escritas no ACM: vinil fosco cortado a partir de uma plotter de corte cor por cor e colagem em camadas.

400mm

Materiais

ACM: (alumínio composto) com a espessura 3 mm de espessura.

Postes de aço galvanizado: 3000m de altura, 130mm largura e 300mm de espessura

100mm

processo de instalação - placa de orientação

30mm

Instalação:

Orientação Base:

30mm

16mm

300mm

170mm

300mm

Estrutura e ACM:

Instalação aos postes de aço galvanizado com quatro (4) parafusos franceses e com porcas e arruelas de 16mm x 16mm de diâmetro e 70mm largura. (2) abraçadeiras de aço galvanizado de 300mm de diâmetro (postes UFSC). Furar de acordo com o posicionamento apresentado ao lado duas.

Abraçadeiras e parafusos

70 mm

300mm

posicionamentos

Posicionamentos Legendas Totem do Caminho da Água Totem do Caminho do Sol Totem do Caminho do Ar Totem do Caminho da Terra

Caminho da Terra

Totem do Caminho do Fogo

Caminho do Sol

Placas de Mapa

Caminho do Ar

Placas de Orientação

Passagem da Água

Placas de Indicação

Caminho do Fogo

APLICAÇÕES

PERCEBENDO A NATUREZA Manual de sinalização

Manual de Sinalização - Percebendo a Natureza

Articles inside

Setas

Sistematização

Mapa

Introdução