CSS w infografikach dla webdeveloperów i programistów Znajomość CSS stała się niezbędna przy dzisiejszym projektowaniu…
Infografiki dla grafików, typografów i webmasterów
Graficy, webmasterzy, typografowie, projektanci layoutów – wszyscy, którzy projektują strony internetowe lub działają w mediach społecznościowych stykają się z tymi samymi problemami. Jak rozmieścić elementy layoutu? Jak dobrać kolory? Jakiego fontu użyć i jak go zakodować?
Dziś prezentujemy listę przejrzystych infografik, diagramów, szablonów i wskazówek, które usprawnią twój proces twórczy. Dzięki nim grafiki, szablony i strony www, które robisz, zyskają na elegancji i profesjonalizmie. Zapraszamy!
Podstawy projektowania graficznego
Jak zaprojektować dobrą grafikę?
Równowaga, odległość elementów od siebie, powtarzalność, kontrast i wykorzystanie przestrzeni – to sprawia najwięcej trudności początkującym grafikom. Ta strona zawiera skondensowane wiadomości i zasady tworzenia dobrych projektów. Infografikę możecie wydrukować jako plakat lub pobrać jako tapetę na pulpit.
Zasady, rady i wskazówki
Rady dla grafików
Linie, skale, kolory, tekstury, kontrast i siatki… to i wiele więcej składa się na dobry layout. Ta strona zawiera świetny przegląd dwudziestu elementów projektowania graficznego wraz z omówieniem i przykładami. Dobre nie tylko dla początkujących grafików.
Skróty klawiaturowe do Adobe Photoshop, Illustrator i InDesign
Pakiet Adobe jest niezastąpiony dla wielu projektantów. Aby korzystać efektywnie z Photoshopa, Illustratora i InDesign, warto przyswoić sobie najważniejsze skróty klawiaturowe. Ich listy znajdziecie w tych infografikach.
Teoria koloru
-
teoria koloru dla grafików po angielsku – kolory komplementarne i przeciwne, tony i odcienie
-
teoria kolorów dla grafików po polsku
W projektowaniu graficznym znajomość teorii kolorów to podstawa. Jak wybrać trzy kolory tak, aby ze sobą harmonizowały, albo czym różni się ton od odcienia? Odpowiedzi znajdziesz na tych stronach. Jeśli potrzebujesz ściągawki w widocznym miejscu, na tej stronie znajdziesz plakat do wydrukowania.
Kombinacje kolorów
Triady i tetrady kolorów dla grafików
Jak zestawić kolory, aby harmonizowały ze sobą? Jak wykorzystać barwy i odcienie w komunikacji wizerunkowej? Webmasterzy, graficy i projektanci mają swoje zasady – wykorzystaj je, aby tworzyć eleganckie, profesjonalne projekty.
Layout grafik na social media
Zasady tworzenia grafik na social media
Projektujesz grafiki na social media? Pewnie nie raz miałeś już kłopot z tym, że różne media społecznościowe mają inne wymagania co do wielkości i rozdzielczości zamieszczanych obrazów. Ten wykres zawiera wszystkie zaktualizowane dane, które dotyczą wielkości grafik na Facebook, Twitter, Google+, LinkedIn i YouTube. To świetne źródło, jeśli chcesz zaprojektować w pełni profesjonalną grafikę.
Wielkość grafik do social media
Wielkość grafik na Facebook i Twitter
Wygodny przewodnik dla grafików i social media managerów. Dzięki niemu szybko sprawdzisz, jakiej wielkości grafiki sprawdzą się na jakim serwisie – od headeru aż do wielkości ikonki użytkownika. Oprócz takich serwisów, jak Facebook, Twitter, Google+, LinkedIn i YouTube znajdziesz tu także informacje o Instagram, Pinterest i Tumblr.
Layout infografik
Jak tworzyć dobre infografiki?
To prosty schemat, który pomoże zaplanować rozmieszczenie elementów infografiki tak, aby była czytelna i logicznie skonstruowana. Każdemu z sześciu layoutów towarzyszy opis, do jakiego typu infografiki jest on najbardziej przydatny.
Przewodnik typograficzny
Podstawowe wiadomości o typografii dla webmasterów i grafików
Czym się różni krój szeryfowy od bezszeryfowego? Czym jest grotesk i co może wyrażać kursywa? Jeśli chcesz twórczo wykorzystać bogactwo fontów, a przy tym sprawić, żeby krój pisma nie przeczył treści tekstu, na tej infografice znajdziesz wszystkie potrzebne wiadomości.
Typografia dla webmasterów
Typografia dla projektantów stron www
Jeśli jesteś webdesignerem i nie wiesz, który font wybrać na swoją stronę? Ten przewodnik pomoże ci ocenić czytelność i przyjazność wyświetlania na stronach www.
Lista skrótów znaków specjalnych
Typograficzne znaki specjalne dla webmasterów
Jesteś copywriterem, webmasterem albo typografem? Wiesz, co to znaczy, kiedy z poziomu klawiatury nie możesz użyć cudzysłowy drukarskiego, apostrofu czy półpauzy? Ta lista rozwiąże twój problem. Zawiera skróty klawiaturowe znaków specjalnych dla mac i Windows, oznaczenia HTML dla webmasterów, a także znajomą funkcję kopiuj-wklej.
Schemat fontów z CSS
Kodowanie fontów dla webmasterów
Z twoim kodem wszystko jest w porządku, a tekst na stronie nie wygląda, jak powinien? To problem każdego programisty i webmastera. Często okazuje się, że w stylu czcionki pominąłeś jedną wartość i… wpadka gotowa. Ten diagram w czytelny i przystępny sposób wyjaśnia, brak którego elementu powoduje jakie konsekwencje. Godne uwagi!
DTP i prepress
Przygotowanie do druku – zasady
Chcesz przygotować materiał do druku, ale nie masz pojęcia, czym są spady, przestrzeń koloru albo zalewki? Jaki wybrać papier i czym się różni druk offsetowy od cyfrowego? Chociaż wiele drukarni ma swoich stronach umieszcza dokładne specyfikacje, warto zerknąć również na tę infografikę.
Lista tagów HTML5 dla webmasterów
Tagi HTML dla programistów
Jeśli jesteś początkującym programistą i webmasterem, skorzystaj z tych list tagów HTML5. Są to przydatne źródła, jeśli chcesz nauczyć się budowania stron od podstaw. Użyteczny również dla tych, którzy pracują na WordPressie.
Lista znaczników CSS
Znaczniki CSS dla programistów
Ten plik to dobry „słownik” języka CSS. Ma zaledwie pięć stron, ale zawiera najważniejsze wiadomości. Dzięki nim zaprojektujesz wygląd głównych elementów strony www.