8 narzędzi, których będzie potrzebował projektant stron internetowych

2024 Autor: Malcolm Clapton | [email protected]. Ostatnio zmodyfikowany: 2023-12-17 04:07

Rozmiarekranu.es

Screensiz.es to strona, która z łatwością pomoże Ci znaleźć wymiary fizyczne, rozdzielczość ekranu, proporcje i wiele innych parametrów ekranów najpopularniejszych modeli smartfonów, tabletów i monitorów. Wszystkie informacje podane są w prostej i zrozumiałej formie - w formie tabeli. Istnieją dziesiątki różnych urządzeń i tabletów z Androidem, w tym BlackBerry Playbook, Microsoft Surface Pro i Barnes & Noble Nook. W przypadku mniej popularnych urządzeń znalezienie potrzebnych informacji jest również dość łatwe. Screensiz.es oferuje również ocenę popularności urządzeń opartą na statystykach wyszukiwania Google i szeregu innych kryteriów.

Subtelne wzory

Subtelne wzory oferuje szeroką gamę wzorów tła, których możesz użyć jako tła dla swoich stron internetowych. Proste, a zarazem przyjemne wzory zadowolą gusta miłośników minimalistycznego designu, którzy pragną czegoś więcej niż zwykłego białego tła. Jedną z najlepszych cech serwisu jest podgląd, jak dany wzór będzie wyglądał na Twojej stronie. Należy pamiętać, że wszystkie wzory udostępniamy bezpłatnie.

Utracony typ

Pamiętasz czcionkę, którą widziałeś w swojej ulubionej witrynie? Istnieje duża szansa, że ta czcionka pochodzi z witryny Lost Type, która skupia wielu projektantów, którzy wystawiają tam swoje prace na sprzedaż za cenę, jaką chcesz. Być może Lost Type można przypisać liście stron, o których powinien wiedzieć każdy projektant (i nie tylko). Niewiele jest miejsc w sieci, w których można uzyskać wysokiej jakości unikalną czcionkę i nie płacić za nią dużo pieniędzy.

czerwony długopis

Red Pen pozwala na rozwiązanie bardzo ważnego zadania w prosty i szybki sposób, jak żadna inna strona. Przeciągasz swoją grafikę lub układ do specjalnego okna na stronie, a usługa daje Ci unikalny link, który możesz opublikować w sieciach społecznościowych. Klikając w ten link, każdy może kliknąć myszką w dowolnym miejscu i pozostawić tam swoje uwagi i komentarze do tego, co widzi. Niezbędne narzędzie do szybkiego uzyskania informacji zwrotnej od najszerszego grona odbiorców.

Dotknij wzoru

Pattern Tap nie jest narzędziem w tradycyjnym tego słowa znaczeniu, ale z pewnością przyda się projektantowi. Celem Pattern Tap jest inspirowanie Cię pomysłami na różne elementy stron internetowych. Na przykład witryna zawiera dużą listę przykładowych stron 404, odtwarzacze audio, przyciski, bułkę tartą i inne. Jeśli zabraknie Ci inspiracji, patrzenie na różne wcielenia pomysłu może popchnąć Cię we właściwym kierunku. posiadanie szerokiej gamy pomysłów na wyciągnięcie ręki, zebranych w jednej witrynie, jest o wiele lepsze niż niekończące się surfowanie po Internecie, przesiewanie ton informacji wizualnych. Pattern Tap umożliwia również wyszukiwanie według kryteriów, takich jak kolory, style i rodzaje elementów.

Czcionka blokowa

Nazwa Blokk mówi sama za siebie. Często przy projektowaniu layoutów projektant musi wykazać ich pełnię tekstem, co często prowadzi do niepotrzebnego dodatkowego wysiłku. Oczywiste jest, że możesz użyć jakiegoś generatora tekstu w stylu Lorem Ipsum, ale jest też bardziej eleganckie rozwiązanie. Czcionka Blokk zmienia bełkot wpisywany z klawiatury (fywalge) w coś smukłego i pięknego. Zamiast bezsensownych łacińskich fraz, otrzymujesz smukłe linie, które naśladują linie tekstu.

Ikona ustawiona przez Brankic1979

Wspaniały zestaw darmowych ikon, idealny do projektowania aplikacji, stron internetowych i innych projektów. Od cyfr, przez sprzęt, po mikrofony, ten zestaw zawiera ponad 350 pozycji i na pewno znajdziesz w nim coś wartościowego. Najważniejsze jest to, że ikony są bezpłatne zarówno do użytku osobistego, jak i komercyjnego.

Kolor według Hailpixel

Oczywiście nie brakuje selektorów kolorów. To jedno z narzędzi, które projektant powinien mieć zawsze pod ręką, a na Color by Hailpixel zdecydowanie warto zwrócić uwagę. Strona otworzy się i wyświetli pusty ekran z pojedynczym czarnym linkiem (# 000000). Gdy poruszasz kursorem po ekranie, zobaczysz, jak zmienia się kolor tła, a okno w środku pokaże odpowiedni kod szesnastkowy tego koloru. Kliknięcie myszką utworzy pasek aktualnego koloru z wartością liczbową tego koloru. W ten sposób ruchami myszy możesz zebrać paletę pożądanych kolorów do dalszego wykorzystania. Kliknięcie na "koło zębate" znajdujące się na każdym zapisanym pasku spowoduje wyświetlenie panelu z ustawieniami dla tego koloru, gdzie można dokładniej ustawić wartości RGB i HSL. Cudowne narzędzie.

Czy masz swoje ulubione narzędzia online? Daj nam znać w komentarzach.