Дизайн онлайн-изданий, ориентированный на читателя
Transcript of Дизайн онлайн-изданий, ориентированный на читателя
![Page 1: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/1.jpg)
Дизайн онлайн-изданий,ориентированный на читателя
РОМАН ШАДРИН, ДИЗАЙНЕР СТУДИИ 38
![Page 2: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/2.jpg)
это совокупность средств и методов, с помощью которых пользователь взаимодействует с устройствами.
Интерфейс –
![Page 3: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/3.jpg)
Дизайн, ориентированныйна пользователя
Увеличение аудитории
Увеличение прибыли
![Page 4: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/4.jpg)
Навигация
![Page 5: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/5.jpg)
Где я нахожусь?
Где я уже был?
Куда я могу пойти?
![Page 6: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/6.jpg)
Основные требования к навигации:
Возможность быстро и точно определить свое местоположение на сайте
Понятное оформление ссылок
Перелинковка и вывод похожих статей
![Page 7: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/7.jpg)
![Page 8: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/8.jpg)
Основные требования к навигации:
Возможность быстро и точно определить свое местоположение на сайте
Понятное оформление ссылок
Перелинковка и вывод похожих статей
![Page 9: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/9.jpg)
![Page 10: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/10.jpg)
Основные требования к навигации:
Возможность быстро и точно определить свое местоположение на сайте
Понятное оформление ссылок
Перелинковка и вывод похожих статей
![Page 11: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/11.jpg)
![Page 12: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/12.jpg)
![Page 13: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/13.jpg)
Типографика
![Page 14: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/14.jpg)
На что стоит обратить внимание?
Размер шрифта
Длина строки и межстрочное расстояние
Выбор шрифта
![Page 15: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/15.jpg)
![Page 16: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/16.jpg)
На что стоит обратить внимание?
Размер шрифта
Длина строки и межстрочное расстояние
Выбор шрифта
![Page 17: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/17.jpg)
![Page 18: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/18.jpg)
На что стоит обратить внимание?
Размер шрифта
Длина строки и межстрочное расстояние
Выбор шрифта
![Page 19: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/19.jpg)
Arial
Times New Roman
PT Sans
PT Serif
![Page 20: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/20.jpg)
Адаптивность
![Page 21: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/21.jpg)
![Page 22: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/22.jpg)
43%российских пользователей
интернета используют мобильные ОС
Cтатистика за август 2014 г. по данным Liveinternet
![Page 23: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/23.jpg)
Реклама
![Page 24: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/24.jpg)
Главное правило:
Контент должен быть центральным элементом
![Page 25: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/25.jpg)
![Page 26: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/26.jpg)
![Page 27: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/27.jpg)
Навигация
Типографика
Адаптивность
Реклама
![Page 28: Дизайн онлайн-изданий, ориентированный на читателя](https://reader033.fdocuments.net/reader033/viewer/2022042722/589c3a711a28abec478b5a51/html5/thumbnails/28.jpg)
Дизайн, ориентированныйна пользователя
Увеличение аудитории
Увеличение прибыли