Księga Identyfikacji Wizualnej Kompleksowego Systemu Internetowego PARP

Wielkość: px
Rozpocząć pokaz od strony:

Download "Księga Identyfikacji Wizualnej Kompleksowego Systemu Internetowego PARP"

Transkrypt

1 Księga Identyfikacji Wizualnej Kompleksowego Systemu Internetowego PARP Warszawa, 2012

2 Spis treści 1. Architektura informacji Architektura informacji systemu Serwis główny PARP Siatka 1200px Budowa głównego serwisu PARP Pasek nawigacji globalnej Pasek nawigacji bocznej Ścieżka powrotu Stopka Typografia podstawowa Typografia uzupełniająca Kolorystyka Kolory uzupełniające Nagłówki Nagłówek Nagłówek Wypunktowanie Hiperłącza Typografia na banerze Przyciski Ikony Ikony rozszerzeń plików Zakładki Formularze Tabele, zestawienia Newsletter Newslettery portali skojarzonych Przykładowe podstrony PARP Widok strony o zwiększonym kontraście Wersja mobilna Responsive Web Design Wersja mobilna strony Portale skojarzone Kolorystyka portali skojarzonych Budowa serwisów skojarzonych Portale społecznościowe Portale społecznościowe Załączniki Załączniki

3 Księga Systemu Identyfikacji Wizualnej opisuje szczegółowo budowę serwisu, jego bloków, typografię, kolorystykę oraz charakterystyczne elementy, które w nim występują. Oprócz dokładnego opisu samego głównego serwisu PARP Księga opisuje zasadę tworzenia layoutów dla portali skojarzonych. W kolejnych rozdziałach zostały przedstawione widoki mobilne Serwisu oraz projekty portali społecznościowych. 3

4 4

5 1. Architektura informacji 5

6 Architektura informacji systemu System internetowy PARP oferuje kompleksowe wsparcie dla Małych i Średnich Przedsiębiorstw. Z racji mnogości informacji została stworzona taka architektura informacji, dzięki której użytkownik będzie mógł w łatwy i przejrzysty sposób dotrzeć do poszukiwanej treści. System został podzielony na cztery główne sekcje tematyczne: Finansowanie Szkolenia Publikacje Kooperacja Każda z tych stron stanowi pewnego rodzaju landing page (strona docelowa, tj. pierwsza strona, na którą trafia odwiedzający), która jest w stanie pokierować użytkownika do informacji z danej kategorii tematycznej. Cztery kategorie zostały umieszczone na głównym pasku nawigacji globalnej, który występuje w nagłówku wszystkich portali należących do PARP. Istotną pozycją w architekturze jest zakładka Wszystkie portale, dzięki której jesteśmy w stanie w szybki sposób dostać się do każdego z serwisów PARP. 6

7 1. Architektura informacji Szkolenia Zarz dzanie strategiczne index/1999 Baza nowe podej cie Zarz dzanie wiekiem index/2001 Akademia E-biznesu 19_1996.html Punkty konsultacyjne KSU opieka_nad_klientem_oraz_doradztwo Telepraca index/2002 Zarz dzanie zasobami ludzkimi index/2000 Inwestycja w kadry Marketing i sprzeda index/2006 Biznes dla edukacji Doradztwo Krajowej Sieci Innowacji porady_innowacyjne?first=y Umiej tno ci mened erskie i osobiste index/2007 Zarz dzanie rodowiskiem index/1998 Akademia PARP - E-learning praca z sektorem publicznym index/2003 Krajowy System Us ug CIP - Konkurencyjno i Innowacja Tworzenie szkole e- learningowych index/2008 Dla urz marsza kowskich i COIE index/2087 CIP - krajowe punkty kontaktowe 3.html index/1972 E-punkt https://www.web.gov.pl/e-punkt/ Instytut Szybkiego Reagowania Finansowanie POIG PORPW Bon na innowacje index/1415 Po yczki i por czenia index/1416 POKL Szwajcarsko-Polski Program pracy Granty index/1762 Technologie kosmiczne Publikacje Tematyka Rodzaj https://www.web.gov.pl/e-booki/ 272_1228_e-booki.html Wydawca Kooperacja Mi dzynarodowa Krajowa Regionalna z PARP EEN Enterprice Europe Network wyszukiwanie-ofert.html Partnerstwo Publiczno Prywatne (Seminaria) page_id=40 Baza firm B2B https://www.web.gov.pl/baza-b2b/ praca regionalna KSU wspolpraca_regionalna?first=y Przetargi PARP (bip) Go China Baza us ug Nowe Podej cie s,baza_uslug,14.html Baza zapyta ofertowych https://www.web.gov.pl/bazazapytania-ofertowe/ Punkty konsultacyjne KSU opieka_nad_klientem_oraz_doradztwo Regionalne instytucje finansuj ce Baza firm dla indywidualnych https://www.web.gov.pl/baza-firm/ rodki Krajowej Sieci Innowacji porady_innowacyjne Wszystkie portale Strony wszystkich portali PARP 7

8 8

9 2. Serwis główny PARP 9

10 Siatka 1200px Serwis w wersji podstawowej dostosowany jest do rozdzielczości 1200px. Układ rozplanowany jest na siatce piętnastu kolumn. Na stronie głównej pierwsze trzy kolumny są zarezerwowane na menu boczne. W pozostałych znajduje się główna treść serwisu. Rozwinięte menu (drugiego poziomu) przysłania stronę w tle na szerokości odpowiadającej 3 kolumnom siatki. Siatka jest dostosowana do płynnego skalowania się serwisu tzw. Responsive Web Design, o którym będzie mowa w dalszej części Księgi Systemu Identyfikacji Wizualnej. 10px 60px 20px 15 kolumn 10

11 2. Serwis główny PARP 11

12 Budowa głównego serwisu PARP Serwis główny podzielony jest na cztery podstawowe segmenty: pasek nawigacji globalnej, pasek nawigacji bocznej, kontener na treść, stopkę. Są to stałe elementy występujące również na wszystkich podstronach serwisu oraz na stronach portali skojarzonych. Dokładna budowa tych portali nieco odbiegająca od prezentowanego tutaj schematu, została opisana w dalszym rozdziale. Pasek nawigacji oraz stopka są stałymi elementami, które w sposób niezmienny prezentują się na stronie głównej serwisu oraz podstronach. Te elementy zostały dokładniej opisane poniżej. Zawartość kontenera na treść generuje się dynamicznie w zależności od rodzaju podstrony, na której się znajdujemy. Wszystkie strony Systemu Internetowego PARP wyrównywane są do lewej krawędzi. 12

13 2. Serwis główny PARP Nawigacja globalna Kontener treści Nawigacja boczna Stopka 13

14 Pasek nawigacji globalnej Pasek nawigacji globalnej jest stałym elementem, który pojawia się na każdej ze stron Kompleksowego Systemu Internetowego PARP. Niezależnie od miejsca występowania nie zmienia on swojego wyglądu, a jedynie wysokość, która dla serwisu głównego PARP wynosi 90px, a dla serwisów skojarzonych 57px. Pasek składa się z następujących elementów: logotypu PARP, głównych punktów startowych, przycisków funkcjonalnych. Na pasku nawigacji znajduje się także przełącznik pomiędzy portalami skojarzonymi. Po jego wybraniu rozwija się lista wszystkich skojarzonych serwisów, podzielonych na trzy kategorie główne: Portale tematyczne, Portale poświęcone dotacjom, Portale projektowe i inicjatywy. Kliknięcie w wybrany skutkuje przeniesieniem na stronę. Logotyp utrzymany jest w standardowej kolorystyce i po kliknięciu przenosi on użytkownika na stronę główną głównego serwisu PARP. Podstrony serwisu umieszczone na pasku są elementami aktywnymi, tj. po wybraniu (kliknięciu) wybranej pozycji menu zmienia ona swój wygląd (nad nią pojawia się pasek, a sam tekst staje się pogrubiony). Po najechaniu na wybraną pozycję pojawia się nad nią pasek (stan hover ). Jednocześnie wybrana uprzednio pozycja pozostaje bez zmian (zachowuje pogrubienie oraz pasek). Przyciski funkcjonalne to ikonka BIP (Biura Informacji Publicznej), ikonka odpowiedzialna za przełączanie między wersjami językowymi strony oraz zmianę kontrastu. Dodatkowo na pasku jest także wyszukiwarka, która pozwala przeszukiwać daną stronę lub wszystkie portale PARP. Po kliknięciu w ikonę wyszukiwarki rozwija się panel wyszukiwania (aby przeszukiwać wszystkie strony należy zaznaczyć odpowiednią opcję poniżej paska wyszukiwarki). 14

15 2. Serwis główny PARP Pasek nawigacji globalnej Logo PARP Aktywna pozycja menu (pojawia się pasek, pogrubienie tekstu) Biuletyn Informacji Publicznej Wersja angielska strony Panel wyszukiwania Stan hover (pojawia się pasek, aktywna pozycja menu nie ulega zmianie) Zwiększenie kontrastu Przełącznik pomiędzy portalami skojarzonymi Pole wyszukiwania w widoku hover Po kliknięciu w ikonę wyszukiwarki rozwija się panel wyszukiwania Lista portali skojarzonych w widoku hover Po kliknięciu w ikonę rozwija się panel dostępu do wszystkich skojarzonych portali, kolor tła: #F8F9FA kolor ramki: #E5E5E5 15

16 Pasek nawigacji bocznej Boczna nawigacja ma formę pionowego prostokąta i utrzymana jest w kolorystyce PARP. Składa się ona z aktywnej listy podstron, miejsca na opcjonalną reklamę o wielkości 200x200px, która może pojawić się na wybranych podstronach oraz ikon logotypów odpowiadających wybranym serwisom społecznościowym, do których bezpośrednio prowadzą (Facebook, YouTube, Google+). Menu pierwszego poziomu (zwinięte) rozwija się na kolejne podmenu po najechaniu myszką na wybrany element. Obok pojawia się druga kolumna (odrębna kolorystycznie), która także może wygenerować menu trzeciego poziomu w wybranych sekcjach. Każdy poziom menu wyróżnia się kolorystycznie. Zasada dobierania kolorów menu bocznego głównego serwisu PARP oraz serwisów skojarzonych jest następująca. Kolor paska nawigacji pierwszego poziomu odpowiada pierwszemu kolorowi z belki oddzielającej nagłówek od treści. Kolory pasków nawigacji drugiego i trzeciego poziomu są coraz jaśniejszymi odcieniami koloru pierwszego (bazowego). Wyjątkiem mogą być portale, których logo składa się z szerszej gamy kolorystycznej niż ta zawarta w belce pod nagłówkiem. Wtedy jeden z kolorów logo (niekoniecznie występujący w belce) może zostać użyty jako kolor bazowy do tworzenia paska nawigacji bocznej. Taka sytuacja ma miejsce np. w portalu web.gov.pl. 16

17 2. Serwis główny PARP Pasek nawigacji bocznej, menu pierwszego poziomu (zwinięte) Kolor tła: #002b5c Menu drugiego poziomu (rozwijane po najechaniu myszką) Kolor tła: #4D6A8D Menu trzeciego poziomu (rozwijane po najechaniu myszką) Kolor tła: #8397AF Wygląd elementu - hover (po najechaniu myszką) Wygląd elementu aktywnej ścieżki (wskazuje aktualnie otwarty element z menu) Kolor tła: #A0B3CA Przekierowanie na portalu PARP w serwisie społecznościowym Reklama 200x200px pojawia się opcjonalnie na wybranych podstronach 17

18 Ścieżka powrotu Ścieżka powrotu konstruowana jest standardowo jak dla serwisów internetowych. Dodatkowo każdy element ścieżki (prócz nadrzędnego - strony głównej oraz np. artykułu niepowiązanego bezpośrednio z elementem menu) mający swój odpowiednik w nawigacji bocznej wyposażony jest w przycisk nawigacji ścieżki powrotu, umożliwiający rozwinięcie menu nawigacyjnego ścieżki powrotu. W menu nawigacyjnym ścieżki powrotu znajdują się linki odpowiadające tym sam pozycjom w danym poziomie nawigacji bocznej. 18

19 2. Serwis główny PARP Link w widoku hover Font: Droid Sans Regular podkreślony Kolor: #DA5F0E Aktywna pozycja Przycisk nawigacji ścieżki powrotu Strzałka: Kolor #002B5C Grubość: 1px Obrys: Kolor #A3AECA Grubość: 1px 13 px 13 px 19

20 Stopka Stopka składa się z dwóch części: spisu wszystkich skojarzonych portali PARP oraz danych kontaktowych. Lista portali podzielona jest na trzy bloki: Programy operacyjne Portale tematyczne Strony programów Każda nazwa strony jest linkiem prowadzącym do odpowiedniego portalu. Logotyp PARP oraz dane kontaktowe to element stały i wspólny dla wszystkich stron systemu PARP. W tej sekcji znajduje się także link do Centrum prasowego oraz Infolinii. 20

21 2. Serwis główny PARP Kolor tła stopki: #F8F9FA Przekierowania do wszystkich skojarzonych portali PARP Dane kontaktowe. Element ten jest wspólny dla wszystkich stron systemu PARP 21

22 Typografia podstawowa Podstawowym krojem pisma używanym w serwisie głównym oraz w portalach tematycznych jest Droid Sans. Występuje on na stronach w odmianie Regular oraz Bold. Przy tworzeniu przekazu należy dbać o jego czytelność. Hasła i tytuły powinny być pisane zdecydowanie większym fontem niż pozostałe bloki tekstowe. Wszelkie treści w nagłówkach oraz blokach tekstowych wyrównywane są do lewej strony (bez justowania). Wyjątkiem są przyciski, w których tekst jest wyśrodkowany. Paragrafy nie rozpoczynają się wcięciem, w całości wyrównywane są do lewej strony. Dla utrzymania przejrzystego układu treści stosowane są natomiast jednowierszowe odstępy pomiędzy paragrafami. Typografia uzupełniająca Fontem dodatkowym, wykorzystywanym w polach formularzy oraz wyszukiwania, jest Arial Regular. 22

23 2. Serwis główny PARP Droid Sans Regular AĄBCĆDEĘFGHIJKLŁMNŃOÓPQRSŚTUVWXYZŹŻ aąbcćdeęfghijklłmnńoópqrsśtuvwxyzźż Droid Sans Bold AĄBCĆDEĘFGHIJKLŁMNŃOÓPQRSŚTUVWXYZŹŻ aąbcćdeęfghijklłmnńoópqrsśtuvwxyzźż Arial Regular AĄBCĆDEĘFGHIJKLŁMNŃOÓPQRSŚTUVWXYZŹŻ aąbcćdeęfghijklłmnńoópqrsśtuvwxyzźż

24 Kolorystyka W odróżnieniu od kroju pisma czy innych elementów, które są wspólne dla głównego serwisu PARP oraz skojarzonych z nim portali tematycznych, stosowane palety kolorów są detalem, który odróżnia je od siebie. Dla każdej ze stron kompleksowego systemu internetowego PARP dobrane zostały trzy podstawowe kolory charakteryzujące jedynie tą stronę. Trójki kolorystyczne zawarte są w belkach oddzielających nagłówki od treści. Na ich podstawie dobierane są pozostałe barwy serwisów. Ich pełny wykaz znajduje się w dalszej części dokumentu. Ten rozdział poświęcony jest kolorystyce głównego serwisu PARP, która bazuje na kolorach logotypu PARP. Wspomniane wyżej podstawowe trzy barwy (#002b5c, #a3aeca, #cfd8e7) zostały szczegółowo opisane na stronie obok. Wyjątek stanowi portal web.gov.pl. W tym przypadku zostały użyte cztery kolory z logotypu (#d6192a, #fc753c, #fccc04, #d6192a). 24

25 2. Serwis główny PARP Barwy podstawowe strony głównego serwisu PARP (W zestawieniu tworzą belkę oddzielającą nagłówki od treści) RGB: 0,43,92 #: 002B5C RGB: 163,174,202 #: A3AECA RGB: 207,216,231 #: CFD8E7 Jedna z trzech podstawowych barw serwisu głównego PARP. Bazowy kolor logotypu PARP i najsilniejszy akcent kolorystyczny strony. Występowanie: tło menu bocznego 1. stopnia, tło pola wyszukiwania, tekst nagłówków, nazwy przycisków, aktywne stany przycisków, punktory. Druga z podstawowych barw serwisu głównego PARP. Kolor zaczerpnięty z logo PARP. Występowanie: tła ikon, ramki aktywnych zakładek, ramki przycisków, ramki pól szukania i formularzy. Ostatnia z trzech podstawowych barw serwisu głównego. Nie pochodzi ona z logo PARP, a została dobrana jako neutralny kolor uzupełniający. Występowanie: tła przycisków, tła nieaktywnych zakładek. 25

26 Kolory uzupełniające Barwy dodatkowe serwisu stanowią uzupełnienie trójki kolorystycznej prezentowanej powyżej. Paleta ta jest stonowana, z małym akcentem w postaci pomarańczu, który przeznaczony jest przede wszystkim dla hiperłączy. Zaleca się, aby nowe elementy dodawane do strony, takie jak banery, nawiązywały do prezentowanej w tym dokumencie palety barw. 26

27 2. Serwis główny PARP WYSTĘPOWANIE RGB: 77,106,141 #: 4D6A8D Tło menu bocznego 2. stopnia, tło przycisków linkujących do portali społecznościowych. RGB: 131,151,175 #: 8397AF Tło menu bocznego 3. stopnia. RGB: 160, 179, 202 #: A0B3CA Tło menu bocznego 3. stopnia w stanie hover. RGB: 255,255,255 #: FFFFFF Tło: paska nawigacji globalnej, głównego kontenera na treści, aktywnych zakładek; kolor tekstów z menu bocznego oraz wszystkich elementów występujących na granatowym (podstawowym) tle. Barwy uzupełniające RGB: 249,249,249 #: F9F9F9 RGB: 229,229,229 #: e5e5e5 Tło panelu dostępu do portali skojarzonych, tło stopki. Poziome i pionowe linie podziału, ramki poszczególnych kontenerów na treść. RGB: 218,95,14 #: da5f0e Kolor fontu linków w stanie hover. RGB: 103,101,101 #: Kolor fontu: wylistowanych adresów portali skojarzonych w panelu górnym oraz stopce, danych adresowych ze stopki. RGB: 53,50,49 #: Kolor fontu w pasku nawigacji globalnej. RGB: 33,33,33 #: Podstawowy kolor fontu na stronie. 27

28 Nagłówki Charakterystycznym elementem wyróżniającym nagłówki na stronie jest belka oddzielająca je od poniższych treści. Jej kolorystyka jest zaczerpnięta z logo PARP, a forma w pewien sposób nawiązuje do jego budowy. Składa się ona z trzech jednakowej długości odcinków, których kontynuacją jest jasnoszara linia o długości zależnej od szerokości danego pola tekstowego. Kolejnym elementem wyróżniającym nagłówki jest wielkość oraz kolor użytego w nich fonta. Znacznie odbiegają one od tych zastosowanych w tekście podstawowym. Element graficzny nagłówka jest elementem stałym i nie skaluje się wraz ze stroną. Nagłówek 1 Ten rodzaj nagłówka używany jest przede wszystkim w nazwach podstron oraz głównych działów stron systemu PARP. Nagłówek 2 Jest on stosowany w obrębie zakładek i wyszczególnionych ramką kontenerach na treść. 28

29 2. Serwis główny PARP Nagłówek 1 18px 4px Tekst: Droid Sans Regular 28 pt; Kolor: #002B5C; Nagłówek 1 Linia: Kolor: #D0D8E7; Grubość: 1px; 63px 63px 63px długość zależna od szerokości pola treści Kolor: #002B5C Kolor: #A3AECA Kolor: #CFD8E7 Nagłówek 2 12px 2px Tekst: Droid Sans Regular 24 pt; Kolor: #002B5C; Nagłówek 2 Linia: Kolor: #D0D8E7; Grubość: 1px; 37px 37px 37px długość zależna od szerokości pola treści Kolor: #002B5C Kolor: #CFD8E7 Kolor: #A3AECA 29

30 Wypunktowanie Na stronach głównego serwisu PARP zastosowano punktory w postaci kwadratów o wymiarach 7x7px, w kolorze #002b5c, oddalonych o 10px od tekstu i wyśrodkowanych względem niego. Taki rodzaj wypunktowania w prosty sposób nawiązuje do logo PARP pod względem formy oraz kolorystyki. Taka forma wypunktowania występuje w paragrafach. W zależności od rodzaju wypunktowania mogą być stosowane poziome lub pionowe linie w kolorze #e5e5e5 i grubości 1px, oddzielające jego poszczególne elementy. W przypadku wypunktowania w postaci listy występujących jeden pod drugim elementów, długość tych linii jest zgodna z szerokością pola tekstowego. Taka forma wypunktowania występuje w boksach z newsami. W przypadku wypunktowania w postaci elementów wyliczanych kolejno jeden po drugim, linie oddzielające o orientacji pionowej mają wysokość 10px. Odstęp pomiędzy końcem wyrazu a linią oraz pomiędzy linią a początkiem kolejnego punktora wynosi również 10px. 30

31 2. Serwis główny PARP Wymiary pojedynczego punktora 7px 10px Tekst : Droid Sans 13pt; Kolor: # px Przykładowy tekst Kolor punktora: #002b5c Wypunktowanie w postaci listy 1px 18px 7px 18px Kolor lini: #E4E4E4 Przykładowy tekst Przykładowy tekst 33px 1px 33px Wyliczanie elementów px Kolor lini: #E4E4E4 Grubość: 1px, wysokość: 10px WEB.gov.pl Akademia PARP Inwestycja w kadry Enterprise Europe Network Baza nowe podejście 31

32 Hiperłącza W serwisie PARP występują dwa rodzaje linków. Pierwsza podstawowa grupa to hiperłącza, które w widoku hover (po najechaniu myszką) zmieniają swój kolor na pomarańczowy (#da5f0e). Dotyczy to wszystkich linkujących tekstów, które w podstawowym widoku występują w kolorze # (standardowy tekst na stronie), # (linki ze stopki) oraz #002b5c (Centrum prasowe, Infolinia ze stopki). Drugi, rzadko występujący rodzaj linków, dotyczy tekstów, których podstawowym kolorem jest charakterystyczny dla hiperłączy pomarańcz (#da5f0e). W widoku hover teksty te są podkreślane. 32

33 2. Serwis główny PARP Link standardowy Link w widoku hover Font: Droid Sans Regular Kolor: #da5f0e (zmiana z #262625) Link niestandardowy Link w widoku hover Font: Droid Sans Regular podkreślony Kolor: #da5f0e (bez zmiany) 33

34 Typografia na banerze Podstawową cechą typografii umieszczanej na banerach powinna być jej przejrzystość i czytelność oraz spójność z pozostałymi elementami strony. Dlatego zalecane jest stosowanie na banerach podstawowego kroju pisma serwisu jakim jest Droid Sans. Kolor fonta powinien być zaczerpnięty z kolorystyki strony, a tło na którym występuje, nie powinno zaburzać czytelności przekazu. Dlatego sugeruje się, aby zdjęcia czy grafiki banerów przechodziły stopniowo w jednolity kolor, będący tłem dla hasła. Jednocześnie w przypadku głównego baneru nie powinna być to biel, ponieważ jest ona kolorem tła, na którym on występuje. Prezentowany obok banner (938x167px) jest jedynie przykładem, w jaki sposób powinno się tworzyć kolejne. Nie stanowi on sztywnego wzorca, a jest tylko sugerowaną formą. Miejscem prezentowania baneru 200x200px jest menu boczne, dlatego nie powinien on zaburzać jego czytelności. Sugeruje się, aby jego forma oraz kolorystyka korespondowały z menu bocznym i nie stanowiły dla niego konkurencji formalnej. 34

35 2. Serwis główny PARP Baner strony głównej Tekst1 Font: Droid Sans Regular, 14pt Kolor: #81b1d5 Tekst2 Font: Droid Sans Bold, Regular, 24pt Kolor: #002b5c Kolor tła: #F4F4F4 938px 938px Baner paska nawigacji bocznej 200px Font: Droid Sans 30px Kolor: #8397af 200px Font: Droid Sans 60px Kolor: #ffffff Ramka Kolor: #8397af Grubość: 1px Kolor tła: #002b5c 35

36 Przyciski Standardowe przyciski głównego serwisu PARP oraz portali skojarzonych podzielone są na dwie części. Pierwsza zawiera nazwę przycisku, druga strzałkę skierowaną w prawą stronę. Proporcje drugiej części są stałe. Zbudowana jest ona na bazie kwadratu o boku a (gdzie a występuje w dwóch wielkościach: 24px dla przycisków więcej i pobierz oraz 41px dla szukaj ). Wysokość pierwszej części jest również stała i wynosi a, jej długość natomiast zależy od długości nazwy przycisku. Wolna przestrzeń pomiędzy początkiem i końcem nazwy jest dla wszystkich przycisków taka sama i wynosi 3/4 a. Szczegółowe parametry oraz sposób zachowania przycisków standardowych opisane zostały na przykładach znajdujących się na stronie obok. W serwisie pojawiają się również przyciski niestandardowe, które wyglądem czy zachowaniem nieco odbiegają od opisanych powyżej. Zaliczają się do nich prezentowane obok przyciski przekierowujące na strony portali społecznościowych. 36

37 2. Serwis główny PARP Proporcje przycisku standardowego Marginesy napisu wewnątrz przycisku: 3/4 a a 1px (niezależnie od wielkości przycisku) a Kolorystyka przycisku standardowego Kolor lewej strony wnętrza przycisku: #cfd8e7 Kolor prawej strony wnętrza przycisku: #ffffff Kolor ramki: #a3aeca Kolor napisu: #002b5c Kolor ikony: #002b5c Przyciski w stanie hover Kolor tła: #002b5c Kolor napisu: #ffffff Kolor tła: #cfd8e7 Przyciski niestandardowe 37

38 Ikony Ikony występujące w serwisie można podzielić na następujące grupy: Ikony paska nawigacji globalnej Ikony tematyczne Ikony funkcjonalne Ikony - etykiety Ikony z pierwszej grupy występują w postaci niezmienionej (również pod względem koloru) na wszystkich stronach Kompleksowego Systemu Internetowego PARP. Wynika to z ich lokalizacji, jaką jest pasek nawigacji globalnej. Ikony tematyczne znajdują zastosowanie w zakładkach pionowych. Są one graficznymi odpowiednikami nazw zakładek, dlatego też występują w dwóch wariantach kolorystycznych: nieaktywnym (kolor tła #A3AECA) i aktywnym (kolor tła #002B5C). Ikony funkcjonalne przypisane są do konkretnych akcji, takich jak np. Wydrukuj. Ikony - etykiety są jedynie graficznymi akcentami na stronie. Nie są klikalne dlatego też zostały zaakcentowane odmiennym od reszty kształtem. Ikony portali skojarzonych wyglądają analogicznie do prezentowanych obok. Poza pierwszą grupą Ikon paska nawigacji globalnej, powinny być one dostosowane kolorystycznie do palety obowiązującej w danym serwisie. 38

39 2. Serwis główny PARP Ikony paska nawigacji globalnej 50px 16px 50px Ikona wyszukiwania 16px Ikona zwiększenia kontrastu Ikony tematyczne 33px 33px Ikona Jestem przedsiębiorcą W widoku aktywnym Ikona Jestem pracownikiem W widoku aktywnym Ikona Jestem inną instytucją W widoku aktywnym Kolor symbolu: #FFFFFF Kolor tła: #A3AECA Kolor symbolu: #FFFFFF Kolor tła: #002B5C Ikony funkcjonalne 24px 24px Ikona Śledź kanały RSS Ikona Zgłoś błąd Ikona Wydrukuj Ikony - etykiety 26px 18px 14px 26px 18px Ikona Filtruj wg. daty Ikona Filtruj wg. wydawcy Ikona NOWE 45 o 39

40 Ikony rozszerzeń plików Na stronie obok prezentowane są wszystkie ikony rozszerzeń plików zgodne z listą zamieszczoną w Dzienniku Ustaw Rzeczpospolitej Polskiej (Poz. 526, Rozporządzenie Rady Ministrów z dnia 12 kwietnia 2012r.) Ikony te zostały zaprojektowane w taki sposób, aby ich forma pasowała do projektu całego systemu internetowego. Na stronach występują w postaci kwadratów o wymiarach 24x24px. Umieszczono na nich skróty literowe lub elementy graficzne sugerujące ich źródło pochodzenia. Dodatkowo na stronach obok ikon pojawiają się nazwy rozszerzeń przez nie reprezentowanych. 40

41 2. Serwis główny PARP 24px 24px 41

42 Zakładki W serwisie występują dwa rodzaje zakładek: jedne o poziomym, drugie o pionowym sposobie nawigacji. Ich elementy składowe w zasadzie nie różnią się od siebie, a jedynie sposób korzystania z nich jest inny. W ich budowie można wyróżnić zdecydowanie wybijająca się zakładkę aktywną (białe tło, obramowanie 1px, wyróżniony nagłówek). Jest ona nieco przesunięta względem pozostałych dając tym efekt pewnej przestrzenności. Zakładki nieaktywne (znacznie ciemniejsze tło, brak obramowania, stonowane nagłówki) stanowią dla niej tło. 42

43 2. Serwis główny PARP Zakładka pozioma Zakładka aktywna: Kolor: #ffffff; Tekst zakładki aktywnej: Droid Sans Regular 18pt Kolor: #002b5c Tekst zakładki nieaktywnej: Droid Sans Regular 14pt Kolor: #002b5c Zakładki nieaktywne: Kolor tła: #cfd8e7; Zakładka 1 Zakładka 2 Tło pola aktywnej zakładki: Kolor: #ffffff; Grubość obrysu: 1px; Kolor obrysu: #a3aeca Zakładka pionowa Ikona zakładki aktywnej: Kolor ikony: #ffffff Kolor tła: #002b5c Ikona zakładki nieaktywnej: Kolor ikony: #ffffff Kolor tła: #a3aeca 43

44 Formularze Formularze stosowane w projekcie charakteryzuje prostota i uniwersalizm. Pola przeznaczone do uzupełnienia i rozwijane listy wyodrębniane są z tła za pomocą ramki (1px) oraz delikatnego wewnętrznego cienia (parametry obok na stronie). Fontem użytym w nazwach pól jest standardowo Droid Sans Regular, natomiast fontem służącym do uzupełniania formularza jest Arial Regular (13px). 44

45 2. Serwis główny PARP Formularz Font: Droid Sans 28px Kolor: # Font: Droid Sans 17px Kolor: # px 250px 52px Długość przycisku zgodna z szerokością formularza Rozwijana lista (część formularza) Tekst: Arial Regular 13pt; Kolor: # Obrys: Kolor: #e5e5e5 Grugość: 1px Tło pola: Kolor: #ffffff Cień wewnętrzny Przesunięcie x: 0px; Przesunięcie y: -3px; Rozmiar: 2px; Kolor: #f1f1f1 Tło pola: Kolor: #f9f9f9 Strzałka: Kolor: #

46 Tabele, zestawienia Tabela składa się z nazwy całego zestawienia (Droid Sans Regular 28pt) oraz dowolnej ilości grup, z których każda posiada własną, osobną nazwę (Droid Sans Regular 24pt). Każdy plik posiada osobny wiersz, w którym mieszczą się dwie linie tekstu (nazwa pliku). W przypadku trzech lub czterech linii tekstu w wierszu, zmienia on (podwaja) automatycznie swoją wysokość. W obrębie grupy wiersze mają dwa kolory tła (#ffffff oraz #e5e5e5) i ułożone są naprzemiennie, rozpoczynając zawsze od wiersza z białym tłem (#ffffff ). W obrębie wiersza znajduje się nazwa pliku z opisem, tj. formatem (także zwizualizowanym w formie znaku odpowiadającemu danemu rodzajowi pliku) oraz wagą (wyrażoną wartością liczbową). Przy każdym pliku znajduje się standardowy przycisk umożliwiający jego pobranie. Nowe pozycje w tabeli oznaczane są ikoną etykiety NOWE. 46

47 2. Serwis główny PARP Przykład tabeli zawierającej dokumenty do pobrania Nazwa całego zestawienia: Droid Sans Regular 28pt Kolor: #002a5c Nazwa danej grupy: Droid Sans Regular 24pt Kolor: # Kolor rozszerzenia pliku: # Kolor wiersza A: #ffffff 58px 68px Tekst: Droid Sans Regular 14pt Kolor: # Kolor wiersza B: # Linie podziału wierszy i kolumn: Kolor: #e5e5e5 Grubość: 1px Standardowy przycisk Przykład tabeli zawierającej zadania pracownika Nazwa tabeli: Droid Sans Regular 28pt Kolor: #002a5c Nagłówki kolumn: Droid Sans Regular 14pt Kolor: #1a1918 Tekst wierszy: Droid Sans Regular 12pt Kolor: #1a

48 Newsletter Newsletter PARP jest rodzajem interaktywnego a przesyłanego do grupy odbiorców. Ma on stałą szerokość (700px), dopasowaną do standardowych okien poczty elektronicznej. Dzięki temu nie wymaga on bocznego scrollowania. Długość newslettera jest nieograniczona i zależy jedynie od ilości zawartych w nim treści. Jest on w pełni klikalnym dokumentem, którego poszczególne sekcje z widoku ogólnego linkują do pełnych artykułów w serwisie www. Prezentowany obok newsletter (w widoku ogólnym i szczegółowym), jest dedykowany głównemu serwisowi PARP. Zawiera on charakterystyczne elementy ikonografii tego właśnie serwisu, takie jak: kolorystykę, przyciski, nagłówki. 48

49 2. Serwis główny PARP 49

50 Newslettery portali skojarzonych Newslettery portali skojarzonych opierają się na takich samych zasadach tworzenia, co prezentowany wcześniej szablon przeznaczony dla serwisu głównego PARP. Elementem odróżniającym je od siebie, jest ich kolorystyka. Niepowtarzalne palety barw, przypisane do poszczególnych portali, powinny znaleźć zastosowanie w odpowiadających im newsletterach. Obok zaprezentowano przykład newslettera w widoku ogólnym i szczegółowym, przeznaczonego dla portalu web.gov.pl. 50

51 2. Serwis główny PARP Newslette portalu web.gov.pl 51

52 52

53 3. Przykładowe podstrony PARP 53

54 Widok strony głównej 54

55 3. Przykładowe podstrony PARP Widok podstrony Kooperacja 55

56 Widok podstrony Publikacje 56

57 3. Przykładowe podstrony PARP Widok podstrony Publikacje tymczasowe 57

58 Widok szczegółowy artykułu 58

59 3. Przykładowe podstrony PARP Widok galerii zdjęć 59

60 Widok podstrony Szkolenia 60

61 3. Przykładowe podstrony PARP Widok podstrony Finansowanie 61

62 Widok listy dokumentów 62

63 3. Przykładowe podstrony PARP Widok podstrony 63

64 Widok strony o zwiększonym kontraście Widok strony przeznaczonej dla osób niedowidzących, który cechuje ciemne tło i osadzona na nim jasna czcionka. Zastosowanie wysokiego kontrastu, większej czcionki oraz mniejszej ilości kolorów wspomaga czytanie przez osoby z wadą wzroku. 64

65 Widok menu głównego oraz wyszukiwarki Arial Regular 14pt Kolor: # Arial Bold 14pt Kolor: #FFFF00 Widok podstrony Arial Bold 24pt Kolor: #FFFF00 Arial Regular 16pt Kolor: #FFFFFF Widok stopki Arial Bold 16pt Kolor: #FFFF00 Arial Bold 14pt Kolor: #FFFF00 Arial Regular 14pt Kolor: #00FFFF 65

66 Widok strony głównej o zwiększonym kontraście 66

67 3. Przykładowe podstrony PARP Widok podstrony Aktualności o zwiększonym kontraście 67

68 68

69 4. Wersja mobilna 69

70 Responsive Web Design System internetowy PARP posiada strony zoptymalizowane pod wyświetlanie na urządzeniach mobilnych i tabletach. Jest to możliwe dzięki zastosowaniu podejścia Responsive Web Design do projektowania i wdrażania stron. RWD zakłada w pełni funkcjonalne widoki stron, z nawigacją dostosowaną do rozmiaru ekranu, czytelne i intuicyjne w użytkowaniu. Dzięki nowym atrybutom media queries w CSS3, możliwe jest serwowanie odpowiednich styli w zależności od rozdzielczości urządzenia. System internetowy PARP posiada: widok strony internetowej wyświetlanej na monitorach powyżej rozdzielczości 1024px, widok tabletowy pomiędzy 481px a 1024px, widok mobilny na urządzenia mobilne o rozdzielczości mniejszej bądź równej 480px. 70

71 4. Wersja mobilna Widok strony głównej w wersji tabletowej 71

72 Wersja mobilna strony Widok mobilny jest zoptymalizowany pod kątem wszystkich użytkowników smartfonów. Każdy z elementów strony internetowej układa się tak, aby był dostępny i czytelny na ekranie telefonu. Dzięki temu użytkownicy otrzymują w pełni funkcjonalną stronę i mogą dotrzeć do interesujących ich informacji. Belka nawigacji globalnej została zaprojektowana tak, aby było w niej możliwe poziome przewijanie elementów. Całe dotychczasowe menu boczne jest schowane i pojawia się dopiero po jego wywołaniu przez przycisk Menu. 72

73 4. Wersja mobilna Widok strony głównej w wersji mobilnej 73

74 74

75 5. Portale skojarzone 75

76 Kolorystyka portali skojarzonych Wszystkie portale Kompleksowego Systemu Internetowego PARP zostały podzielone na cztery grupy. Do pierwszej należy portal korporacyjny PARP (serwis główny). Kolejne grupy to: Portale tematyczne Portale poświęcone dotacjom Portale projektowe i inicjatywy Do każdego z portali zostały dobrane trzy podstawowe kolory charakteryzujące jego stronę główną i podstrony. Trójki kolorystyczne zawarte są w belkach oddzielających nagłówki od treści. Na ich podstawie dobierane są pozostałe barwy serwisów. Wyjątkiem jest widok serwisu web.gov.pl opisany w części poświęconej menu bocznemu. Na kolejnych stronach znajduje się zestawienie trójek kolorystycznych wszystkich portali skojarzonych. 76

77 5. Portale skojarzone 1. Portal korporacyjny PARP #002b5c #a3aeca #cfd8e7 77

78 2. Portale tematyczne #f15f23 #f78b26 #ffc60b # #ff6200 #f6be8c #d6192a #d6192ia #fc753c Kolor menu bocznego #fccc04 #245a84 #e47614 #d9d9d9 #004e8e #f7d359 #ffe898 78

79 5. Portale skojarzone #3963b0 #a1b0cd #cfd8e7 #001b86 #0094da #ffcd2c #251e6c #65b930 #f1bb03 #002a5c #ed1b23 #fc6b70 79

80 3. Portale poświęcone dotacjom #00a097 #00b6ad #afdfdc #4b4894 #645faa #e1dfef #dc651e #f58221 #fdd1af #ca031a #e2253b #fc

81 5. Portale skojarzone 4. Portale projektowe i inicjatywy # #a1b0cd #cfd8e7 #002c59 #a1b0cd #cfd8e7 #a8034f #a1b0cd #cfd8e7 #0085a1 #a1b0cd #cfd8e7 #ff6dob #a1b0cd #cfd8e7 81

82 #dd15b6 #10b1db #cfd8e7 #1f5a18 #10b1db #cfd8e7 #54616e #a1b0cd #cfd8e7 #d82423 #a1b0cd #cfd8e7 #1bb7d9 #a1b0cd #cfd8e7 82

83 5. Portale skojarzone #002b5c #a1b0cd #cfd8e7 #002b5c #a1b0cd #cfd8e7 #f39910 #a1b0cd #cfd8e7 #980b10 #a1b0cd #cfd8e7 #8f52a1 #a1b0cd #cfd8e7 83

84 Budowa serwisów skojarzonych Serwisy skojarzone swoją budową praktycznie nie odbiegają od układu zastosowanego w głównym serwisie PARP. Podzielone są na pięć podstawowych części: pasek nawigacji globalnej, nagłówek z logiem danego portalu oraz elementami funkcjonalnymi, np. panel logowania, ikony społecznościowe, informacje kontaktowe, pasek nawigacji bocznej, kontener na treść, stopkę. Nagłówek z logiem danego portalu jest dodanym elementem, który nie występuje w głównym serwisie PARP. Paski nawigacji oraz stopka są stałymi elementami, które w sposób niezmienny prezentują się na stronach głównych serwisów oraz podstronach. Zawartość kontenera na treść generuje się dynamicznie w zależności od rodzaju podstrony, na której się znajdujemy. Na kolejnych stronach prezentowane są projekty stron głównych sześciu wybranych portali skojarzonych systemu PARP. 84

85 5. Portale skojarzone Nawigacja globalna Nagłówek z logiem danego portalu Kontener treści Nawigacja boczna Stopka 85

86 Widok strony głównej Program Innowacyjna Gospodarka 86

87 5. Portale skojarzone Widok strony głównej Biuletyn Informacji Publicznej 87

88 Widok strony głównej Planowanie Strategiczne 88

89 5. Portale skojarzone Widok strony głównej Inwestycja w Kadry 89

90 Widok strony głównej Web.gov.pl 90

91 5. Portale skojarzone Widok strony głównej Akademia PARP 91

WORDPRESS INSTRUKCJA OBSŁUGI

WORDPRESS INSTRUKCJA OBSŁUGI WORDPRESS INSTRUKCJA OBSŁUGI Zapraszamy do zapoznania się z Instrukcją obsługi panelu CMS Wordpress, która w krótkim czasie i bez większego kłopotu pozwoli na edycję treści i zawartości strony, w tym:

Bardziej szczegółowo

Przewodnik... Tworzenie Landing Page

Przewodnik... Tworzenie Landing Page Przewodnik... Tworzenie Landing Page Spis treści Kreator strony landing page Stwórz stronę Zarządzaj stronami 2 Kreator strony landing page Kreator pozwala stworzyć własną stronę internetową z unikalnym

Bardziej szczegółowo

Tworzenie wiadomości Newsletter

Tworzenie wiadomości Newsletter Tworzenie wiadomości Newsletter W tym przewodniku dowiesz się jak Tworzyć atrakcyjne wiadomości Newlsetter, wybierać grupy docelowe do wysyłki oraz publikować wiadomości na profilach w portalach społecznościowych.

Bardziej szczegółowo

Reklama na portalu Świata Przemysłu Farmaceutycznego specyfikacja techniczna

Reklama na portalu Świata Przemysłu Farmaceutycznego specyfikacja techniczna Reklama na portalu Świata Przemysłu Farmaceutycznego specyfikacja techniczna Formy reklamowe: 1. Billboard UP 1100zł netto Graficzny prostokąt reklamowy umieszczony centralnie w górnej części portalu,

Bardziej szczegółowo

OPIS FORM REKLAMOWYCH

OPIS FORM REKLAMOWYCH OPIS FORM REKLAMOWYCH : KATARZYNA PIĄTEK 600-25-33-25 REKLAMA@DDWLOCLAWEK.PL OPIS ZAWARTOŚCI 1. BILLBOARD 2. BILLBOARD PODSTRONA 3. BILLBOARD ROZWIJANY 4. BILLBOARD PŁYWAJĄCY 5. PODWÓJNY BILLBOARD 6. BANNER

Bardziej szczegółowo

GRUPA EXPERTUS KSIĘGA ZNAKU EXPERTUS

GRUPA EXPERTUS KSIĘGA ZNAKU EXPERTUS GRUPA EXPERTUS Firma od 1999 roku specjalizuje się w windykacji i zarządzaniu wierzytelnościami, jednocześnie świadcząc usługi prawne. Wieloletnie doświadczenie oraz profesjonalna obsługa pozwala zapewnić

Bardziej szczegółowo

01. BUDOWA ZNAKU I ROZMIAR MINIMALNY ZNAK LOGOTYP SYGNET. 4 mm / 60px. System identyfikacji wizualnej / Księga znaku

01. BUDOWA ZNAKU I ROZMIAR MINIMALNY ZNAK LOGOTYP SYGNET. 4 mm / 60px. System identyfikacji wizualnej / Księga znaku System identyfikacji identyfikacji wizualnej / Księga znaku wizualnej / Księga znaku 01. BUDOWA ZNAKU I ROZMIAR MINIMALNY ZNAK Znak BPX składa się z sygnetu i części typograficznej - akronimu BPX. Występuje

Bardziej szczegółowo

Podręcznik Identyfikacji Wizualnej

Podręcznik Identyfikacji Wizualnej Podręcznik Identyfikacji Wizualnej 1. ZESTAWIENIE ZNAKÓW 1 Znak RDC występuje w wersji pełnej z dopiskiem: Polskie Radio. Podstawowa wersja znaku składa się z symbolu graficznego RDC. Znak jako podstawowy

Bardziej szczegółowo

budowa i zasady użycia logo Fundacji Orange

budowa i zasady użycia logo Fundacji Orange budowa i zasady użycia 1 budowa i kolorystyka 1.1 A B logo Orange deskryptor Podstawowy znak Fundacji Orange składa się z logotypu Orange i deskryptora: Fundacja Orange, umieszczonego z prawej strony.

Bardziej szczegółowo

KANCELARIA PRAWNA KSIĘGA ZNAKU EXPERTUS

KANCELARIA PRAWNA KSIĘGA ZNAKU EXPERTUS KANCELARIA PRAWNA Kancelaria Prawna Expertus Widerak & Wspólnicy powstała w wyniku połączenia Działu Prawnego Spółki Expertus oraz Kancelarii Adwokackiej prowadzonej przez adwokata Radosława Wideraka.

Bardziej szczegółowo

Nowy szablon stron pracowników ZUT

Nowy szablon stron pracowników ZUT Nowy szablon stron pracowników ZUT Uczelniane Centrum Informatyki ZUT przygotowało nowy szablon stron pracowników, zunifikowany z obecnymi stronami ZUT. Serdecznie zachęcamy Państwa do migracji na nowy

Bardziej szczegółowo

Znaki marki Znak firmowy ARP S.A.

Znaki marki Znak firmowy ARP S.A. Księga znaku Znaki marki Znak firmowy ARP S.A. ARP S.A. Księga Znaku / Znaki marki / Znak firmowy ARP S.A. Strona 2 Forma podstawowa znaku Forma podstawowa znaku z deskryptorem składa się z trzech elementów:

Bardziej szczegółowo

Pomoc. BIP strona portalu

Pomoc. BIP strona portalu Pomoc BIP strona portalu Biuletyn Informacji Publicznej powstał w celu powszechnego udostępnienia informacji publicznej w postaci elektronicznej. Głównym zadaniem portalu jest przekazywanie informacji

Bardziej szczegółowo

1.2 Logo Sonel podstawowe załoŝenia

1.2 Logo Sonel podstawowe załoŝenia 1.2 Logo Sonel podstawowe załoŝenia Logo czyli graficzna forma przedstawienia symbolu i nazwy firmy. Terminu logo uŝywamy dla całego znaku, składającego się z sygnetu (symbolu graficznego) i logotypu (tekstowego

Bardziej szczegółowo

Baza wiedzy instrukcja

Baza wiedzy instrukcja Strona 1 z 12 Baza wiedzy instrukcja 1 Korzystanie z publikacji... 2 1.1 Interaktywny spis treści... 2 1.2 Przeglądanie publikacji... 3 1.3 Przejście do wybranej strony... 3 1.4 Przeglądanie stron za pomocą

Bardziej szczegółowo

Księga Systemu Identyfikacji Wizualnej Centrum Automatycznego Nadzoru nad Ruchem Drogowym (CANARD)

Księga Systemu Identyfikacji Wizualnej Centrum Automatycznego Nadzoru nad Ruchem Drogowym (CANARD) Księga Systemu Identyfikacji Wizualnej Centrum Automatycznego Nadzoru nad Ruchem Drogowym (CANARD) Projekt współfinansowany przez Unię Europejską ze Środków Europejskiego Funduszu Rozwoju Regionalnego w

Bardziej szczegółowo

INSTRUKCJA UŻYTKOWNIKA SYSTEMU BIP

INSTRUKCJA UŻYTKOWNIKA SYSTEMU BIP INSTRUKCJA UŻYTKOWNIKA SYSTEMU BIP REGIONALNY SYSTEM BIULETYNÓW INFORMACJI PUBLICZNEJ ORAZ CYFROWY URZĄD DLA URZĘDU MARSZAŁKOWSKIEGO WOJEWÓDZTWA MAŁOPOLSKIEGO Gdynia, maj 2013 Metryka Nazwa projektu Dostarczenie

Bardziej szczegółowo

Stosunkimiedzynarodowe.pl

Stosunkimiedzynarodowe.pl AGENCJA INTERAKTYWNA NETTURBINA.PL Stosunkimiedzynarodowe.pl Case study Aleksander Ślązak 2011-05-04 Opis budowy portalu stosunkimiedzynarodowe.pl. Najważniejsze funkcje. Cele projektu Całkowita przebudowa

Bardziej szczegółowo

Nazwa firmy lub projektu: 1. Grafika

Nazwa firmy lub projektu: 1. Grafika Nazwa firmy lub projektu: Ogólne informacje o firmie i branży: Prosimy w kilku słowach opisać Państwa firmę, rodzaj produktów lub usług, elementy charakterystyczne dla Państwa branży, jej specyfikę, opis

Bardziej szczegółowo

Tworzenie prezentacji w MS PowerPoint

Tworzenie prezentacji w MS PowerPoint Tworzenie prezentacji w MS PowerPoint Program PowerPoint dostarczany jest w pakiecie Office i daje nam możliwość stworzenia prezentacji oraz uatrakcyjnienia materiału, który chcemy przedstawić. Prezentacje

Bardziej szczegółowo

Załącznik do zarządzenia kanclerza nr 6 z dnia 8 maja 2013 r. KSIĘGA ZNAKU SGH

Załącznik do zarządzenia kanclerza nr 6 z dnia 8 maja 2013 r. KSIĘGA ZNAKU SGH Załącznik do zarządzenia kanclerza nr 6 z dnia 8 maja 2013 r. KSIĘGA ZNAKU SGH Spis treści 1. Godło i logo opis. 2. Godło i logo konstrukcja. 3. Logo pole ochronne. 4. Logotyp i jego warianty. 5. Logotyp

Bardziej szczegółowo

ADMINISTRACJA STRONĄ EMPIRE MUSIC

ADMINISTRACJA STRONĄ EMPIRE MUSIC ADMINISTRACJA STRONĄ EMPIRE MUSIC I.Nawigacja / Poruszanie się pomiędzy działami. Po zalogowaniu na panel należy wybrać do którego działu chcemy wprowadzić zmiany. Lista z działami znajduję po prawej stronie

Bardziej szczegółowo

Specyfikacja mikrobloga na portalu GoldenLine.pl

Specyfikacja mikrobloga na portalu GoldenLine.pl Specyfikacja mikrobloga na portalu GoldenLine.pl lipiec 2010 Spis treści Ogólne informacje...3 1 Typy mikroblogów...4 1.1 Mikroblog standardowy...4 1.2 Mikroblog indywidualny...5 2 Specyfikacja techniczna...6

Bardziej szczegółowo

Nabór Bursy/CKU. Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych:

Nabór Bursy/CKU. Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych: Nabór Bursy/CKU Przeglądanie oferty i rejestracja kandydata Informacje ogólne Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych: Internet Explorer

Bardziej szczegółowo

LOGO UNIWERSYTETU ZIELONOGÓRSKIEGO KSIĄŻKA TOŻSAMOŚCI ZNAKU

LOGO UNIWERSYTETU ZIELONOGÓRSKIEGO KSIĄŻKA TOŻSAMOŚCI ZNAKU Załącznik do Zarządzenia nr 38 Rektora Uniwersytetu Zielonogórskiego z dnia 3 września 2009 w sprawie wprowadzenia książki tożsamości znaku Uniwersytetu Zielonogórskiego LOGO UNIWERSYTETU ZIELONOGÓRSKIEGO

Bardziej szczegółowo

Ochrona znaku przykłady błędnego używania znaku błędna kolorystyka minimalny rozmiar loga

Ochrona znaku przykłady błędnego używania znaku błędna kolorystyka minimalny rozmiar loga Spis tresci 1.0 Znak znak podstawowy budowa znaku konstrukcja symbolu pole ochronne loga Warianty kolorystyczne logo w pełnych kolorach logo monochromatyczne logo na czarnym tle Typografia wykorzystane

Bardziej szczegółowo

Ćwiczenie 4 - Tabele

Ćwiczenie 4 - Tabele Ćwiczenie 4 - Tabele W ćwiczeniu tym zajmujemy się tabelami. Tabele moŝna wykorzystywać do róŝnych celów. W tabelach moŝna prezentować dane i je wyliczać, moŝna ustalić określony układ treści i stworzyć

Bardziej szczegółowo

Leonardo da Vinci KSIĘGA IDENTYFIKACJI WIZUALNEJ

Leonardo da Vinci KSIĘGA IDENTYFIKACJI WIZUALNEJ Leonardo da Vinci KSIĘGA IDENTYFIKACJI WIZUALNEJ 1. } logotyp, kolorystyka i typografia } 4 1.1. } logotyp Logotyp jest najważniejszym elementem identyfikacji wizualnej programu Leonardo da Vinci, dlatego

Bardziej szczegółowo

Zakres Zadań Wykonawcy

Zakres Zadań Wykonawcy Zakres Zadań Wykonawcy Wykonawca w ramach identyfikacji wizualnej kompleksowego systemu internetowego PARP, bazując na obecnym Systemie Identyfikacji Wizualnej PARP opracuje spójny system projektów graficznych

Bardziej szczegółowo

Opracowanie charakteru treści wyświetlanej na stronie głównej

Opracowanie charakteru treści wyświetlanej na stronie głównej Data aktualizacji: 09-03-2012 1. Oznaczenie użytkownika: A, B, C, D, E, F, G, H 2. Zakres czynności: Rozmieszczenie treści i modułów funkcyjnych na stronie głównej platformy Matrix. 3. Zakres prac Autor

Bardziej szczegółowo

Poradnik korzystania z Bazy konkurencyjności dla niezalogowanego użytkownika systemu

Poradnik korzystania z Bazy konkurencyjności dla niezalogowanego użytkownika systemu Poradnik korzystania z Bazy konkurencyjności dla niezalogowanego użytkownika systemu 1 z 14 Spis treści 1. WPROWADZENIE... 3 1.1. CEL DOKUMENTU... 3 2. STRONA GŁÓWNA PORTALU... 3 2.1. ELEMENTY STRONY GŁÓWNEJ

Bardziej szczegółowo

1. Przypisy, indeks i spisy.

1. Przypisy, indeks i spisy. 1. Przypisy, indeks i spisy. (Wstaw Odwołanie Przypis dolny - ) (Wstaw Odwołanie Indeks i spisy - ) Przypisy dolne i końcowe w drukowanych dokumentach umożliwiają umieszczanie w dokumencie objaśnień, komentarzy

Bardziej szczegółowo

System Identyfikacji Wizualnej Księga znaku

System Identyfikacji Wizualnej Księga znaku Projekt współfinansowany przez Unię Europejską z Europejskiego Funduszu Rozwoju Regionalnego. Fundusze Europejskie dla rozwoju regionu łódzkiego. Projekt pn. Opracowanie Strategii Marki Miasta Bełchatowa

Bardziej szczegółowo

Identyfikacja wizualna Białostockiego Parku Naukowo-Technologicznego

Identyfikacja wizualna Białostockiego Parku Naukowo-Technologicznego Identyfikacja wizualna Białostockiego Parku Naukowo-Technologicznego Przygotowano na zlecenie miasta Białystok na podstawie umowy z dnia 29.07.2011 Autor: Tomasz Miazga Część A. Księga znaku BPN-T A. Księga

Bardziej szczegółowo

Wytyczne dot. grafiki aplikacji TBP

Wytyczne dot. grafiki aplikacji TBP Załącznik nr 2 Wytyczne dot. grafiki aplikacji TBP Wytyczne ogólne Aplikacja Team Building Platform powinna być zaprojektowana na minimalną rozdzielczość ekranu: 1024x768. Filmy dostępne w aplikacji będą

Bardziej szczegółowo

Księga znaku Prokuratury Generalnej 2011

Księga znaku Prokuratury Generalnej 2011 Księga znaku Prokuratury Generalnej 2011 autor Katarzyna Bojanowska Spis treści: 1. Forma podstawowa 2. Sygnet 3. Typografia 4. Siatka modułowa 5. Formy uzupełniające 6. Pole ochronne 7. Warianty kolorowe

Bardziej szczegółowo

Załącznik techniczny przedmiotu zamówienia komponentu

Załącznik techniczny przedmiotu zamówienia komponentu Załącznik nr 1 mapowego dla portalu WWW Załącznik techniczny przedmiotu zamówienia komponentu 1.1 Komponent mapowy Zleceniodawcy pozostawia się wolną rękę w wyborze technologii w jakiej zostanie stworzony

Bardziej szczegółowo

I. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu...

I. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu... Kreator szablonów I. Spis treści I. Spis treści... 2 II. Kreator szablonów... 3 1. Tworzenie szablonu... 3 2. Menu... 4 a. Opis ikon... 5 3. Dodanie nowego elementu... 7 a. Grafika... 7 b. Tekst... 7 c.

Bardziej szczegółowo

Zasady używania elementów systemu identyfikacji Ministerstwa Środowiska

Zasady używania elementów systemu identyfikacji Ministerstwa Środowiska Zasady używania elementów systemu identyfikacji Ministerstwa Środowiska EWOLUCJA LOGO Paleta kolorów PALETA GLÓWNA / System identyfikacji wizualnej Ministerstwa Środowiska został oparty na trzy-elementowej

Bardziej szczegółowo

Wielkości minimalne... 57 Znak firmowy Specjalnej Strefy Ekonomicznej EURO-PARK Mielec z angielską wersją deskryptora... 58

Wielkości minimalne... 57 Znak firmowy Specjalnej Strefy Ekonomicznej EURO-PARK Mielec z angielską wersją deskryptora... 58 Księga znaku ARP S.A. Księga Znaku / Spis treści Spis treści Znak firmowy ARP S.A. Forma podstawowa znaku... 2 Forma uzupełniająca znaku... 3 Formy uzupełniające poziome znaku z deskryptorem... 4 Symbol

Bardziej szczegółowo

Bazy danych raporty. 1. Przekopiuj na dysk F:\ bazę M5BIB.mdb z dysku wskazanego przez prowadzącego.

Bazy danych raporty. 1. Przekopiuj na dysk F:\ bazę M5BIB.mdb z dysku wskazanego przez prowadzącego. Bazy danych raporty 1. Przekopiuj na dysk F:\ bazę M5BIB.mdb z dysku wskazanego przez prowadzącego. 2. Otwórz bazę (F:\M5BIB). 3. Utwórz raport wyświetlający wszystkie pola z tabeli KSIAZKI. Pozostaw ustawienia

Bardziej szczegółowo

Wprowadzenie MINISTERSTWO NAUKI I SZKOLNICTWA WYŻSZEGO

Wprowadzenie MINISTERSTWO NAUKI I SZKOLNICTWA WYŻSZEGO Księga znaku Wprowadzenie Niniejszy dokument opisuje podstawowe zasady stosowania znaku kampanii Zawód naukowiec oraz prezentuje projekty podstawowych materiałów firmowych. Podręcznik zawiera także wiele

Bardziej szczegółowo

PORADNIK Zasady i zalecenia pracy z plikami oraz tekstem na stronach nowego portalu SGH (na platformie SharePoint)

PORADNIK Zasady i zalecenia pracy z plikami oraz tekstem na stronach nowego portalu SGH (na platformie SharePoint) PORADNIK Zasady i zalecenia pracy z plikami oraz tekstem na stronach nowego portalu SGH (na platformie SharePoint) wersja 2.0. (6 listopada 2015 r.) Przygotowanie: Dział Informacji i Komunikacji, Dział

Bardziej szczegółowo

SPIS TREŚCI. Podstawowa forma znaku. Forma pozioma znaku. Forma pionowa znaku. Logo z hasłem. Sygnet. Uproszczona forma znaku.

SPIS TREŚCI. Podstawowa forma znaku. Forma pozioma znaku. Forma pionowa znaku. Logo z hasłem. Sygnet. Uproszczona forma znaku. KSIĘGA ZNAKU SPIS TREŚCI 2 Podstawowa forma znaku Forma pozioma znaku Forma pionowa znaku Logo z hasłem Sygnet Uproszczona forma znaku Konstrukcja znaku Pole ochronne znaku Kolorystyka Typografia Skalowanie

Bardziej szczegółowo

Przewodnik Szybki start

Przewodnik Szybki start Przewodnik Szybki start Program Microsoft Word 2013 wygląda inaczej niż wcześniejsze wersje, dlatego przygotowaliśmy ten przewodnik, aby skrócić czas nauki jego obsługi. Pasek narzędzi Szybki dostęp Te

Bardziej szczegółowo

1.Formatowanie tekstu z użyciem stylów

1.Formatowanie tekstu z użyciem stylów 1.Formatowanie tekstu z użyciem stylów Co to jest styl? Styl jest ciągiem znaków formatujących, które mogą być stosowane do tekstu w dokumencie w celu szybkiej zmiany jego wyglądu. Stosując styl, stosuje

Bardziej szczegółowo

Specyfikacja Specyfikacja strony szkurlat.pl realizowanej przez Visualteam dla...

Specyfikacja Specyfikacja strony szkurlat.pl realizowanej przez Visualteam dla... Specyfikacja Specyfikacja strony szkurlat.pl realizowanej przez Visualteam dla... Spis treści 1 Informacje ogólne...1 1.1 Obsługiwane przeglądarki...1 1.2 Technologia wykonania...1 1.3 Wersje językowe...2

Bardziej szczegółowo

KSIĘGA IDENTYFIKACJI WIZUALNEJ. znaku promocyjnego Szlaku Zabytków Techniki Katowice 2011 r.

KSIĘGA IDENTYFIKACJI WIZUALNEJ. znaku promocyjnego Szlaku Zabytków Techniki Katowice 2011 r. KSIĘGA IDENTYFIKACJI WIZUALNEJ znaku promocyjnego Szlaku Zabytków Techniki Katowice 2011 r. SPIS TREŚCI 1. ZNAK MARKI 1.1 forma podstawowa 1.2 formy uzupełniające 1.3 budowa i proporcje znaku 1.4 pole

Bardziej szczegółowo

System Identyfikacji Wizualnej. opracowany dla ZOO Wrocław sp. z o.o.

System Identyfikacji Wizualnej. opracowany dla ZOO Wrocław sp. z o.o. System Identyfikacji Wizualnej opracowany dla ZOO Wrocław sp. z o.o. 2 System Identyfikacji Wizualnej Spis treści Spis treści 1. Znak firmowy 1.1 Podstawowa forma znaku 1.2 Dopuszczalne formy znaku 1.3

Bardziej szczegółowo

Specyfikacja profili na portalu GoldenLine.pl

Specyfikacja profili na portalu GoldenLine.pl Specyfikacja profili na portalu GoldenLine.pl listopad 2010 GoldenLine Sp. z o.o. ul. Bitwy Warszawskiej 1920r. nr 7, 02-366 Warszawa KRS 0000241921, REGON 140216958, NIP 5262891445, Wysokość kapitału

Bardziej szczegółowo

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1. Widżety KIWIPortal tworzenie umieszczanie na stronach internetowych opcje zaawansowane Autor: Damian Rebuś Data: 29.06.2015 Wersja: 1.3 Strona 1 z 17 1 SPIS TREŚCI 2 Metody osadzania widżetów... 3 2.1

Bardziej szczegółowo

Portal pięknych wnętrz

Portal pięknych wnętrz Portal pięknych wnętrz O PORTALU Dobrzemieszkaj.pl to portal poświęcony urządzaniu i wyposażaniu wnętrz. Codziennie aktualizowany i tworzony przy aktywnym udziale ekspertów, inspiruje do zmian we wnętrzach,

Bardziej szczegółowo

DODAJEMY TREŚĆ DO STRONY

DODAJEMY TREŚĆ DO STRONY DODAJEMY TREŚĆ DO STRONY SPIS TREŚCI Pasek narzędzi i wyszukiwarka aplikacji... 2 Dodawanie portletów... 3 Widok zawartości stron... 4 Zawartość portletu... 5 Ikonki wybierz oraz dodaj zawartość stron...

Bardziej szczegółowo

Księga Logotypu Marki Radom

Księga Logotypu Marki Radom Księga Logotypu Marki Radom spis treści 1. LOGOTYP 1.01 forma podstawowa 1.02 znak graficzny 1.03 forma podstawowa z hasłem 1.04 forma podstawowa z hasłem w języku angielskim i rosyjskim 1.05 formy uzupełniające

Bardziej szczegółowo

Spis treści. 2.1 Paleta kolorów 2.2 Typografia

Spis treści. 2.1 Paleta kolorów 2.2 Typografia KSIĘGA ZNAKU PORTA Czerwiec 2013 Spis treści 1.1 Znak podstawowy wstęp 1.2 Znak podstawowy pole ochronne 1.3 Znak podstawowy konstrukcja znaku 1.4 Znak podstawowy wersja achromatyczna, monochromatyczna,

Bardziej szczegółowo

Zadanie 9. Projektowanie stron dokumentu

Zadanie 9. Projektowanie stron dokumentu Zadanie 9. Projektowanie stron dokumentu Przygotowany dokument można: wydrukować i oprawić, zapisać jako strona sieci Web i opublikować w Internecie przekonwertować na format PDF i udostępnić w postaci

Bardziej szczegółowo

PODSTAWOWA KSIĘGA ZNAKU

PODSTAWOWA KSIĘGA ZNAKU MyKulturalni.pl PODSTAWOWA KSIĘGA ZNAKU PODSTAWOWA KSIĘGA ZNAKU 2 Spis zawartości. 3 Znak MyKulturalni.pl 4 Elementy Logo. 5 Elementy dodatkowe. 6 Odmiany Logo. 7 Wersje logo. 8 Kolorystyka. 9 Pole ochronne

Bardziej szczegółowo

ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0

ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0 ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0 Przeznaczenie sylabusa Dokument ten zawiera szczegółowy sylabus dla modułu ECDL/ICDL Przetwarzanie tekstów. Sylabus opisuje zakres wiedzy i

Bardziej szczegółowo

Załącznik do umowy nr..

Załącznik do umowy nr.. Załącznik do umowy nr.. z dnia I Opis przedmiotu zamówienia specyfikacja techniczna: 1. System mobilny: Aplikacja przeznaczona dla telefonów z systemem Android, wersja 4.0 wzwyż i napisana w języku natywnym

Bardziej szczegółowo

Nabór Przedszkola. Przewodnik dla rodziców i opiekunów

Nabór Przedszkola. Przewodnik dla rodziców i opiekunów Nabór Przedszkola Przewodnik dla rodziców i opiekunów Wrocław 2012 Spis treści Informacje ogólne... 4 Wymagania techniczne przeglądarek internetowych... 4 Układ strony dla kandydata... 4 Obsługa rodzica/opiekuna

Bardziej szczegółowo

Miejskie Przedsiębiorstwo Komunikacyjne S.A. w Krakowie

Miejskie Przedsiębiorstwo Komunikacyjne S.A. w Krakowie Miejskie Przedsiębiorstwo Komunikacyjne S.A. w Krakowie ZASADY IDENTYFIKACJI WIZUALNEJ FIRMY logo, akcydensy wersja 2009.12 1. Logo - proporcje Logo Miejskiego Przedsiębiorstwa Komunikacyjnego S.A. w Krakowie,

Bardziej szczegółowo

DniOtwarte.eu / księga znaku

DniOtwarte.eu / księga znaku DniOtwarte.eu / księga znaku 1 DniOtwarte.eu / księga znaku / znak wersja podstawowa Znak podstawowy składa się z godła i logotypu. Jest dedykowany oficjalnej prezentacji w reklamie, w identyfikacji wizualnej

Bardziej szczegółowo

Spis treści. 3 2. Logo 2.1 Znaczenie. 1. Wstęp. 4 2.2 Budowa. 5 2.3 Kolorystyka. 6 2.4 Obszar ochronny. 7 2.5 Wersja monochromatyczna

Spis treści. 3 2. Logo 2.1 Znaczenie. 1. Wstęp. 4 2.2 Budowa. 5 2.3 Kolorystyka. 6 2.4 Obszar ochronny. 7 2.5 Wersja monochromatyczna Księga znaku Spis treści 1. Wstęp 3 2. Logo 2.1 Znaczenie 4 2.2 Budowa 5 2.3 Kolorystyka 6 2.4 Obszar ochronny 7 2.5 Wersja monochromatyczna 8 2.6 Wersja achromatyczna 9 2.7 Warianty 10 2.8 Minimalna wielkość

Bardziej szczegółowo

2. PODSTAWOWE ZASADY UŻYWANIA LOGOTYPU

2. PODSTAWOWE ZASADY UŻYWANIA LOGOTYPU 1. LOGOTYP Logotyp jest głównym elementem tożsamości wizualnej. Dzięki swojej formie i kolorystyce zapewnia wizualną odrębność. Logotyp Samorządu Studentów Politechniki Krakowskiej składa się z części

Bardziej szczegółowo

Zaprojektuj kalendarz z TKexe Kalender

Zaprojektuj kalendarz z TKexe Kalender e-learning - samouczek Multimedia XxxxxKoludo Anna Xxxxxxxxxxxx Łódzkie Centrum At litiore sed quam fugidoskonalenia ta plique voluptate Nauczycieli i Kształcenia pero Praktycznego Dempori oribus abo.

Bardziej szczegółowo

WPROWADZENIE. Niniejsze opracowanie jest zbiorem zasad, które systematyzują reguły stosowania projektu okleiny dla autobusów PKP Intercity.

WPROWADZENIE. Niniejsze opracowanie jest zbiorem zasad, które systematyzują reguły stosowania projektu okleiny dla autobusów PKP Intercity. Wersja 1.1. BUS SPIS TREŚCI Wprowadzenie................................................................ 2 Znak konstrukcja............................................................. 3 Znak pole ochronne..........................................................

Bardziej szczegółowo

Instrukcja 3wcms najważniejsze funkcje

Instrukcja 3wcms najważniejsze funkcje Instrukcja 3wcms najważniejsze funkcje Spis: Dodawanie nowego dokumentu Edycja dokumentu Dodawanie dokumentu do menu Dodawanie grafiki do dokumentu Dodawanie grafiki głównej Lista dokumentów Operacje na

Bardziej szczegółowo

INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ

INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ W celu wprowadzenia, modyfikacji lub usunięcia informacji w Biuletynie Informacji Publicznej należy wpisać w przeglądarce adres strony: http:/bip.moriw.pl/admin.php

Bardziej szczegółowo

Przeglądanie oferty i rejestracja kandydata

Przeglądanie oferty i rejestracja kandydata Nabór Przedszkola Przeglądanie oferty i rejestracja kandydata Informacje ogólne Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych: Internet Explorer

Bardziej szczegółowo

Personalizowanie wirtualnych pokojów

Personalizowanie wirtualnych pokojów Personalizowanie wirtualnych pokojów www.clickmeeting.pl Dowiedz się, jak spersonalizować swój wirtualny pokój, stosując kolorystykę Twojej marki oraz dodając logo organizacji. Pokażemy Ci krok po kroku,

Bardziej szczegółowo

Księga identyfikacji wizualnej znaku ZOZ Świętochłowice.

Księga identyfikacji wizualnej znaku ZOZ Świętochłowice. ZOZ Świętochłowice. Spis treści 2 Wstęp 3 Standaryzacja znaku - kolory 4 Budowa znaku 7 Pole ochronne znaku i wielkość minimalna 8 Ochrona znaku - skalowanie 10 Ochrona znaku - niedopuszczalne modyfikacje

Bardziej szczegółowo

Wzór wizualizacji 1. 1. Zakres informowania odbiorców i stosowania wzoru wizualizacji w projekcie

Wzór wizualizacji 1. 1. Zakres informowania odbiorców i stosowania wzoru wizualizacji w projekcie Wzór wizualizacji 1 1. Zakres informowania odbiorców i stosowania wzoru wizualizacji w projekcie Zgodnie z 1 ust. 6 każdy Wnioskodawca realizujący projekt w ramach Konkursu dotacji na działania informacyjno-promocyjne

Bardziej szczegółowo

Phocus.pl to polsko-japońska firma składająca się z grupy kreatywnych profesjonalistów, którzy współpracując razem tworzą porządne rzeczy.

Phocus.pl to polsko-japońska firma składająca się z grupy kreatywnych profesjonalistów, którzy współpracując razem tworzą porządne rzeczy. Phocus.pl - oferta O firmie Phocus.pl to polsko-japońska firma składająca się z grupy kreatywnych profesjonalistów, którzy współpracując razem tworzą porządne rzeczy. Naszym celem jest dostarczenie Państwu

Bardziej szczegółowo

LOGO MANUAL Instrukcja poprawnego stosowania Logo BIKE COMPANY

LOGO MANUAL Instrukcja poprawnego stosowania Logo BIKE COMPANY LOGO MANUAL Instrukcja poprawnego stosowania Logo WSTĘP KELLYS LogoManual to dokument określający podstawowe zasady wykorzystania elementów graficznych logo i logotypu Kellys Bicycles przy zachowaniu jednolitego

Bardziej szczegółowo

ZASADY STOSOWANIA ZNAKU, BUDOWANIA CIĄGU ZNAKÓW PROGRAMU OPERACYJNEGO INFRASTRUKTURA I ŚRODOWISKO

ZASADY STOSOWANIA ZNAKU, BUDOWANIA CIĄGU ZNAKÓW PROGRAMU OPERACYJNEGO INFRASTRUKTURA I ŚRODOWISKO ZASADY STOSOWANIA ZNAKU, BUDOWANIA CIĄGU ZNAKÓW ORAZ PROJEKTOWANIA TABLIC I NAKLEJEK W PROMOCJI PROJEKTÓW PROGRAMU OPERACYJNEGO INFRASTRUKTURA I ŚRODOWISKO Pole podstawowe i pole ochronne znaku Pole podstawowe

Bardziej szczegółowo

5.4. Tworzymy formularze

5.4. Tworzymy formularze 5.4. Tworzymy formularze Zastosowanie formularzy Formularz to obiekt bazy danych, który daje możliwość tworzenia i modyfikacji danych w tabeli lub kwerendzie. Jego wielką zaletą jest umiejętność zautomatyzowania

Bardziej szczegółowo

Przedmiotem konkursu jest stworzenie nowego wyglądu MULTISERWISU czyli nowej grafiki MULTI SZABLONÓW oraz TABLIC INFORMACYJNYCH.

Przedmiotem konkursu jest stworzenie nowego wyglądu MULTISERWISU czyli nowej grafiki MULTI SZABLONÓW oraz TABLIC INFORMACYJNYCH. Załącznik nr 1a Projekt graficzny: MULTISERWIS MULTI SZABLON oraz 7 TABLIC INFORMACYJNYCH www.mon.gov.pl OPIS PRZEDMIOTU KONKURSU projekty graficzne stron internetowych MULTISERWISU. Przedmiotem konkursu

Bardziej szczegółowo

OPIS PRODUKTÓW REKLAMOWYCH. O.pl Polski Portal Kultury. Ostatnia aktualizacja: 2011-06-10

OPIS PRODUKTÓW REKLAMOWYCH. O.pl Polski Portal Kultury. Ostatnia aktualizacja: 2011-06-10 OPIS PRODUKTÓW REKLAMOWYCH O.pl Polski Portal Kultury Ostatnia aktualizacja: 2011-06-10 SPIS TREŚCI 1. BILLBORD 3 2. EXPAND BILLBORD 4 3. SCROLL BILLBOARD 5 4. DOUBLE BILLBOARD 6 5. SKYSCRAPER 7 6. EXPAND

Bardziej szczegółowo

Spis treści. Rozdział 2. Graficzna oprawa witryny...z... 19 Stosowanie motywu...s...s.. 19

Spis treści. Rozdział 2. Graficzna oprawa witryny...z... 19 Stosowanie motywu...s...s.. 19 Spis treści Wstęp...z... 5 Rozdział 1. Nowa witryna sieci Web...z... 7 Tworzenie szkieletu witryny...s... 7 Ustawienia witryny...s...s... 8 Hierarchia witryny...s...s... 10 Nazwy i tytuły stron...s...s..

Bardziej szczegółowo

Co zrobić aby dołączyć do Programu Partnerskiego Ceneo.pl?

Co zrobić aby dołączyć do Programu Partnerskiego Ceneo.pl? OFERTA Spis treści: 1) Jak zacząć? - str.2 2) Dostępne kreacje - str.4 3) Dodawanie kreacji - str.6 4) Kampanie dedykowane - str.16 5) System poleceń - str.17 str. 1 Co zrobić aby dołączyć do Programu

Bardziej szczegółowo

Inicjatywa JESSICA wskazówki dotyczące sporządzania tablic informacyjnych

Inicjatywa JESSICA wskazówki dotyczące sporządzania tablic informacyjnych Inicjatywa JESSICA wskazówki dotyczące sporządzania tablic informacyjnych Logo JESSICA Wersja podstawowa kolorowa Logo składa się ze skrótu JESSICA od pierwszych liter angielskiej nazwy inicjatywy: Joint

Bardziej szczegółowo

Biurowce. Jak się promujemy? Czym jest portal e-biurowce? Jak się zareklamować? PAKIET ZŁOTY PAKIET SREBRNY. www.e-biurowce.pl

Biurowce. Jak się promujemy? Czym jest portal e-biurowce? Jak się zareklamować? PAKIET ZŁOTY PAKIET SREBRNY. www.e-biurowce.pl Czym jest portal e-biurowce? Portal e-biurowce umożliwia wizerunkową i merytoryczną reklamę Państwa biurowca. Dzięki zestawieniu wszystkich materiałów tekstowych i graficznych, potencjalny najemca ma w

Bardziej szczegółowo

Księga identyfikacji Wizualnej Stowarzyszenia Wspierania Organizacji Pozarządowych MOST

Księga identyfikacji Wizualnej Stowarzyszenia Wspierania Organizacji Pozarządowych MOST Księga identyfikacji Wizualnej Stowarzyszenia Wspierania Organizacji Pozarządowych MOST Księga powstała w ramach projektu Z-dialogowani, który uzyskał dofinansowanie w ramach Programu Obywatele dla Demokracji

Bardziej szczegółowo

Podstawy technologii cyfrowej i komputerów

Podstawy technologii cyfrowej i komputerów BESKIDZKIE TOWARZYSTWO EDUKACYJNE Podstawy technologii cyfrowej i komputerów Budowa komputerów cz. 2 systemy operacyjne mgr inż. Radosław Wylon 2010 1 Spis treści: Rozdział I 3 1. Systemy operacyjne 3

Bardziej szczegółowo

INSTRUKCJA UŻYTKOWNIKA. Spis treści. I. Wprowadzenie... 2. II. Tworzenie nowej karty pracy... 3. a. Obiekty... 4. b. Nauka pisania...

INSTRUKCJA UŻYTKOWNIKA. Spis treści. I. Wprowadzenie... 2. II. Tworzenie nowej karty pracy... 3. a. Obiekty... 4. b. Nauka pisania... INSTRUKCJA UŻYTKOWNIKA Spis treści I. Wprowadzenie... 2 II. Tworzenie nowej karty pracy... 3 a. Obiekty... 4 b. Nauka pisania... 5 c. Piktogramy komunikacyjne... 5 d. Warstwy... 5 e. Zapis... 6 III. Galeria...

Bardziej szczegółowo

Prezentacje multimedialne w Powerpoint

Prezentacje multimedialne w Powerpoint Prezentacje multimedialne w Powerpoint Ćwiczenie 1. Tworzenie prezentacji multimedialnej. POMOC DO ĆWICZENIA Dostęp do pomocy w programie: menu Pomoc Microsoft Office PowerPoint Pomoc. Aby ustawić tło

Bardziej szczegółowo

Możliwości programu Power Point

Możliwości programu Power Point 1 Szablon projektu Możliwości programu Power Point Zaczynamy od wybrania szablonu projektu (Format/Projekt Slajdu lub z paska narzędzi). Wybieramy szablon Szczelina. 2 Slajd tytułowy Następnie dodajemy

Bardziej szczegółowo

Przewodnik Szybki start

Przewodnik Szybki start Przewodnik Szybki start Program Microsoft Publisher 2013 wygląda inaczej niż wcześniejsze wersje, dlatego przygotowaliśmy ten przewodnik, aby skrócić czas nauki jego obsługi. Pasek narzędzi Szybki dostęp

Bardziej szczegółowo

Prezentacja Systemu Identyfikacji Wizualnej 7bulls.com

Prezentacja Systemu Identyfikacji Wizualnej 7bulls.com Prezentacja Systemu Identyfikacji Wizualnej 7 Projekt i opracowanie: Andrzej S. Bieniek 7 Księga Znaku: Znak podstawowy Budowa logo i jego proporcje Pole ochronne logo Logo w wersji kolorowej Logo w skali

Bardziej szczegółowo

Instrukcja obsługi systemu zarządzania treścią dwajeden.pl

Instrukcja obsługi systemu zarządzania treścią dwajeden.pl Instrukcja obsługi systemu zarządzania treścią dwajeden.pl Tworzenie i edycja danych na stronie www 1. Rozpoczęcie pracy. Logowanie się do systemu zarządzania treścią dwajeden.pl ropocząć należy od podania

Bardziej szczegółowo

Księga Identyfikacji Wizualnej Znaku

Księga Identyfikacji Wizualnej Znaku Księga Identyfikacji Wizualnej Znaku spis treści 1. ZNAK FIRMOWY 1.01 forma podstawowa 4 1.02 logo na siatce modułowej 5 1.03 pole ochronne znaku 6 1.04 pełnokolorowe warianty znaku - kolory z przejściem

Bardziej szczegółowo

Wykonanie klonu strony http://web.archive.org/web/20130610101647/http://iutm.pl/.

Wykonanie klonu strony http://web.archive.org/web/20130610101647/http://iutm.pl/. OPIS PROJEKTU: Wykonanie klonu strony http://web.archive.org/web/20130610101647/http://iutm.pl/. ZAŁOŻENIA SERWISU INTERNETOWEGO: Wykonanie wymienionych poniżej sekcji serwisu internetowego. a) Front-end

Bardziej szczegółowo

PODRĘCZNIK CZYTELNIKA

PODRĘCZNIK CZYTELNIKA PODRĘCZNIK CZYTELNIKA Logowanie Aby móc zalogować się do wypożyczalni systemu Academica, trzeba mieć numer własnej karty bibliotecznej, czyli być zarejestrowanym użytkownikiem Biblioteki Głównej Uniwersytetu

Bardziej szczegółowo

EDYCJA TEKSTU MS WORDPAD

EDYCJA TEKSTU MS WORDPAD EDYCJA TEKSTU MS WORDPAD EDYCJA TEKSTU - MS WORDPAD WordPad (ryc. 1 ang. miejsce na słowa) to bardzo przydatny program do edycji i pisania tekstów, który dodatkowo dostępny jest w każdym systemie z rodziny

Bardziej szczegółowo

Księga Identyfikacji Wizualnej. Polskie Sieci Elektroenergetyczne S.A.

Księga Identyfikacji Wizualnej. Polskie Sieci Elektroenergetyczne S.A. Księga Identyfikacji Wizualnej Polskie Sieci Elektroenergetyczne S.A. 1. Elementy bazowe 1.1. KONSTRUKCJA OPIS ZNAKU PSE 3 1.2. WERSJA PODSTAWOWA ZNAKU 4 1.3. WERSJE UZUPEŁNIAJĄCE 5 1.4. OPIS KOLORYSTYKI

Bardziej szczegółowo

2.1. Logo UMK Logo. System Identyfikacji Wizualnej UNIWERSYTETU MIKOŁAJA KOPERNIKA

2.1. Logo UMK Logo. System Identyfikacji Wizualnej UNIWERSYTETU MIKOŁAJA KOPERNIKA 2. 2.1 Logo Najważniejszym elementem systemu identyfikacji wizualnej Uniwersytetu Mikołaja Kopernika w Toruniu jest logo. Składa się ono z graficznego znaku (sygnet) oraz logotypu z pełną nazwą uczelni.

Bardziej szczegółowo

SPECYFIKACJA TECHNICZNA www.livingroom24.pl www.decorationanddesign.pl www.domidealny24.pl www.ogrodidealny.pl

SPECYFIKACJA TECHNICZNA www.livingroom24.pl www.decorationanddesign.pl www.domidealny24.pl www.ogrodidealny.pl www.livingroom24.pl www.decorationanddesign.pl www.domidealny24.pl www.ogrodidealny.pl BANER 610x120 SPECYFIKACJA TECHNICZNA Baner reklamowy umieszczony w lewej części strony, we właściwej treści - zazwyczaj

Bardziej szczegółowo

MasterEdytor. Podprogram pomocniczy do programu mpfotoalbum 1.2 INSTRUKCJA

MasterEdytor. Podprogram pomocniczy do programu mpfotoalbum 1.2 INSTRUKCJA MasterEdytor Podprogram pomocniczy do programu mpfotoalbum 1.2 INSTRUKCJA 1. Przeznaczenie Program MasterEdytor przeznaczony jest do skonfigurowania wszystkich parametrów pracy programu mpfotoalbum. 2.

Bardziej szczegółowo