Веб-дизайн с приложением Awesome Typography
Веб-сайт состоит из множества компонентов, и многие из нас могут различаться в выборе компонентов, которые делают веб-сайт визуально привлекательным. Темы, цвета, картинки - все это способствует, но то, что действительно улучшает ощущение и задает тон веб-сайту, это приложение Typography.
Изображения и темы могут многое рассказать о нашем веб-сайте, но, в конце концов, зрители вашего веб-сайта полагаются на информацию, написанную на вашем веб-сайте, чтобы полностью понять его услуги веб-дизайна. Кроме того, вы должны иметь в виду, что ваш сайт должен быть в тренде, то есть, каким бы ни был текущий стиль, ваш сайт должен быть разработан в соответствии с этим стилем. В настоящее время тенденция заключается в том, что дизайн должен быть как можно меньше, и, следовательно, дизайн приложений Web Typography теперь играет очень важную роль.
Источник изображения: pixabay.comТипографское приложение - это не что иное, как способ отображения типа веб-дизайна, значение типа, что бы ни было написанным словом. Шрифт, размер, интервал, цвет, все попадает под типографику. Важно отметить, что независимо от того, насколько изысканна тема вашего сайта или насколько привлекательны цвета, именно приложение для типографики действительно делает его единственным в своем роде.
Но так же, как и многочисленные ошибки, которые вы можете совершать при разработке веб-сайта с использованием изображений, тем и т. Д., Вы должны следовать определенным рекомендациям, когда речь идет об использовании типографского приложения на вашем веб-сайте, чтобы избежать очевидных проблем.
- Не пытайся делать слишком много. Используйте максимум 2-4 типа шрифтов или граней в вашем дизайне. Более широкое использование типов шрифтов сделает ваш сайт беспорядочным и загроможденным, вместо того, чтобы придать ему чистый и красивый вид.
- Поддерживать правильную иерархию. Это поможет вашим зрителям легко пройти через ваш сайт. То, как текст и элементы выровнены и упорядочены, задает настроение и направления, которым необходимо следовать при использовании вашего веб-сайта.
Есть только одно важное правило: «СОДЕРЖАНИЕ - КОРОЛЬ!» Сделайте контент своим приоритетом, и все остальное будет зависеть от него. В Интернете доступно множество инструментов, которые помогут вам в ваших типографских навыках. Typekit Practice - один из инструментов, с которого вам следует начать. Уроки разработаны таким образом, что вы быстро станете экспертом в области типографики. Модульная шкала, Wordmark.it, Hoefler & Co., FontFace Ninja, Google Fonts и многие другие инструменты доступны для того, чтобы сделать ваши навыки в области типографики максимально эффективными.
Список сайтов с отличной типографикой
1. The New Yorker - Лучшие веб-сайты, посвященные типографии.
Добиться того, чтобы выглядеть и чувствовать себя старым и традиционным, но вместе с тем красивым - непростая задача, но The New Yorker поможет вам сделать это идеально. Это онлайн-журнал, который легко доступен и очень стильный. Использование вечнозеленых цветов, таких как красный, черный и белый с оттенком серого, делает его похожим на печатный журнал. Кроме того, использование читаемого и элегантного шрифта с цветами, контрастирующими с фоном, делает The New Yorker одним из лучших сайтов, вдохновленных навыками типографии.
2. Моресода
Черный фон нуждается в ярких цветах, чтобы он выглядел модно. Moresoda задает тренд, используя привлекательные цвета, такие как ярко-розовый, голубой и светло-зеленый, а также черный на заднем плане, и есть только один цвет, который подходит ко всем этим, если вы хотите что-то написать на странице, и это белый. Всего несколько предложений здесь и пара слов делают Moresoda изящным и модным веб-сайтом.
3. Хорошо
Само название сайта многое говорит о его стиле! Чистый, читаемый шрифт, сопровождаемый минимальным использованием цветов и отличным интервалом и размещением, делают сайт ХОРОШИМ на вид!
Черный, серый и белый - это классическая комбинация, а простота - огромный риск, что создатели сайта Good были готовы пойти на это и окупились. Большой размер шрифта жирных заголовков привлечет ваше внимание, и история, которая сопровождает его, хотя и намного меньше по сравнению, кристально ясна. Итак, Good в этом смысле проделал большую работу!
4. Информационный Дорожник
Вы можете поместить самые привлекательные фоновые изображения на свой веб-сайт, чтобы улучшить его внешний вид, но иногда красивое приложение для типографики улучшает фон и делает работу за вас!
Но что, если у вас есть чистый холст? Как сделать пустую страницу привлекательной? Ответ снова прост. Используйте свои навыки веб-дизайна в искусстве приложения типографии. Информационный дорожник не имеет ничего на заднем плане. Он полностью пустой, белый как лист бумаги, и здесь не используется причудливый вид шрифта, но простое использование шрифтов и цветов в тексте делает его очень привлекательным и стильным веб-сайтом. Простота информационного шоссе потрясающе великолепна!
5. Black Estate - Лучшее типографское приложение
Black Estate отдает должное своему названию, предоставляя своим зрителям веб-сайт с поразительно темным фоном… в черном цвете! И мы все согласились бы, что черно-белое - это классическая комбинация. Это удобная комбинация для каждого и, следовательно, не только безопасный, но и разумный выбор.
Белые буквы поднимают сайт на более высокий уровень элегантности и красоты. Мало того, что все отчетливо видно, но и вам не нужно больше ничего, чтобы сделать его более привлекательным. Использование сложного шрифта - это все, что нужно. «Черная красавица» часто используется, чтобы описать красивого человека с более темным цветом лица. В мире веб-сайтов Black Estate - это «Black Beauty».
Рекомендуемые курсы
- Сертификационный тренинг AJAX
- Пройдите быстрый курс профессионального курса
- Онлайн курс по ExtJS
- CISSP Интернет Обучение
6. Элизиум Бернс
Elysium Burns - прекрасный пример изысканности и стиля! Этот веб-сайт имеет много элементов, но каждый элемент отличается и понятен. Он не очень красочный, но, тем не менее, использование разных стилей шрифтов и размеров шрифтов для разных функций делает этот сайт хорошим, а не беспорядочным.
Существует другой шрифт для названия компании, другой для заголовков и другой для подзаголовков и совершенно другой для контента, который попадает под эти заголовки. Когда дело доходит до дизайна, на одной странице происходит многое, но все они объединяются, чтобы все это имело смысл.
7. Тип Ежедневно
Если слово Type в Type Daily не делает его очевидным, то здесь Type Type - это веб-сайт, на котором есть ссылка на другие веб-сайты, связанные с другими типами. Дизайн очень прост. Есть только ссылки на другие веб-сайты, ярко-зеленого цвета, которые появляются на слегка темном фоне, который при наведении на них меняет цвет на оранжевый. Простой, но эффективный!
8. Erratic Wisdom Best Типография приложение
Когда-нибудь слышали фразу «Bold is Beautiful!». Ну, Erratic Wisdom попадает в цель с этой фразой. Последнее сообщение о типографских навыках Bold на черном фоне с маленькими белыми точками, образующими сетку, придает этому сайту современную ауру. Весь сайт, с другой стороны, просто меняет комбинацию фона. На белой странице есть черная сетка, образующая точки.
Erratic Wisdom современна и, скажем так, ошибочна в своем дизайне.
9. Аналоговый
Первая страница этого сайта гласит: «Analog - это компания друзей, которые делают сайты. Это кооператив, в котором процветают воображение, дизайн и инженерия: хорошие люди делают хорошую работу ».
Да, действительно очень хорошая работа. Когда тема веб-сайта оценивается с использованием типа, который идет с ним, то в результате получается идеальный веб-сайт. Контрастные цвета с эстетичным текстом делают Analog интеллигентным веб-сайтом.
10. Переключите Mediaworks
Вы все знаете о печально известной поговорке: «Действие говорит громче, чем слова». Давайте просто немного изменим это: «Дизайн говорит громче, чем слова». Зачем насыщать веб-страницу, вставляя в нее много элементов, когда несколько строк и несколько изображений делают идеальную работу?
Визуальное удовольствие - это то, что Switch Mediaworks предлагает своим зрителям. Классическая цветовая комбинация, современные навыки типографики и автомобиль вашей мечты на главной странице - вот в чем величие этого сайта.
11. Список отдельно
A List Apart похож, но отличается от многих других сайтов. Он имеет минимальный дизайн, который может показаться знакомым, но расположение и расположение элементов делают его одним из привлекательных веб-сайтов. Соответствующее назначение размера шрифта, использование цветов и интервал набора A List Apart, класс APART! Это проектирование в лучшем виде!
12. Джейсон Санта Мария Лучшее приложение для книгопечатания
Меньше - больше! Насколько верно это утверждение? Джейсон Санта Мария играет вокруг этой философии Ли больше. Не много элементов, не много цветов. Просто смелые и привлекательные заголовки статей и Jason Santa Maria становятся вдохновляющим сайтом. Он уникален, свеж и привлекает внимание своим дизайном в своей простоте.
13. Helveticons Лучшее приложение типографии
Иногда ты смотришь на что-то и вдруг снова становишься ребенком. Некоторые вещи напоминают вам о вашем детстве, например, логотип Helveticons. Это как изображение на геометрическом блоке, которое вы использовали для переноса на занятия по математике или на уроки рисования и рисования.
Имеется ярко-желтая страница, похожая на лист бумаги, когда ее открывают после того, как она была сложена в четыре, на светло-сером фоне с типографскими приемами белого и черного цветов. Это точно так же, как геометрическая коробка, которой я владел. Helevticons - это веб-сайт, разработанный для того, чтобы общаться с вами таким образом, чтобы ваши глаза смотрели прямо на ваше сердце!
Понравились эти дизайны? Тогда будьте изобретательны, когда создаете свои собственные великолепные сайты. Веб-дизайн - это все эти мелочи и особенности. Надеемся, что эти 13 потрясающих веб-сайтов вдохновят вас на создание удивительно выглядящего веб-сайта с использованием техник типографики, которые еще больше подчеркнут его красоту!
Рекомендуемые статьи
Это руководство к типографскому приложению - не что иное, как способ отображения шрифта, что бы это ни было написанным словом. Это следующая внешняя ссылка, связанная с типографским приложением.
- Важные шаги AJAX Интервью Вопросы
- Лучшие 6 шагов к эффективному созданию ссылок для веб-сайтов
- Топ-10 лучших трендов веб-дизайна, которые вы должны знать за 2016 год
- 10 важных шагов для создания макета вашего сайта