Użyte czcionki to: bezszeryfowa  Titillium i szeryfowa Century751 (nazywany czasem „zmutowanym Clarendonem”) jako bazowe zestawienie - dość kontrastowe, jednak eleganckie, spójne i wpisujące się tematykę miesięcznika. W ogóle wybór Tittilium jako czcionki nagłówkowej również był nie bez znaczenia ze względu na jej nowoczesny i nieco techniczny charakter. Dla lżejszych form (rubryki stałe) zastosowałem URW Egiptienne  (antykwa linearna szeryfowa) – jedna z moich ulubionych czcionek. Gdzie tylko było to możliwe (i na ile wydawca nie poskromił moich zapędów:) starałem się podkreślać wzmocnioną typografią elementy graficzne (inicjały, wspomniane rubryki…).

Jeśli chodzi o układ stron i styl graficzny, jak zwykle dominuje inspiracja Bauhaus’em i niemal patologiczny porządek;) Proste kształty, stała paleta kolorów dla każdego działu głównego, powiększona o dodatkowe kolory stosowane w rubrykach, będących również wyróżnikiem dla zamknięcia działu.

Poniżej kilka przykładowych stron miesięcznika. Więcej zamieściłem w portfolio.

Więcej stron do przejrzenia w portfolio.

Firma Thinkkong odpowiada m.in. za głośną kampanię „Czy IKEA jest OK?”. Specjalizuje się w działaniach marketingowych on-line oraz w strategicznym wsparciu marek w Internecie – głównie w kampaniach, wykorzystujących serwisy społecznościowe.

Layout miesięcznika nawiązuje stylem do pozostałych magazynów portfolia wydawnictwa Presscom, choć starałem się wprowadzić kilka nowych elementów, takich jak wyraźniej zarysowana pagina czy cienie niektórych stałych elementów makiety.

Dominuje żywa, pastelowa kolorystyka. Użyty fonty to: Minion Pro – jeden z moich ulubionych krojów szeryfowych i Naomi Sans, autorstwa Grzegorza Klimczewskiego, prowadzącego sklep internetowy fonty.pl. Bardzo przypomina Metę Erica Spiekermanna, jednak on sam nie wnosi zastrzeżeń, oceniając font bardzo wysoko i zadowolony jest z inspiracji jego pracą.

Poniżej zamieszczam kilka przykładowych stron miesięcznika:

Pierwszoplanową rolę w makiecie pełni szeryfowy font Egiptienne, domu typograficznego URW i mogę śmiało powiedzieć, że to jego charakter był dla mnie inspiracją i dyktuje styl pozostałych elementów geometrycznych: narożniki („L”), poziome rastry, wszechobecne „kąty proste”… Uwagę zwraca również żywa kolorystyka działów.

Makieta InGrid960 zawiera:

• dwie, zwymiarowane według 960GS strony wzorcowe (mastery) dla 12 i 16 łamowej kompozycji,
• przezroczyste palety wymiarowania (znajdują się na warstwach),
• podstawowa tabela stylów dla fontów stosowanych w sieci.

Zaprojektowany układ ostatecznie bardzo łatwo przenieść do arkusza styli dzięki stałym krotnościom odległości w łamach i marginesach. Tym samym warto już na etapie projektowania planować rozmieszczenie i zależności poszczególnych kontenerów w kodzie CSS (warstw, div).

Makietę można pobrać ze strony domowej projektu.

Polecam stronę 960 Grid System jako kompletne źródło informacji, przykładów i narzędzi.

English

While designing website, where for the layout and prototyping in the simplest version we do not need anything more than a sheet and a pencil, the work of graphic designers of visual aspect of pages we might help some framework. As a DTP and press designer I prefer placing the page as a whole on a solid basis. Excellent application could be here the 960 Grid System. I believe that Adobe InDesign is an excellent tool to prepare layout, even for the web pages. Hence an InGrid960, simple template providing a system with a width of 960 pixels in two wariants into 12 and 16 columns.

The InGrid960 template includes:

• two, dimensioned according to the 960GS model pages (master pages) for 12 and 16 columns composition,
• transparent dimensioning pallets (located on the layers),
• primary table for the paragraph style used on the web.

Designed layout is ultimately easy to move to the style sheet with a constant multiples of distance in columns and margins. Thus, at the design stage it is worth it to plan the deployment relations of the various containers in the CSS code (layers, div).

Template may be downloaded from InGrid960 home page.

I recommend 960 Grid System as a complete source of information, examples and tools.

Uważam, że makieta doskonale sprawdzi się przy tworzeniu:

• pisma branżowego
• magazynu korporacyjnego
• biuletynu
• newslettera

Dodam jeszcze, że wersja projektu z licencją do zastosowań komercyjnych zawiera oprócz kompletu źródeł w InDesignie, również pliki Quark’owe.

Przed pobraniem, proszę o zapoznanie się z notką licencyjną. Oczywiście czekam też na wszelkie opinie i komentarze:) Szczególnie interesują mnie przykłady użycia makiety!

Strona projektu: m4c.pl/qualmotif

Nowa makieta wzorowana jest na rozwiązaniach stosowanych w Internecie i z założenia bazuje na blokach. Z elementów graficznych zwracają uwagę wyraźne kolory apli, zdecydowane akcenty cytatu i grube poziome rastry, charakterystyczne dla całej makiety. Funkcjonują w kolorach działów (np. blok tytułowy) lub szarym, oddzielając poszczególne elementy na stronie.

Dla odróżnienia, schematy i wzory pism mają stały charakter i budowane są na szarych aplach.
Mocną stroną nowego layoutu jest również typografia. W głównej mierze dzięki zastosowaniu pełnej rodziny fontu Myriad Pro, który co prawda w ostatnim czasie jest dość często eksploatowany we wszelkiego typu projektach (głównie za sprawą rozpowszechniania w pakietach Adobe Creative Suite), tu jednak sprawdziły się jego najlepsze cechy: oszczędność formy, otwarty i świeży rysunek, duża apertura i równowaga. Stosowany jest tytulariach, tekstach ramkowych oraz schematach.
Do budowy zasadniczej części tekstu użyty został Zapf Calligrafic – font o charakterze bardziej kaligraficznym niż typograficznym, stąd też duża bryła ułatwia czytanie zwłaszcza osobom (tu: księgowym), których wzrok zmęczony jest obrazem monitora i tabelami arkuszy kalkulacyjnych.

Poniżej kilka przykładów gotowych stron magazynu.