Projektowanie stron internetowych za pomocą aplikacji Awesome Typography
Witryna składa się z wielu komponentów i wielu z nas może różnić się pod względem wyboru komponentów, które sprawiają, że strona wygląda atrakcyjnie wizualnie. Motywy, kolory, zdjęcia to czynniki, które naprawdę poprawiają wygląd strony i nadają jej ton. To aplikacja Typografia.
Zdjęcia i motywy mogą wiele mówić o naszej stronie internetowej, ale w końcu osoby odwiedzające Twoją witrynę polegają na informacjach zapisanych na Twojej stronie, aby w pełni zrozumieć jej usługi projektowania stron internetowych. Należy również pamiętać, że twoja strona powinna być modna, tzn. Niezależnie od obecnego stylu, twoja strona powinna być zaprojektowana w tym stylu. Trend jest teraz taki, że projektowanie powinno być jak najmniejsze, dlatego projektowanie aplikacji typografii internetowej odgrywa teraz bardzo istotną rolę.
Źródło obrazu: pixabay.comAplikacja do typografii jest niczym innym jak sposobem wyświetlania wzorów stron internetowych, co oznacza, bez względu na słowo pisane. Czcionka, rozmiar, odstępy, kolor - wszystko należy do Typografii. Ważne jest, aby pamiętać, że bez względu na to, jak wykwintny jest temat Twojej witryny lub jak atrakcyjne są kolory, to aplikacja typograficzna naprawdę sprawia, że jest jedyna w swoim rodzaju.
Ale podobnie jak liczne błędy, które możesz popełnić podczas projektowania strony internetowej przy użyciu obrazów, motywów itp., Musisz przestrzegać pewnych wskazówek, jeśli chodzi o korzystanie z aplikacji typograficznej w swojej witrynie, aby uniknąć oczywistych problemów.
- Nie próbuj robić zbyt wiele. W swoim projekcie użyj maksymalnie 2-4 typów czcionek lub ścian. Używanie więcej typów czcionek sprawi, że Twoja witryna będzie bałaganiarska i zagracona zamiast nadać jej czysty i piękny wygląd.
- Utrzymuj właściwą hierarchię. Pomaga to widzom w łatwym przejściu przez Twoją witrynę. Sposób, w jaki tekst i elementy są wyrównane i ustawione, określa nastrój i wskazówki, których należy przestrzegać podczas korzystania z witryny.
Jest tylko jedna ważna zasada: „TREŚĆ JEST KRÓLEM!” Postaw treść na pierwszym miejscu, a wszystko inne będzie wokół niej. W Internecie dostępnych jest wiele narzędzi, które pomogą Ci w umiejętnościach typograficznych. Typekit Practice to jedno z narzędzi, od którego powinieneś zacząć. Lekcje są tak zaprojektowane, że w krótkim czasie będziesz ekspertem od typografii. Modular Scale, Wordmark.it, Hoefler & Co., FontFace Ninja, Google Fonts i wiele innych narzędzi jest dostępnych, aby Twoje umiejętności typograficzne były jak najlepsze.
Lista stron z niesamowitą typografią
1. Witryny inspirowane aplikacjami New Yorker - Best Typography.
Osiągnięcie wyglądu starego i tradycyjnego, a jednocześnie pięknego, nie jest łatwym zadaniem, ale New Yorker pomaga to zrobić doskonale. Jest to magazyn internetowy, który jest łatwo dostępny i bardzo stylowy. Zastosowanie wiecznie zielonych kolorów, takich jak czerwony, czarny i biały z odcieniem szarości, sprawia, że wygląda jak drukowany magazyn. Ponadto użycie czytelnej i eleganckiej czcionki z kontrastującymi kolorami tłem sprawia, że The New Yorker jest jedną z najlepszych stron inspirowanych umiejętnościami typograficznymi.
2. Moresoda
Czarne tło potrzebuje kolorów, aby wyglądało modnie. Moresoda wyznacza ten trend, używając przyciągających wzrok kolorów, takich jak jasny róż, cyjan i jasnozielony wraz z czernią w tle, i jest tylko jeden kolor, który pasowałby do nich wszystkich, jeśli chcesz napisać coś na stronie, i to jest biały. Kilka zdań tutaj i kilka słów sprawiają, że Moresoda jest zgrabną i wyznaczającą trendy stroną internetową.
3. Dobrze
Nazwa samej strony dużo mówi o jej stylu! Czysta, czytelna czcionka w połączeniu z minimalnym użyciem kolorów oraz doskonałym odstępem i rozmieszczeniem sprawiają, że witryna jest DOBRA!
Czerń, szarość i biel to klasyczne połączenie, a prostota jest ogromnym ryzykiem, że twórcy strony Good byli gotowi do podjęcia i się opłaciło. Duży rozmiar czcionek pogrubionych nagłówków przyciągnie twoją uwagę, a historia, która się z tym wiąże, choć dość mniejsza w porównaniu, jest krystalicznie czysta. Dobra w tym sensie wykonała świetną robotę!
4. Informacje Rozbójnik
Możesz umieścić najlepiej wyglądające obrazy tła na swojej stronie, aby poprawić jej wygląd, ale czasami piękna aplikacja typograficzna poprawia tło i wykonuje pracę za Ciebie!
Ale co, jeśli masz puste płótno? Jak sprawić, by pusta strona wyglądała atrakcyjnie? Odpowiedź jest znowu prosta. Wykorzystaj swoje umiejętności projektowania stron internetowych w sztuce aplikacji Typografia. Informacja Highwayman nie ma nic w tle. Jest całkowicie pusty, biały jak kartka papieru i nie ma też żadnej fantazyjnie wyglądającej czcionki, ale proste użycie czcionek i kolorów w tekście sprawia, że jest to bardzo atrakcyjna i stylowa strona internetowa. Prostota Autostrady informacyjnej jest niesamowicie piękna!
5. Black Estate - Najlepsza aplikacja do typografii
Black Estate oddaje sprawiedliwość swojej nazwie, oferując widzom stronę internetową o uderzająco ciemnym tle … w kolorze czarnym! Wszyscy zgodzilibyśmy się, że czerń i biel to klasyczne połączenie. Jest to powszechna kombinacja i dlatego jest nie tylko bezpiecznym, ale mądrym wyborem.
Białe litery przenoszą stronę internetową na wyższy poziom elegancji i piękna. Nie tylko wszystko jest wyraźnie widoczne, ale nie potrzebujesz niczego innego, aby był bardziej kuszący. Potrzebne jest użycie wyrafinowanej czcionki. „Czarna piękność” jest często używana do opisania pięknej osoby o ciemniejszej karnacji. W świecie stron internetowych Black Estate to „Black Beauty”.
Polecane kursy
- Szkolenie certyfikacyjne AJAX
- Ukończ kurs szybkiego testu zawodowego
- Kurs online na ExtJS
- Szkolenie online CISSP
6. Elysium Burns
Elysium Burns to idealny przykład wyrafinowania i stylu! Ta strona zawiera wiele elementów, ale każdy element jest inny i wyraźny. Nie jest bardzo kolorowy, ale mimo to użycie różnych stylów i rozmiarów czcionek dla różnych funkcjonalności sprawia, że ta strona wygląda dobrze zamiast bałaganu.
Istnieje inna czcionka dla nazwy firmy, inna dla nagłówków i inna dla podtytułów i zupełnie inna dla treści, które są objęte tymi nagłówkami. Wiele rzeczy dzieje się na jednej stronie, jeśli chodzi o projektowy punkt widzenia, ale wszystkie one łączą się, aby wszystko to miało sens.
7. Wpisz Daily
Jeśli słowo Wpisz w Type Daily nie czyni tego oczywistym, oznacza to, że Type Daily to strona internetowa, która zawiera link do innych stron internetowych związanych z typem. Projekt jest bardzo prosty. Są tylko linki do innych stron internetowych, w jasnej zieleni, która wyskakuje na lekko ciemnym tle, który zmienia się w przyjemny odcień pomarańczy, gdy najedziesz na niego myszą. Proste ale efektywne!
8. Erratic Wisdom Najlepsza aplikacja typografii
Słyszałeś kiedyś zdanie „Odważne jest piękne!” Cóż, Erratic Wisdom trafia w sedno tego zdania. Najnowszy post z pogrubionymi umiejętnościami typograficznymi na czarnym tle z małymi białymi kropkami tworzącymi siatkę nadaje tej stronie nowoczesną aurę. Z drugiej strony cała witryna odwraca kombinację tła. Na białej stronie znajduje się czarna siatka tworząca kropki.
Erratic Wisdom jest nowoczesna i, powiedzmy, niekonsekwentna w swojej konstrukcji.
9. Analogowy
Pierwsza strona tej witryny brzmi: „Analog to firma przyjaciół, którzy tworzą strony internetowe. Jest to spółdzielnia, w której rozwija się wyobraźnia, projektowanie i inżynieria: dobrzy ludzie wykonują dobrą pracę. ”
Tak, naprawdę bardzo dobra robota. Gdy temat strony zostanie doceniony przez użycie odpowiedniego typu, wynik jest idealny. Kontrastujące kolory z estetycznym tekstem czynią z Analog inteligentnie zaprojektowaną stronę internetową.
10. Przełącz Mediaworks
Wszyscy jesteście świadomi niesławnego powiedzenia, że „działanie mówi głośniej niż słowa”. Zmieńmy to trochę, „Design mówi głośniej niż słowa”. Po co nasycać stronę internetową, wstawiając do niej wiele elementów, gdy kilka linii i kilka zdjęć wykonują perfekcyjną robotę?
Rozkosz wizualna, którą oferuje Switch Mediaworks swoim widzom. Klasyczna kombinacja kolorów, nowoczesne umiejętności typograficzne i samochód swoich marzeń na pierwszej stronie, to jest wielkość tej strony.
11. A List Apart
List Apart jest podobny, ale różni się od wielu stron internetowych. Ma minimalną konstrukcję, która może wydawać się znajoma, ale rozmieszczenie i odstępy elementów sprawiają, że jest to jedna z ładnie wyglądających stron internetowych. Odpowiednie przypisanie rozmiaru czcionki, użycie kolorów i odstępów A List Apart, klasa APART! Projektuje w najlepszym wydaniu!
12. Jason Santa Maria Najlepsza aplikacja typograficzna
Mniej znaczy więcej! Jak prawdziwe jest to stwierdzenie? Jason Santa Maria bawi się tą filozofią Lee jest więcej. Niewiele elementów, mało kolorów. Tylko odważne i atrakcyjne nagłówki artykułów, a Jason Santa Maria staje się inspirującą stroną internetową. Jest wyjątkowy, świeży i przykuwa uwagę swoją prostotą.
13. Helveticons Najlepsza aplikacja typograficzna
Czasami na coś patrzysz i nagle znów jesteś dzieckiem. Niektóre rzeczy przypominają ci dzieciństwo, podobnie jak logo Helveticons. To jest jak ten obrazek na pudełku geometrii, który nosiłeś do lekcji matematyki lub zajęć plastycznych i rysunkowych.
Jest jasnożółta strona, jak kartka papieru po otwarciu po złożeniu jej na cztery, na jasnoszarym tle z technikami typografii w kolorze białym i czarnym. To dokładnie tak, jak pudełko geometryczne, które posiadałem. Helevticons to strona internetowa zaprojektowana tak, aby kontaktować się z Tobą w sposób, który przebiega twoimi oczami i prosto do serca!
Jak te projekty? Bądź kreatywny, projektując własne olśniewające strony internetowe. Projektowanie stron internetowych polega na tych drobnych szczegółach i funkcjach. Mamy nadzieję, że te 13 niesamowitych witryn zainspiruje Cię do stworzenia niesamowicie wyglądającej witryny z technikami typografii, które jeszcze bardziej wzmocnią jej piękno!
Polecane artykuły
To był przewodnik po aplikacji Typografia to nic innego jak sposób wyświetlania typu, niezależnie od słowa pisanego. Są to następujące linki zewnętrzne związane z aplikacją typograficzną.
- Ważne kroki pytań do wywiadu AJAX
- 6 najważniejszych kroków do skutecznego budowania linków do stron internetowych
- 10 najlepszych trendów w projektowaniu stron internetowych, które musisz znać na rok 2016
- 10 ważnych kroków do zbudowania układu witryny