Kolorowe czcionki: przewodnik dla początkujących

Więc co do cholery jest kolorową czcionką? Jest to termin, który wciąż pojawia się i zaczyna zyskiwać przyczepność, chociaż stosowanie w dużych projektach jest wciąż w powijakach.

Dostawcy, tacy jak Adobe Typekit, zaczęli wypuszczać niektóre opcje czcionek kolorowych z obsługą przeglądarki, więc istnieje pewien ruch w kierunku szerszego zastosowania. Niektórzy nazywają nawet kolorowe czcionki „kolejną wielką rzeczą w projektowaniu stron internetowych”.

Tutaj przyjrzymy się trendowi i pozwolimy ci zdecydować, jak duża będzie ta koncepcja.

Poznaj elementy Envato

Co to jest czcionka koloru?

Czcionki kolorowe są prawie dokładnie tak, jak brzmią. Kroje pisma, które zawierają wiele kolorów, odcieni lub gradientów, tekstur lub przezroczystości. Te funky opcje nie tylko dodają koloru do liter, ale są specyficznymi krojami pisma z uwzględnieniem wszystkich szczegółów.

Czcionki kolorowe mogą zawierać kształty wektorowe, obrazy bitmapowe lub jedno i drugie w plikach czcionek, co może sprawić, że kroje te będą cięższe niż standardowe pakiety czcionek. Typowe przykłady czcionek kolorowych to czcionka emoji lub litera zawierająca ikony. Czcionki jednokolorowe w tym stylu są często nazywane czcionkami chromatycznymi, ponieważ zawierają tylko jeden odcień lub szary.

Obecnie największym problemem związanym z czcionkami kolorów jest brak prawdziwego standardowego formatu. Jest też pewien problem z tymi wszystkimi formatami plików - obrazy wektorowe i SVG można łatwo skalować, ale wersje bitmapowe mogą potencjalnie mieć ograniczenia rozmiaru.

W rzeczywistości istnieje pięć formatów do rozwiązania:

  • SBIX (Apple): Wersja mapy bitowej z natywną obsługą w systemach Mac i iOS
  • CBDT (Google): Wersja mapy bitowej z natywną obsługą w systemach Android
  • COLR (Microsoft): Wersja wektorowa z natywną obsługą w systemach Windows 8.1+
  • SVG (W3C): wersje wektorowe i bitmapy
  • OpenType SVG (Adobe / Mozilla): wersje wektorowe i bitmapowe, które umieszczają kształty SVG w czcionkach OpenType

Z drugiej strony główni gracze zaczynają przyjmować wytyczne dotyczące użytkowania. Mozilla (szkielet przeglądarki Firefox) i Adobe uzgodniły, że preferowanym formatem jest OpenType SVG; inni wciąż się zmieniają, gdy podejmują decyzję.

Jeśli chcesz dowiedzieć się więcej o tym, jak działają te czcionki i wszystkie specyfikacje formatu pliku, Fontself ma całkiem niezły podkład.

Jak korzystać z czcionek kolorowych?

Jedna z dwóch myśli dzieje się, gdy po raz pierwszy widzisz kolorową czcionkę:

  • Wow, to ohydne!
  • Chłodny! Wiem dokładnie, jak z tego korzystać!

Bez względu na to, w jakim obozie się znajdujesz, istnieją aplikacje, które doskonale nadają się do czcionek kolorowych. Ale musisz ich używać w rozsądnym zakresie. (Czcionki kolorowe są przeznaczone do oszczędnego i oszczędnego użytku).

Wypróbuj czcionkę kolorową:

  • Dla techniki przykuwającej uwagę w krótkim słowie
  • Dla ikony lub elementu w stylu logo
  • Dla kropli, aby rozpocząć długi blok tekstu
  • Dla odważnego nagłówka w minimalistycznym stylu
  • Aby skupić się na określonym słowie lub słowach w dużym bloku tekstu
  • Gdy reszta projektu jest prosta
  • Kiedy typografia będzie twoim głównym elementem sztuki
  • Gdy projekt wymaga czegoś zabawnego i niezwykłego, aby zwrócić uwagę użytkowników
    • Jak nie używać czcionek kolorowych

      Jest więcej sposobów, aby nie używać czcionek kolorowych, niż można prawdopodobnie policzyć. Nie chcesz wracać jako projekt strony internetowej do niektórych z migających, migających, przytłaczających kolorów szaleństwa lat 90.

      Nie używaj kolorowej czcionki:

      • Ze zdjęciami lub na obrazach
      • Z zajętym tłem
      • Za dużo tekstu
      • Dzięki wielu innym technikom projektowania, takim jak animacja lub ruch; sam kolor zwykle wystarcza, aby wywołać efekt wizualny
      • Z innymi nowymi lub specjalnymi krojami pisma

      Ewoluujący trend

      Trend czcionek kolorowych zaczyna zyskiwać na popularności u niektórych głównych graczy typografii. Format OpenType SVG przyjęty przez Adobe i Mozillę może być narzędziem i formatem, który naprawdę pomaga w rozwoju tego trendu. Adobe nawet niedawno dodało kolorowe czcionki do Photoshopa (być może zauważyłeś emoji w palecie znaków).

      Oto jak Adobe wyjaśnia OpenType SVG:

      „OpenType-SVG to format czcionki, w którym czcionka OpenType ma wszystkie lub tylko niektóre glify reprezentowane jako kompozycje SVG (skalowalna grafika wektorowa). Umożliwia to wyświetlanie wielu kolorów i gradientów w jednym glifie. Ze względu na te funkcje określamy również czcionki OpenType-SVG jako „czcionki kolorowe”.

      „Czcionki OpenType-SVG pozwalają wyświetlać tekst o tych walorach graficznych, jednocześnie umożliwiając jego edycję, indeksowanie lub wyszukiwanie. Mogą również zawierać funkcje OpenType, które umożliwiają podstawianie glifów lub alternatywne style glifów.

      „Czcionki kolorowe, takie jak Trajan Color Concept i EmojiOne Color, pojawią się tak jak typowe czcionki w menu czcionek programów - ale mogą nie wyświetlać pełnego potencjału, ponieważ wiele programów nie ma jeszcze pełnej obsługi składników kolorów. Jeśli Twój program nie obsługuje grafiki SVG w czcionkach, glify powrócą do jednolitego czarnego stylu. Kolor nadal można zastosować do tego zastępczego stylu, ponieważ będzie on działał jak typowa czcionka OpenType. ”

      Ponadto, State of Web Type ma sekcję poświęconą aktualizacji obsługi czcionek kolorowych w przeglądarce, dzięki czemu możesz określić, kiedy nadejdzie właściwy czas, aby się zanurzyć.

      Jeśli chodzi o ewolucję czcionek kolorowych i przyjęcie użycia, dwie rzeczy będą odgrywać główną rolę:

      • Adopcja i zgodność z przeglądarkami do projektów projektowania stron internetowych (obecnie więcej drukowanych czcionek kolorowych faktycznie pojawia się w druku z powodu obaw o kompatybilność)
      • Ogólne techniki stylistyczne i czy bardziej ozdobne i kolorowe techniki projektowania są ogólnie popularne

      Wypróbuj czcionkę koloru

      Jeśli lubisz czcionki kolorowe, możesz pobrać czcionkę kolorową, aby rozpocząć, lub utworzyć własną, w zależności od rodzaju projektu.

      Stwórz swój własny

      Rodzaj tworzonej czcionki kolorowej zależy od umiejętności oprogramowania. Kolorowa czcionka może obejmować wszystko, od zdjęć z ulubionych zdjęć po piękne bąbelki i pociągnięcia w gradientowych kolorach. Możesz to zrobić całkowicie samodzielnie lub użyć narzędzia, które pomoże zaprojektować niestandardową czcionkę koloru.

      • Fontself to dodatek do programu Adobe Illustrator lub Photoshop, który pomaga tworzyć niestandardowe czcionki kolorowe
      • W tym samouczku od Glyphs możesz rysować i projektować wszystko od zera
      • FontLab ma samouczek wideo, który krok po kroku omawia proces

      Pobierz lub Osadź

      Istnieje kilka całkiem fajnych czcionek kolorowych, które krzyczą, abyś mógł z nich skorzystać w dzisiejszym projekcie. Oto kilka sposobów na rozpoczęcie przepływu kreatywnych czcionek kolorów (oraz linki do innych czcionek kolorów używanych powyżej):

      • Pisz z dumą
      • Ręcznik plażowy
      • Bungee
      • Czcionka akwarela
      • Kolor Bixa
      • Zabawki dla dzieci
      • OneLine Bold
      • Guru
      • Neon

      Wniosek

      Czy jesteś gotowy, aby przejść do trendu czcionek kolorów? Czy to za dużo, czy też wsparcie wypryskowe jest prawdziwym problemem dla twoich projektów?

      Osobiście uważam, że ten trend jest świetną zabawą i ma praktyczne zastosowanie w projektach drukowanych, takich jak plakaty lub ulotki z wydarzeń. Jednak wciąż nie jestem przekonany, jeśli chodzi o projekty stron internetowych. Czas pokaże tylko, czy ten trend naprawdę stanie się „następną wielką rzeczą w projektowaniu stron internetowych”, czy też inną ulotną modą.

© Copyright 2021 | computer06.com