Najlepsze rozszerzenia Chrome dla projektantów

Rozszerzenia Chrome

Jako grafik to normalne, że jesteś świadomy trendów, innych projektantów, ilustratorów, twórców… I dlatego będziesz korzystać z Internetu. Ale, Czy wiesz, że w przeglądarce Chrome są rozszerzenia, które mogą bardzo pomóc w pracy?

Zebraliśmy dla Ciebie wybór najlepszych rozszerzeń Chrome, którym możesz się przyjrzeć. Niektóre z nich być może znasz, a inne mogą być dla Ciebie nowością. Ważne jest, abyś zobaczył, że mogą ci one bardzo pomóc w pracy. Pójdziemy z nimi?

Natychmiastowy model szkieletowy

Zaczynamy od rozszerzenia Chrome, idealnego dla osób tworzących strony internetowe. Chodzi o to, że dzięki temu będziesz mógł zobaczyć szkielet strony internetowej, czyli jej szkielety. W ten sposób masz pojęcie o tym, jak jest zbudowany.

Choć obecnie nie widzisz w tym większego sensu, tworząc stronę internetową dla klienta musisz wiedzieć, jak robi to konkurencja i może to pomóc w ustaleniu, gdzie należy umieścić elementy, aby uzyskać lepszy efekt wizualny.

Jeśli masz również wiedzę na temat temperatury oglądania u użytkowników (czyli części, które użytkownicy najczęściej widzą w sieci), będziesz w stanie uzyskać bardzo skuteczny wynik.

WhatFont

Laptop z otwartą przeglądarką

Kolejnym rozszerzeniem Chrome, które powinieneś zainstalować (pamiętaj, że są one bezpłatne), jest to. Służy do odkrywania, jaki krój pisma został użyty na stronie internetowej, chociaż jest również przydatny dla Ciebie, w serwisie WhatFont, aby dowiedzieć się, jaka jest typografia plakatów, obrazów itp.

W przypadku rozszerzenia wystarczy wybrać źródło, a ono wyszuka, co to jest, lub przynajmniej pokaże kilka bardzo podobnych.

Jest to bardzo przydatne, gdy chcesz mieć czcionkę, którą lubisz ale nie możesz spędzać godzin na szukaniu go na ślepo.

Idealny piksel

Kiedy wykonujesz dla klienta szkic związany ze stroną internetową, wiesz, że czasem nie zawsze będzie tak samo. Ale jeśli jesteś bardzo perfekcjonistą, możesz zrobić wszystko, aby tak było.

Cóż, to rozszerzenie pomaga porównać wykonany projekt z wynikiem, który pojawi się na twoim komputerze. W ten sposób dowiesz się, czy wszystko pasuje, czy coś jest nie tak. Możesz więc poprawić tę część, aby wyglądała dokładnie tak samo, jak myślałeś i wymyśliłeś na początku.

Narzędzia projektanta

To kolejne rozszerzenie Chrome, które powinieneś wypróbować. Dodatkowo daje Ci wiele narzędzi w jednym: identyfikator czcionki użytej w tekstach, możliwość podglądu kolorystyki, która została dodana do stron czy nawet limitów.

Można powiedzieć, że jest to wszystko w jednym, ponieważ zawiera wiele rozszerzeń, o których mówiliśmy (i o których będziemy mówić poniżej).

stylbot

Chcesz wprowadzić zmiany w projekcie strony internetowej, aby pokazać je klientowi? I bez dotykania czegokolwiek w sieci? Cóż, z tym rozszerzeniem jest to możliwe. Aby to zrobić, dotkniesz właściwości CSS, a na podstawie tego, co umieścisz, zmień sieć, aby wyświetlić podgląd tak, jak chcesz.

A teraz powiesz, i po co?

Cóż, ma kilka zastosowań:

  • Z jednej strony możesz pokazać potencjalnym klientom, co zrobiłbyś z ich witryną, aby ją ulepszyć (i uwierz nam, gdy mówimy ci, że jest to lepsze niż jakiekolwiek CV).
  • Z drugiej strony, ponieważ możesz pokazać im na żywo, na spotkaniu, co możesz zrobić, aby sieć się zmieniła bez zbytniego dotykania. Albo jeśli.

Linijka strony

Chrom

Jest to jedno z mniej znanych rozszerzeń Chrome, ale prawda jest taka, że ​​możesz dać mu wiele zastosowań. Na początek powiemy, że służy do pomiaru elementów strony internetowej, nie tylko na poziomie pikseli, ale także odległości między innymi elementami.

Na przykład wyobraź sobie, że umieściłeś trzy poziome pudełka. I chcesz, aby wszystkie trzy były w tej samej odległości od siebie. Cóż, to narzędzie pomaga je wyrównać.

Nawet jeśli wydaje ci się, że jest mało przydatny, jeśli jesteś perfekcjonistą i chcesz, żeby dobrze wyglądał, na pewno go użyjesz.

Pełne przechwytywanie ekranu strony

Jest to jeden z najbardziej znanych i pozwala zrobić zrzut ekranu strony internetowej, ale nie tylko części widocznej w przeglądarce, ale całej sieci. Idealnie sprawdza się np. wtedy, gdy chcesz zaprezentować klientowi projekt i nie musisz przechodzić od ujęcia do ujęcia, ale bardziej ogólny pogląd na efekt końcowy. To samo można zastosować do tych, które widzisz w Internecie i chcesz mieć jako odniesienie, ponieważ podobał ci się projekt, kolory itp.

Analizator kontrastu kolorów

Naprawdę podobało nam się to rozszerzenie, ponieważ może pomóc Ci skupić się na określonej grupie odbiorców. Narzędzie służy do zagwarantowania czytelności tekstu, a także ogólnych kontrastów wizualnych.

Innymi słowy, powie Ci, czy wybrany tekst i kolory wyglądają dobrze i czy wszystko jest czytelne.

Teraz dlaczego nam się podobało, ponieważ możesz zobaczyć wynik według kilku zmiennych. Na przykład, co jeśli sieć koncentruje się na osobach starszych z zaćmą? Cóż, zobaczysz to w ten sposób i będziesz wiedział, czy jest to poprawne, czy nie. Co jeśli społeczeństwo to ludzie ze ślepotą barw? Cóż, to samo.

W ten sposób poprawisz końcowy wynik, ponieważ skupisz się na tych grupach.

Generator Lorem Ipsum

symbol przedłużenia kawałka układanki

Jak wiesz, kiedy tworzysz stronę internetową, musi ona zawierać tekst, aby wiedzieć, jak będzie wyglądać. W tym celu używany jest Lorem Ipsum, tekst, który obecnie ma wiele zmiennych.

Cóż, z Generatorem Lorem Ipsum będziesz mógł stworzyć tekst według liczby słów, fraz, liter... a więc będziesz musiał tylko kopiować i wklejać.

ColorZilla

Pamiętasz rozszerzenie WhatFont? Dzięki niemu zidentyfikowałeś krój pisma. Cóż, z tym, co zrobisz, to zidentyfikujesz kolor, którego użyli. W ten sposób otrzymasz kod, dzięki czemu możesz go używać w programach do edycji obrazu i uzyskać ten sam odcień koloru, który Ci się podoba.

Jak widać, istnieje wiele rozszerzeń Chrome, które, jeśli pracujesz w projektowaniu, powinieneś był włączyć. W rzeczywistości jest ich więcej, ale najlepiej jest je wypróbować i zobaczyć, które z nich najlepiej pasują do Twojej pracy. Polecasz jeszcze jakieś?


Zostaw swój komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

*

*

  1. Odpowiedzialny za dane: Miguel Ángel Gatón
  2. Cel danych: kontrola spamu, zarządzanie komentarzami.
  3. Legitymacja: Twoja zgoda
  4. Przekazywanie danych: Dane nie będą przekazywane stronom trzecim, z wyjątkiem obowiązku prawnego.
  5. Przechowywanie danych: baza danych hostowana przez Occentus Networks (UE)
  6. Prawa: w dowolnym momencie możesz ograniczyć, odzyskać i usunąć swoje dane.