3 sposoby tworzenia kolorystyki dokumentacji

o ile chcielibyśmy nie kłopotać się wymyśleniem Projektu Dokumentacji – nie da się tego uniknąć. Twoja dokumentacja jest tym, co reprezentuje cię dla użytkowników, więc lepiej, aby wyglądała przyzwoicie.

do wykonania tego konkretnego zadania niekoniecznie potrzebny jest projektant. W tym poście pokażemy kilka podejść do tworzenia schematu kolorów.

Użyj szablonu

nie można po prostu pisać instrukcji obsługi w Notatniku. Gdyby to było takie proste. Prawdopodobnie używasz już narzędzia do tworzenia dokumentacji. Jeśli nie, to zdecydowanie powinieneś to zrobić, ponieważ dokumentacja to znacznie więcej niż zwykły tekst: zrzuty ekranu, schematy, tabele, uporządkowane listy, a może nawet bardziej profesjonalne rzeczy, takie jak single-sourcing, ograniczenie dostępu, krwawa ofiara dla bogów, która pomoże ci uzyskać właściwą wersję aplikacji, gdy pojawi się nowa, i nagle musisz zmienić ten jeden numer na każdej stronie (ach, za życie w XXI wieku! W narzędziach do tworzenia dokumentacji, takich jak ClickHelp, możesz po prostu użyć zmiennych do przechowywania numeru wersji, więc nie będziesz musiał go wyszukiwać w całej dokumentacji) itp.

narzędzia do tworzenia dokumentacji mogą pomóc w wielu aspektach procesu pracy, w tym w projektowaniu. Wstępnie skonfigurowane szablony są prawie zawsze częścią umowy.

co do zasady, oprogramowanie do pisania dokumentacji posiada kilka szablonów, które są przeznaczone dla różnych rodzajów dokumentacji. Oto na przykład szablon dla dokumentów API z jasnymi i ciemnymi blokami:

więc będziesz miał kilka opcji do wyboru.

oczywiście korzystanie z gotowego szablonu zaoszczędzi Ci dużo czasu, ale nie zapominaj, że nadal powinien być powiązany z Twoją firmą. Oto podejście do rozważenia-wybierz gotowy szablon, który najbardziej pasuje do stylu Twojej firmy i wykonaj drobne naprawy.

plusy

  • otrzymujesz gotowy projekt
  • projekty są tworzone przez profesjonalistów

minusy

  • Szablony nie zawsze są darmowe
  • gotowe projekty nie zawsze pasują do twojego korporacyjnego stylu
  • niektóre zmiany i poprawki są nadal potrzebne dość często

spis treści

Go Corporate

takie podejście wymaga nieco więcej drapania głowy. Każda firma ma kilka podstawowych rozwiązań projektowych, które są wykorzystywane w projektowaniu produktu, na swojej stronie internetowej, w reklamach itp. Twój styl jest tym, co wyróżnia twój produkt, w ten sposób ludzie zapamiętają Twoją markę i znajdą ją między innymi. Nawet gdy użytkownicy przychodzą czytać instrukcje, powinni być świadomi, jaka to marka. Po pierwsze, daje to większą widoczność, większą szansę na uznanie w przyszłości. Po drugie, to wciąż ogromna oszczędność czasu. Po trzecie, to po prostu sprawi, że będziesz wyglądać dobrze – użytkownicy zauważą, że ludzie w tej firmie naprawdę traktują swoją pracę poważnie, nie pozostawiając najmniejszego szczegółu niezauważonego.

więc tak, używanie stylu korporacyjnego do dokumentacji użytkownika jest wysoce wskazane.

jeśli jest jakiś poradnik stylu-to po prostu super. Wszystkie czcionki i kolory zostały już ustalone. Ale także bądź gotowy, aby zmienić kilka kolorów i dodać kilka dodatkowych do schematu. Jak niektóre czerwono-żółto-pomarańczowe odcienie alarmowe dla ostrzeżeń, na przykład. W dalszej części tego artykułu podamy kilka wskazówek dotyczących technik dopasowywania kolorów, dzięki czemu będziesz w pełni wyposażony, aby wybrać odpowiednie dodatkowe kolory na podstawie przewodnika po stylu korporacyjnym.

plusy

  • to zaoszczędzi Ci dużo czasu, ponieważ nie musisz robić projektu od zera
  • w większości przypadków pod ręką jest gotowy przewodnik po stylu

minusy

  • najprawdopodobniej niektóre elementy nie będą objęte twoim przewodnikiem po stylu
  • konieczna będzie dodatkowa przeróbka

tworzenie schematów kolorów od podstaw

to jest to – tak to się komplikuje. Tworzenie schematu kolorów na nowo. Mogą istnieć różne powody, dla których stoicie przed tym zadaniem, nie będziemy się nad tym rozwodzić. Zamiast tego zaproponujemy Ci uniwersalne kroki do tworzenia schematu kolorów. Mogą być wykorzystywane do portali dokumentacyjnych, stron internetowych, samodzielnych dokumentów itp.:

  • pomyśl o tym, co oznacza twój produkt. Każda nisza ma swoje Osobliwości, Standardy i trendy. Schematy kolorów rozrywki przyciągają do jaśniejszych, odważniejszych kolorów z większą liczbą akcentów, podczas gdy styl korporacyjny jest bardziej zimny, neutralny i gładki.
  • Wybierz kolory podstawowe. To będą podstawy całego schematu kolorów. I pamiętaj, że potrzebujesz tylko jednego / dwóch kolorów podstawowych na projekt. Zobacz, jak znaleźć pasujące kolory w następnej sekcji tego artykułu.
  • Wybierz kolory akcentów. Upewnij się, że masz kilka podstawowych kolorów i jaśniejszych akcentów, aby Twoja kolorystyka nie wyglądała na nudną, a wszystkie ważne rzeczy są podkreślone.
  • określ, jakie dodatkowe elementy będziesz miał (tabele, pola informacyjne, pola ostrzegawcze itp.) i wybrać kolory dla nich, jak również. Z reguły są to jaśniejsze, ciemniejsze lub bardziej nasycone wersje kolorów, które już wybrałeś do swojej palety. Jeśli czujesz, że rzeczy wymykają się spod kontroli dzięki tej ilości odcieni – po prostu wybierz kolory akcentu.
  • i gotowe! Weź kolory, potrząśnij nimi, nie mieszaj 🙂

plusy

  • projekt będzie naprawdę wyjątkowy
  • cały proces jest pod kontrolą Od początku do końca

minusy

  • niektóre badania muszą zostać przeprowadzone, jeśli jesteś nowy w tym
  • opracowanie brandingu nowy projekt wymaga przemyślanej ilości czasu poświęconego

Podstawy teorii kolorów – koło kolorów

teraz przejdźmy do najciekawszej części – nauczmy się łączyć i dopasowywać kolory. To będzie o wiele łatwiejsze, niż pewnie sobie wyobrażałeś.

magiczna rzecz, która zrobi za nas prawie całą robotę, nazywa się kolorem kolorów:

oto kilka sposobów łączenia kolorów za pomocą koła kolorów:

  • przeciwległe kolory nazywane są komplementarnymi, co oznacza, że dobrze do siebie pasują, ale także tworzą uderzający kontrast. Używaj ich w ograniczonych ilościach dla podkreślenia.

    Kolory znajdujące się obok siebie nazywane są analogicznymi. Zwykle tworzą raczej harmonijne i spokojne palety kolorów. Pomyśl o uzupełniającym kolorze, aby twój schemat kolorów był bardziej żywy.

    Trzy kolory równomiernie oddalone od siebie składają się z triadowych schematów kolorów. Takie kombinacje kolorów są bardzo żywe i jasne. Spróbuj użyć jaśniejszych odcieni lub spraw, aby jeden kolor dominował, podczas gdy pozostałe dwa będą służyć jako akcenty.

darmowe zasoby dotyczące schematów kolorów

jeśli z jakiegoś powodu nadal nie masz pewności co do swoich schematów kolorów po wypróbowaniu wyżej wymienionych sztuczek za pomocą koła kolorów-na szczęście mamy Internet w naszych rękach. I jest pełen wspaniałych zasobów do tworzenia schematów kolorów. Poniżej znajdziesz krótki przegląd trzech wspaniałych zasobów online do tworzenia palety kolorów:

paletton.com

ten niesamowity zasób zapewnia interaktywne koło kolorów do zabawy. Możesz użyć technik, o których wspomnieliśmy w poprzedniej sekcji lub spróbować czegoś nowego, na przykład tetradowej kombinacji czterech kolorów. Ta strona może nawet utworzyć szybką stronę przykładową dla twojego schematu kolorów.

www.degraeve.kom

ta strona oferuje osobliwy zbiór generatorów, generator palety kolorów jest jednym z nich.

po prostu przesyłasz obraz, którego kombinacja kolorów jest atrakcyjna wizualnie, a aplikacja rozbija go na oddzielne kolory, dzięki czemu otrzymasz gotowy schemat kolorów jako wyjście.

coolors.co

ta strona może generować losowe schematy kolorów, które można później Dopracować. Ponadto przechowuje imponującą liczbę gotowych palet kolorów od innych użytkowników. Możesz je filtrować, aby zobaczyć najlepsze oferty.

w tym artykule zapoznałeś się z trzema ścieżkami, którymi możesz podążać, aby stworzyć własny projekt dokumentacji: używając gotowego szablonu, tworząc swój projekt w oparciu o styl korporacyjny lub robiąc wszystko od zera. Niezależnie od ścieżki, którą wybierzesz, pamiętaj o sztuczkach kolorystycznych, których nauczyłeś się w tym artykule, mogą okazać się bardzo pomocne.

jest jeszcze jedna rada dla Ciebie – rozejrzyj się. Cały nasz wszechświat jest tutaj, aby cię zainspirować, wystarczy przyjrzeć się bliżej.

ten artykuł został napisany w oparciu o nasze własne doświadczenie w pisaniu. Jeśli chcesz utworzyć dokumentację online, możesz również polubić ClickHelp-najlepsze narzędzie do dokumentacji online dla programistów internetowych.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.