Как нарисовать набор кнопок иерархии и выглядеть менее оскорбительно, чем он есть?

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

введите описание изображения здесь

На изображении выше, если была выбрана «Панель» и вы нажали верхнюю кнопку, она выбрала бы «Анимированную панель». Если вы нажмете левую кнопку, она выберет «Сценарий». Если вы нажмете правую кнопку, ничего не изменится, так как панель является последним элементом в списке. Если вы выберете нижнюю кнопку, будет выбран «EventHandler».

Набор кнопок будет располагаться слева от метки. Метка и кнопка будут отображаться при выборе элемента. Например, на веб-странице может быть список пунктов вертикального или горизонтального меню. Набор кнопок и метка будут располагаться над выбранным меню. Затем нажатие «in» выберет первый пункт меню. Выбор «влево» или «вправо» будет перемещаться по пунктам меню. Я надеюсь, что в этом есть смысл.

Любые предложения, как сделать это меньше, что бы это ни было?

Подробнее для @PremierBromanov:
у меня сейчас 3 ярлыка подряд, вот так "Вверх" "L" "R" "Панель".

введите описание изображения здесь

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

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

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

Попробуйте использовать две диагональные стрелки.
Забавный факт: свастика, обращенная влево, на самом деле является символом мира в индуизме и охотно используется на картах для обозначения мест отправления культа. Свастика, обращенная вправо, является символом зла, но все же не является оскорбительной в индуизме.
Обе свастики использовались как знаки удачи в западной культуре с начала 20-го века ( вики ). Пока кто-то не пришел и не испортил вещи.
Вы пробовали сделать простую систему со стрелками влево-вправо-вниз? Это может иметь больше смысла визуально, когда вы перемещаетесь по файловой структуре, и это будет больше похоже на «+», а не на свастику. Вверх и вниз будут переходить от «Панели» к «сценарию», а влево и вправо будут выходить и входить соответственно.
@PremierBromanov, как у меня сейчас, у меня есть 3 метки подряд, например, «Вверх», «L», «R», «Панель». Я добавил больше подробностей в пост.
Это не свастика, у него нет двух ног, я не думаю, что вам стоит об этом беспокоиться, это заметит только нацист, я прочитал заголовок вашего вопроса, а затем взглянул на ваш набор кнопок и я не получил «оскорбления» (я думал, что вы имели в виду, что это слишком уродливо: P, это не так), мне пришлось прочитать ваш вопрос, чтобы узнать, что вы имели в виду под «оскорблением», кстати, я изучал Вторую мировую войну вот уже 10 лет и так свастику не разглядеть
Должен ли я переформулировать вопрос так: «Как изменить кнопки пользовательского интерфейса иерархии, чтобы они не выглядели как свастика?»

Ответы (2)

Ваша концепция стрелки и то, для чего вы планируете ее использовать, кажутся подходящими. И судя по тому, что я вижу, у вас все равно не так много места для иконок.

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

Ниже приведен краткий пример:

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

пример стрелки оттенки серого

пример в градациях серого большой

Стрелки также могут быть разного цвета:

пример синие стрелки

пример синяя стрелка большая

Я думаю, что изогнутые стрелки хорошо работают даже без изменения цвета. Хорошая идея +1
При небольших размерах может быть даже предпочтительнее делать изогнутые стрелки того же цвета, что и прямые.

Вы можете рассмотреть более простой, «плоский» подход, используя кнопки, которые просто перемещаются по списку вверх и вниз, независимо от того, насколько глубока иерархия, и предоставляя пользователю возможность регулировать скорость обхода, например, четыре кнопки :

  • [быстрее]
  • [вверх]
  • [вниз]
  • [вниз быстрее]

«вверх» и «вниз» будут перемещаться по элементам, а кнопки «быстрее» будут перемещаться по папкам.

Почему бы Up folderи нет Down folder. И как они должны быть нарисованы, как задано в вопросе?
Я бы попробовал Up Folder : двойной шеврон, направленный вверх. Вверху : одинарный шеврон вверх. Вниз : одиночный шеврон, направленный вниз. Папка вниз : двойной шеврон «вниз».
Хорошая идея. Снаружи и внутри. Итак, я предполагаю что-то вроде ^ << >> \/, где "^" и "\/" центрированы выше и ниже "<< >>".
Да, это как известный шаблон проектирования пагинации, только вертикальный.
Как нарисовать набор кнопок иерархии и выглядеть менее оскорбительно, чем он есть?
СпросиСетьПолитика конфиденциальности1y, 0v