x
 
Алексей Шургин
26 ноября 2009

Артём, добрый день.

Почему на artgorbunov.ru курсор над горизонтальным скроллбаром имеет вид «движение во все стороны», а не «движение влево-вправо», хотя крутить можно только в двух направлениях?

Спасибо большое.



Алексей!

Курсоры с двухсторонними стрелками: , , предназначены для изменения размеров окон, панелей и изображений. Как правило, при этом активные области находятся по краям объектов. Поэтому для перемещения использовать такие стрелки непривычно и некорректно.

По стандарту многих программ и систем для перетаскивания содержания окна используется «лапка» . К сожалению, она не предусмотрена стандартами ХТМЛ.

Для перетаскивания объектов служит четырёхсторонняя стрелка: .

Вот такой ход мысли.

Гайдлайны Микрософта по использованию мыши: Мышь и курсоры. МСДН

P. S.

Антон Шеин подсказывает, что на Яндекс-картах лапка подключается указанием внешнего файла курсора.


Поделиться
Отправить

Комментарии

Алексей Матвеев
26 ноября 2009

Артём, мне кажется, в данном случае использовать «четырёхстороннюю стрелку» неразумно. Возьмем, к примеру, Винду: при таскании скроллера курсор не меняется. Насчёт Мака — не уверен, но вроде бы также.

С момента появления скроллера на сайте Бюро, меня не оставляет инстинктивное желание потаскать скроллер вверх-вниз :-)

Александр Цебро
26 ноября 2009

Считаю, что в вебе, как и в «настольных» программах, «лапка» для перетаскивания тоже должна стать стандартом. Как-то нарисовал свой вариант курсора и придумал для него название-неологизм palm down. Выкладываю здесь, пожалуйста, пользуйтесь на здоровье. Файлик курсора в формате .ico где-то затерялся.

Алексей Егоров
26 ноября 2009

Хорошо бы, чтоб к правильному курсору добавились:
— перетаскивание за «тело» полосы
— и появление при наведении по краям полосы кнопок-крутилок на следующий проект.

Олег Фомин
28 ноября 2009

От себя добавлю: если есть возможность, то действительно будет здорово поменять и стандартную стрелку, и «перекрёсток» на «лапку». При работе с тачпадоподобными устройствами это будет очень удобно.

Глеб Арестов
28 ноября 2009

Стандартами ХТМЛ не предусмотрена смена курсора вообще. Зато она предусмотрена средствами сиэсэс.
http://www.w3.org/TR/CSS21/ui.html#cursor-props

Более того, стандарт предусматривает указание собственные курсоров ссылкой. Пример из спецификации:
:link,:visited { cursor: url(example.svg#linkcursor), url(hyper.cur), pointer }
Вот только браузеры не очень всё это поддерживают.

Кроме того, стандарт SVG предусматривает создание курсоров с помощью векторной графики, и вебкит-браузеры вроде даже поддерживают такую возможность. Проверить свой браузер можно тут:
http://www.w3.org/…/20061213/htmlObjectHarness/full-interact-cursor-01-f.html (http://www.w3.org/Graphics/SVG/Test/20061213/htmlObjectHarness/full-interact-cursor-01-f.html)

Андрей Зятиков
13 декабря 2009

http://www.federationtower.ru/tower/
Панорама на сайте Башни федерации прокручивается при помощи двухсторонней стрелки:

Алексей Мельников
13 декабря 2009

В картах Гугла курсор тоже лапкой.

Олег Фомин
31 августа 2016

В фейсбуке используется «лапка» при позиционировании обложки профиля пользователя. А то же самое действие для страницы или группы — четырёхсторонняя стрелка.

У меня четырёхсторонняя стрелка ассоциируется с модальным драг-н-дропом: кликнул по объекту → объект приклеился к курсору → появился крест → перетащил куда надо → кликнул снова. Сейчас модальный драг-н-дроп редкость, а во времена ранних вин-интерфейсов встречался частенько.

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.

12 4 Занимаюсь разработкой интерфейса веб-приложения, в некоторых местах надо показать числовой коэффициент 3 10




Недавно всплыло

Все уже успели заметить, что вы почти во всех пятничных примерах советуете немного поунижаться 12 Правдивость 4 Почему в переписке нельзя использовать «Доброго времени суток»? 2 Как следует поступить дизайнеру, если клиент постоянно вспоминает «нечто очень важное» 7