Оформление сайта с помощью типографики презентация

Содержание

Вопросы доклада: Преимущества использования типографики Что нужно учесть при разработке Автоматизация и универсализация типографики klondike-studio.ru

Слайд 1Упрощаем оформление сайта с помощью типографики
Юрий Ляшенко
klondike-studio.ru


Слайд 2Вопросы доклада:
Преимущества использования типографики
Что нужно учесть при разработке
Автоматизация и универсализация типографики
klondike-studio.ru


Слайд 3Вопрос №1
Преимущество использования типографики


Слайд 41. Использование типографики
Разработка на заказ
Разработка на готовом решении
klondike-studio.ru


Слайд 51. Использование типографики
Контент (наполнение сайта) – один из самых важных этапов

в реализации интернет-проекта и ключевое звено в конверсии

klondike-studio.ru


Слайд 6klondike-studio.ru


Слайд 71. Использование типографики
klondike-studio.ru


Слайд 81. Использование типографики
Каждая страница сайта должна быть оформлена в виде Landing

Page
Landing Page стоит дорого, как правило эти страницы заказывают отдельно
С помощью типографики можно автоматизировать создание Landing Page

klondike-studio.ru


Слайд 91. Использование типографики
Обычно под типографикой в интернете понимают визуальную составляющую сайта,

как тот или иной шрифт должен выглядеть.

Типографика — это набор классов, с помощью которым можно оформить страницы сайта.

klondike-studio.ru


Слайд 10klondike-studio.ru


Слайд 11klondike-studio.ru


Слайд 12klondike-studio.ru


Слайд 131. Использование типографики
Типографика превратит любую страницу в продающую без участия программиста

и дизайнера!

klondike-studio.ru


Слайд 14Вопрос №2
Что нужно учесть при разработке


Слайд 152. Ошибки разработки
Как правило, после разработки сайта при наполнении контента всё

начинает разваливаться.
Это также относится к шаблонным решениям.

klondike-studio.ru


Слайд 162. Ошибки разработки
klondike-studio.ru


Слайд 172. Ошибки разработки
Это происходит по тому, что при работе никто не

проверил, как отображаются в контетной области базовые теги, как минимум h1-h6, ul, ol, p, br и др.

klondike-studio.ru


Слайд 182. Ошибки разработки Проверка типографики на сайте
Нужно вставить текст, размеченный стандартными тегами

в любую текстовую область

klondike-studio.ru


Слайд 192. Ошибки разработки
Для создания адаптивного дизайна есть «движки» - CSS-Фреймворк
klondike-studio.ru


Слайд 202. Ошибки разработки
klondike-studio.ru
Ошибки мобильно версии на сайте 1c-bitrix.ru


Слайд 212. Ошибки разработки
Суть «правильного» подхода можно понять на примере одной кнопки.
klondike-studio.ru


Слайд 22klondike-studio.ru
Кнопка сделана картинкой (12.2015)


Слайд 23klondike-studio.ru


Слайд 24klondike-studio.ru


Слайд 25Вопрос №3
Автоматизация типографики


Слайд 263. Автоматизация типографики
Для корпоративных сайтов типографика жизненно необходима!
klondike-studio.ru


Слайд 273. Автоматизация типографики
klondike-studio.ru


Слайд 28klondike-studio.ru


Слайд 293. Автоматизация типографики
klondike-studio.ru
Очень важно структурировать и собирать готовые элементы в специальном

разделе сайта

Слайд 30klondike-studio.ru


Слайд 313. Автоматизация типографики Соответствие готового элемента и его кода
klondike-studio.ru


Слайд 32klondike-studio.ru


Слайд 333. Автоматизация типографики
Модуль текстовых вставок (собственная разработка) — позволяет вставить готовый

отвёрстанный блок в любое место на сайте

klondike-studio.ru


Слайд 343. Автоматизация типографики
klondike-studio.ru


Слайд 35Упрощаем оформление сайта с помощью типографики
Юрий Ляшенко
klondike-studio.ru


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

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


Для правообладателей

Яндекс.Метрика