January 1st, 2010

Модульные сетки. Обобщение прочитанного

Ёлка через кресло колит спину.


Дочитал книгу Владимира Лаптева про модульные сетки. Полезная книга.


Запишу что запомнил, чтобы не забыть:

Модульные сетки — это просто инструмент упрощения, ускорения и организации и сделать из говна конфетку не способны.

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

Модульные сетки придумывают не с хуя собачьего. Для создания сетки нужно понять какую задачу она должна решать, какой материал (картинки, текст) будет на неё натягиваться.

Сетка строится на основе формата полосы (Как выбрать формат полосы можно почитать у Яна Чихольда).

Модули сильно связаны со шрифтом. Ширина зависит от кегля и интерлиньяжа (см. Домашка. Ширина полосы). И высота тоже зависит от кегля, очка литеры и интерлиньяжа (в модуль должно помещаться целое число строк).

Размеры середника (пробела между колонками) и пробела между модулями по горизонтали обычно стоит делать не меньше пробельной строки и не больше соответствующих вертикальных или горизонтальных полей.

Сетки бывают простые, где модули равные и сложные где модули не равные (иногда для таких сеток используют математические или геометрические прогрессии). В сложных случаях сетки можно накладывать друг на друга.

Грубо можно разделить сетки на низко и высоко детализированные. Низкодетализированные сетки содержат <найти в книге> модулей, высоко детализированные <найти в книге>. Делать более <найти в книге> модулей обычно не стоит, потому что <найти в книге> .

Если нужно, то на сетку можно смело забить. Если этого не понимать, то может получиться как у автора книги.

Интересный факт об Орбитскриптсе. Сортир

Факт в том, что он там есть. Не, отхожее место есть почти в любом здании, но только предназначено оно для, максимум, поссать.

В Орбите сортир предназначен для полного спектра надобностей.

Вообще оп сортиру можно многое понять об организации.


Сортир в Пьезоприборе.



Сортир в Орбите.



Единственный нормальный сортир на Пьезо есть на этаже директора, но он под кодовым (sic!) замком. В Орбите в сортире есть невероятная вещь: бумага. И её вдоволь.

Еще орбитовцы понимают, что после мытья руки становятся мокрыми.


 

Интуитивная понятность. Пример

Я уже как-то писал про интуитивную понятность, а тут на днях лично увидел что это такое.

Правильный синоним словосочетанию «интуитивно понятный» — «знакомый». Не удобный, не простой, не охуенный, не сексуальный, а просто знакомый.

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

На новый год мы подарили дочке (8 месяцев) детское пианино.




Увидев пианино жена, окончившая семилетнюю музыкальную школу, тут же сыграла простую мелодию.

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





Я моментально понял как взаимодействовать с тумблером для включения и выключения игрушки. Его нужно было двигать вперед назад.




Дочка пыталась подцепить его снизу, как будто он открывался на подобии книги.


Этот пример наглядно демонстрирует как интуитивно понятное одним может быть совершенно не интуитивно и не понятно другим. Все зависит от опыта.



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

Хотите сделать интуитивно понятную виндоус-программу? Поместите меню в окно. Делаете сотовый телефон? Добавьте две кнопки: зеленую для звонка, красную для сброса, и т. д...

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


Интуитивная понятность не может родить ничего нового. Ведь любое отступление от прошлого, создание того, чего еще никогда не было, разрушит её. Если бы фирма Эппл старалась делать интуитивно понятные интерфейсы, Айфон бы никогда не появился. Ведь на нем нет кнопок для звонка и набора номера, это не интуитивно.


Интуитивная понятность — это барахло, которое не способно привести ни к чему хорошему. Употребление этой фразы это либо желание выебнуться, сказав что-то умное, либо констатация дизайнерской импотенции: я сделал так же как у всех, а чё?


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

UPD

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

sadf

Домашка. Ау

Я вот сильно интересуюсь, вы что думали, раз выходные можно халявить? Хуй там. Домашнюю работу никто не отменял.

Сегодня домзадание вам (и еще 6 миллиардам человек) загадывает, внимание, Людвиг Быстроновский. Охуеть!

Людвиг пишет: Разберитесь с графиком с сайта Ау92.



UPD
Перед тем как приступать можно ознакомится с тегом «».


Мое решение
Людвиг, конечно, и не думал вам напоминать, что перед тем как что-то делать нужно вникнуть в тему и понять проблемы. А вы забыли, это печально.

Итак, сабжевая статья знакомит нас с ситуацией на топливном рынке Питера на июнь 2006-го и сообщает о планах игроков рынка на конец года.  Цель статьи — показать кто вообще есть на рынке, показать доли участников и дать возможность сравнить их.

В приведенном графике есть недостаток: он — круговая диаграмма. Отсюда вытекает несколько проблем. Во-первых, АЗС собраны в доли, не удивительно, ведь показать на круговой диаграмме 1 338 значений сложновато. По этой же причине на графиках показаны только 11 крупных игроков, а остальные 41 спрятаны в категорию «Прочее». Во-вторых, сравнивать доли сложно, потому что они размазаны по кругу. О нормальном сравнении текущего состояния с планами вообще речи не идет.

В результате борьбы с описанными недостатками у меня получилось следующее:



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

Мои соображения схожи с мыслями Майи Лин, создательницы Мемориала ветеранов Вьетнама. Имен на мемориале тоже располагаются не в алфавитном порядке, а по времени смерти. Майя сделала так, чтобы, цитирую Яна Скругса и Джоэла Свердло: «...Alphabetical listing would make the Memorial look like telephone book engraved in granite, destroying the sense of unique loss each name carried...»


UPD
Забыл сказать: Благодарю всех участников за участие!

Комментарии скрываются до вечера воскресенья, когда я представлю своё решение и прокомментирую ваши ответы.

Напоминаю, что домашки выходят по пятницам, присылайте свои задания на kolan@ksoftware.ru и, если задание окажется интересным, оно будет опубликовано в одну из пятниц.