25 веб-сайтов с огромным шрифтом
Опубликовано: 2017-09-07Сегодня я разговаривал с другом, который работает в крупной дизайнерской фирме, и он признался мне, что никогда не станет фрилансером. Его причина была основана исключительно на количестве времени, которое потребовалось ему, чтобы найти идеальный шрифт для всего. Это привело к довольно интересному разговору о важных шрифтах для сайта, самый креативный макет, подкрепленный некоторыми удивительными изображениями, мог бы быть потерян для стандартного шрифта Times New Roman, если бы он не работал с остальной частью дизайна. Давайте взглянем на некоторые примеры сайтов, большинство элементов дизайна которых основано на типографике.
Есть несколько способов внедрить типографику на сайт и заставить ее действительно влиять на сайт. Будь то другой шрифт, увеличенный размер или другой цвет, добавление слов на ваш сайт не должно восприниматься как рутинная работа или что-то, что вам нужно спрятать и где-то спрятать, чтобы оно не мешало внешнему виду всех элементов. другие изображения и визуальные элементы. Его следует рассматривать скорее как еще один слой дерева дизайна и что-то, что поможет подчеркнуть другие аспекты сайта.
Вот витрина веб- сайтов, которые используют огромную типографику . Использование крупных шрифтов на вашем веб-сайте может привлечь внимание и обеспечить простой и удобный интерфейс. Кроме того, вам не нужно беспокоиться о том, что текст будет читабельным (если только он не написан совершенно сумасшедшим шрифтом). Пожалуйста, нажмите на каждое изображение, чтобы просмотреть веб-сайт.
час Земли
Earth Hour имеет хороший баланс типографики и изображений. Общие элементы дизайна сайта нарисованы из большого текста, изображения просто помогают сбалансировать его, чтобы не перегружать сайт при первом просмотре. Вы заметите, что они также не переусердствуют с количеством используемых шрифтов, так как шрифты не сильно конфликтуют друг с другом.
Янне Койвистойнен
Веб-сайт Янне Койвистойнен — отличный адаптивный веб-сайт с огромным шрифтом. Различные цвета фона также помогают оживить сайт. Дизайнер проделал большую работу по смешиванию шрифтов, как вы заметите, их довольно много, но все они работают вместе. Отличный сайт и очень продуманный.
Получить Финч
Get Finch — это веб-сайт-визитка, который не только использует крупный шрифт в своем логотипе, но и предоставляет подробную информацию о Франсиско Инчаусте.
Вещи и чепуха
Помимо огромных иллюстраций, которые придают игривый оттенок интерфейсу, Stuff & Nonsense также использует огромную типографику для оформления девиза. Тот факт, что шрифты легко читаются, также снимает нагрузку с ваших глаз, не говоря уже о мозге, когда вы пытаетесь расшифровать текст.
Соперничество между детьми
Sibling Rivalry загружен всевозможными забавными шрифтами. Опять же, на главной странице не так много изображений, но много шрифтов и самых разных цветов. Все эти вещи прекрасно сочетаются друг с другом, создавая идеальную смесь, чего нельзя ожидать от трех братьев. Но если вы прочитаете часть текста на главной странице, вы поймете, насколько он подходит и насколько хорошо дизайнер смог уловить их философию и отношение, а затем изобразить это в этом дизайне.
Типографика
С таким названием, как Typographica, можно было бы подумать, что оно изобилует всевозможными крутыми шрифтами. Не разочарует, это точно. Я думаю, что одним из моих самых любимых элементов этого сайта является несколько тонкая и почти скрытая природа их верхнего уровня, основной навигации. На первый взгляд я подумал, что «Типографика. Введите «Обзоры, книги, комментарии» — это просто название компании и слоган. Но достаточно простого наведения, чтобы понять, что это все ссылки.
Айга
Айга отлично подходит для создания заголовков. Таким образом, посетитель с самого начала будет знать, о чем идет речь в статье. На сайте преобладают большие блоки текста с похожими по тону изображениями, которые дополняют общий вид. Вы также заметите, что в шрифтах нет ничего сумасшедшего, они просто чистые, простые и приятные на вид.
Какое прекрасное имя
What A Lovely Name — забавный сайт с хорошим использованием типографики. Он несет в себе веселье, детскую тему, которая, несомненно, волнует будущих родителей, когда они начинают поиски идеального имени для своего ребенка. Вы заметите, что вместо того, чтобы полагаться на несколько разных шрифтов для добавления символов на сайт, они просто полагались на различные размеры, очень умно.
Мы стреляем по бутылкам
Я думаю, вы видели этот сайт уже много раз. У него уникальный простой дизайн с огромным шрифтом и красивыми розовыми акцентами. Их выбор шрифтов работает хорошо. Это отличный баланс веселья и профессионализма, дающий им преимущество над другими сайтами медиа-услуг, которые выглядят точно так же, как и все остальные.
Огромный Инк
Huge Inc использует ОГРОМНУЮ типографику для своей домашней страницы. Текст хорошо расположен, а общий сайт имеет отличный дизайн. И вы действительно не можете пропустить огромную букву H на главной странице.
слепой цирюльник
Простой, но очень привлекательный, этот полноэкранный веб-сайт использует крупный жирный шрифт для распространения своего сообщения. Хотите больше больших сайтов с типографикой? Прочтите этот пост «Великая типографика в веб-дизайне».
Большая молодежь
Big Youth — еще один хороший пример использования огромной типографики в веб-дизайне. Он также имеет дружественный интерфейс и творчески представляет контент с помощью анимации, иллюстраций-коллажей и галерей миниатюр.
Афтершок
Aftershock имеет очень креативный дизайн интерфейса, который использует типографику и иллюстрации в интерактивном режиме. Их выбор шрифтов прекрасно сочетается с каракулями на заднем плане.
Июньское облако
Веб-сайт June Cloud использует крупную типографику в текстах заголовков. Сайт выполнен в пастельных тонах и имеет несколько действительно хороших иллюстраций. Вы заметите, что вместо того, чтобы полагаться на несколько разных шрифтов для добавления символов на сайт, они просто полагались на различные размеры, очень умно.
Градшоу
Если вы являетесь поклонником Школы дизайна Род-Айленда, возможно, вам стоит заглянуть на их замечательный веб-сайт. На этом веб-сайте используется типографика всех форм и размеров, и основное внимание уделяется презентации дипломных работ 2017 года.
Крис Байрон
Этот пример — портфолио-выставка Криса Байрона, которая делает вещи простыми, как предполагает его девиз, и представляет всю работу, которую он проделал до сих пор. Он использует типографику в начале презентации, чтобы заинтересовать читателей, затем следует огромная галерея миниатюр и заканчивается типографикой.
Languagemedia
Эта компания специализируется на языковых медиа, и у них есть действительно классный веб-сайт, на котором используется огромная белая типографика на горизонтальной полосе анимированных клипов.
Одна дизайнерская компания
Этот пример может послужить хорошим источником вдохновения для будущих проектов благодаря тяжелой работе и творчеству, которые были вложены в этот веб-дизайн. Они используют смелые цвета для своей огромной типографики и анимированных иллюстраций, которые придают этому сайту дружелюбную атмосферу.
Солфордские истории
Этот веб-сайт — отличный пример того, как типографика может помочь вам распространить ваше сообщение очень творчески и оригинально. Всего 3 основных цвета, этот веб-сайт очень привлекателен и имеет действительно красивую графику.
Вермонт
Веб-сайт Вермонта с аккуратным и элегантным дизайном может стать отличным источником вдохновения. Они представляют модные бренды премиум-класса, и их цель - вдохновлять и вселять уверенность в своих клиентов, но не только!
Решения КВР
Сайт этой компании со светло-серым фоном и огромным и обычным шрифтом представляет контент в аккуратной и стильной форме. Это отличный сайт и очень хорошо продуманный.
Поларголд
Polargold сочетает минималистский дизайн с огромной светлой типографикой, чтобы представить контент своим подписчикам.
Галпин
Galpin имеет винтажный вид из-за своей графики и типографики. В основном он однотонный с небольшими вставками цвета, идеально подобранными для того, чтобы подчеркнуть важные элементы.
Бесхитростный
Этот уникальный, огромный шрифт — отличный, уникальный элемент детализации для этого веб-сайта. Общий план очень простой и чистый.