Google Fonts – это интерактивный каталог свободно размещенных интерфейсов программирования приложений для веб-шрифтов. Он был запущен в 2010 году и обновлен в 2011 году. Многие шрифты выпущены в соответствии с SIL Open Font License 1.1, а некоторые выпущены под лицензией Apache, обе лицензии являются бесплатными.

В этом проекте я попытался достичь разных типов стилей оформления шрифтов, используя шрифты google, которые основаны на разных принципах дизайна. Я также предоставил подробное форматирование шрифта для каждого стиля и того, как его можно достичь.

Принципы дизайна

“Принципы дизайна – это основные идеи и элементы, которые могут быть применены для достижения качественного дизайна”

 

01.
Принцип – Белое пространство (White Space)

В макете страницы, иллюстрации и скульптуре пустое пространство часто называют отрицательным пространством. Это часть страницы, оставленная без знака: отступы, расстояние между колонками, линии шрифта, графика, фигуры, или объекты нарисованные или отображенные.

Термин возникает из практики графического дизайна, где во время процесса печати обычно используют белую бумагу. Белое пространство не должно считаться просто «пустым» пространством – это важный элемент дизайна, который позволяет объектам в нем вообще существовать; Баланс между положительным (или небелым) и использованием отрицательных пространств является ключом к эстетической композиции. Однако неверное использование белого пространства может придать странице незавершенный вид.

Использованы шрифты Google fonts – Montserrat & Lato

white space

белое пространство

02.
Принцип – Симметричность (Symmetry)

Симметрия в повседневном языке означает чувство гармоничной и красивой пропорции и баланса. В математике «симметрия» имеет более точное определение, что объект является инвариантным к любому из различных преобразований; Включая отражение, поворот или масштабирование. Хотя эти два значения «симметрии» иногда можно разделить друг с другом, они связаны между собой, поэтому они здесь обсуждаются вместе.

Использованы шрифты Google fonts – Playfair Display & Open Sans

symmetry

симметрия

03.
Принцип – Контраст (Contrast)

Планирование последовательного и схожего дизайна является важным аспектом работы дизайнера, чтобы сделать их главную цель понятной. Слишком много сходства это скучно, но без подобия важные элементы не будут существовать, а изображение без контраста не имеет значения, поэтому ключ состоит в том, чтобы найти баланс между подобием и контрастом.

Использованы шрифты Google fonts – Oswald & Raleway

Contrast

контраст

04.
Принцип – Правило третей (The Rule of Thirds)

Правило третей – это «эмпирическое правило» или руководство, которое относится к процессу составления визуальных образов, таких как дизайн, фильмы, картины и фотографии. В предложении предполагается, что изображение следует представить как разделенное на девять равных частей на две равноотстоящие горизонтальные линии и две одинаково разнесенные вертикальные линии, а также что важные элементы композиции должны быть размещены вдоль этих линий или их пересечений. Сторонники техники утверждают, что выравнивание предмета с этими точками создает больше напряженности, энергии и интереса к композиции, чем просто центрирование предмета.

Использованы шрифты Google fonts – Oranienbaum & Neuton

Правило третей

правило третей

05.
Принцип – Выравнивание (Alignment)

Выравнивание является актом сохранения объектов дизайна в строке не только по вертикали или по горизонтали, но и по любой линейной плоскости. Выравнивание также выполняется соответственно, то есть один элемент дизайна позиционируется относительно другого элемента в пределах одного кадра.

Использованы шрифты Google fonts – Fjalla One & Prata

Выравнивание

align

Автор статьи: Abhishek Garg
Перевод с сайта: https://www.behance.net

———————–

Читайте также Тренды веб-дизайна 2017

 

Скачайте чек-лист
по cозданию сайта
на WordPress

ЧТОБЫ ПОЛУЧИТЬ ЧЕК-ЛИСТ ВВЕДИТЕ
СВОЁ ИМЯ И ЕМЕЙЛ В ФОРМУ НИЖЕ
И ПОДТВЕРДИТЕ ПОДПИСКУ НА ПОЧТЕ

(1) комментарий

  1. Как обычно, о шрифтах говорят иностранцы, латиница больше дружит со шрифтами.
    С кириллицей проблемы, даже у гугл фонтс, много раз замечала, что даже в старых проверенных годами шрифтах могут вылетать буквы такие как ч,ш,ж, несколько раз ловила такие траблы на своих сайтах с гугл фонтс.

Добавить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Отправить