Ver.mod. 03.12.2013
C чего начинается Родина, с картинки в твоём букваре ...

Техника создания Динамично эластичного типа макета для страниц сайта.
Общие аспекты эргономики отображения страниц сайтов с различными типами макетов сайтов.

Определение понятия
all systems

Эргоно́мика ( от древне - гречского. ἔργον - работа и νόμος - закон) - в традиционном понимании - наука о приспособлении должностных обязанностей, рабочих мест, оборудования и компьютерных программ для наиболее безопасного и эффективного труда работника, исходя из физических и психических особенностей человеческого организма.

Aспекты эргономики отображения страниц
all systems
Динамично эластичный тип макета (DEE, DADEE) расчитан на отображение страниц сайта, на устройствах отображения, с размерами диоганали экрана монитора от 9" (дюймов) и больше, при любом разрешении....

Если вам нужна версия сайта для смартфона, планшета, с размером диоганали экрана менее 9", Динамично эластичный тип макета не для вас...

В связи с появлением на рынке множества разнообразнейших устройств отображения страниц сайта. От смартфонов, телефонов с размерами экранов 3"-6", планшетов с размерами экранов 7"-10", нетбуков-ноутбуков, мониторов для десктопов с размерами от 10" и выше, при разрешениях от 800х600 и выше (4 K). Остро, в свете эргономичности, встаёт проблема отображения сайта на различных мониторах, с различными размерами, разрешениями, пропорциями соотношения сторон поверхностей отображения мониторов.

Отображение страниц сайтов фиксированного типа макета (1 и 2 скриншот) и резинового типа макета (3 скриншот) изначально расчитанных на горизонтальное разрешение - 1024px, при разрешении монитора - 1024px;
Скриншот 1
Скриншот 2
Скриншот 3
Отображение страниц сайтов фиксированного типа макета (4 и 5 скриншот) и резинового типа макета (6 скриншот) изначально расчитанных на горизонтальное разрешение - 1024px, при разрешении монитора - 1990px. На скриншоте 4 более 70% поверхности отображения монитора не занято ни чем, на скриншоте 5 около 50% поверхности отображения монитора не занято контентом, на сриншоте 6 страница сайта растянута во всю ширину, но на странице появилось множество свободных площадей незанятых контентом, контент растянут, смещён.
Скриншот 4
Скриншот 5
Скриншот 6
Эргономичность динамично эластичного типа макета обосновывается простыми расчётами и явно следует из следующего:
Для примера возьмём два монитора, с соотношением сторон 4:3, с диоганалью экрана 17" и 21", с разрешениями 1024px x 768px и 2048px x 1536px соответственно. Исходя из таких исходных данных как: ширина монитора по горизонтали, эргономичное расстояние от глаз пользователя до отображающей поверхности экрана монитора и угла падения взора на центр монитора, принятого за 90 градусов.
В расчётах применим формулу теоремы косинусов.

Размеры отображающих поверхностей мониторов 17" и 21" ( ширина, высота ) равны следующим значениям :
17" - ширина 32 см, высота 24 см.
21" - ширина 40 см, высота 30 см.
Безопасное эргономичное расстояние от поверхности монитора до глаз пользователя примем в пределах: от 1.5 до 2 размеров диоганали экрана монитора ( из разных источников ). Что составляет для мониторов :
17" - диоганаль 40 см. Эргономичные значения расстояния до монитора - 60 см / 80 см.
21" - диоганаль 50 см. Эргономичные значения расстояния до монитора - 75 см / 100 см.
Для решения задачи, на основе теоремы косинусов, применим следующую графическую модель.

В разультате вычислений получаем следующие значения углового размера отображения плоскости экрана монитора, ( значение E ).
Размер диоганали монитора в дюймах. 17"17" 21"21"
Коэффициент эргономичного расстояния. 1.5 2 1.5 2
Эргономичное расстояние в сантиметрах. 60 см 80 см 75 см 100 см
Угловой размер отображения в градусах. 29.8 O 22.6 O 29.8 O 22.6 O
Вывод из выше изложенных вычислений, из таблицы результатов :

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

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

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

Как правило мониторы с Электронно Лучевой Трубкой в отличии от LCD, LEG, TFT и т п, имеют несколько вариантов выбора значений разрешения экрана, в ту или иную сторону отосительно рекомендуемого. Но этот фактор, варианты разрешения, ни коим образом не влияет на угловой размер отображения динамично эластичного макета. Динамично эластичный макет является эргономичным, что нельзя сказать о других типах макетов.
Формула расчёта углов по теореме косинусов
all systems
cos
Графическая модель расчётов
all systems
cos
Условные обозначения модели, вид сверху:
all systems
Условные обозначения графической модели на основе теоремы косинусов.

P - положение пользователя, глаз пользовтеля.

M - положение и плоскость отображения экрана монитора, вид сверху.

W - ширина плоскости отображения экрана монитора.

a - сторона треугольника тероемы косинусов равная 50% значения W.

b - сторона треугольника, перпендикуляр зрения к плоскости экрана монитора, равна значению эргономичного расстояния.

C - угол перпендикуляра зрения пользователя на экран монитора, принят за 90 градусов.

A - вычисляемый угол графической модели.

E - угловой размер отображения плоскости экрана монитора, равный двойному значению величины угла A.
Связанные материалы
1. Скрипт масштабирования шрифтов
2. Общий фон страницы сайта
3. Формы поиска по сайту
4. Форма входа на сайт
5. Форма обратной связи
6. Flash проигрыватель формата FLV
7. Flash проигрыватель формата MP3
8. Представление PDF формата
9. Динамично эластичный тип макета
olympic
Динамично эластичный тип макета ─ dynamically expandable elastic / double adaptive dynamically expandable elastic.
It is made priority in Russia DEE ― DADEE ™,
Esq team Copyright © 27.04.2009 ─ Яндекс.Метрика