Як намалювати набір кнопок ієрархії і виглядати менш образливо, ніж це?


17

Я намагаюся створити набір кнопок, який можна використовувати для переміщення по ієрархічних даних, і це виглядає як свастика. Я не впевнений, як це виправити.

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

На зображенні вище, якщо було вибрано "Панель", і ви натиснете верхню кнопку, воно вибрало б "Анімаційний панель". Якщо ви натиснули ліву кнопку, вона вибрала б "Сценарій". Якщо ви натиснули праву кнопку, нічого не зміниться, оскільки панель є останнім пунктом у списку. Якщо ви виберете нижню кнопку, буде вибрано "EventHandler".

Набір кнопок буде розташовуватися зліва від етикетки. Етикетка та кнопка відображатимуться при виборі елемента. Наприклад, на веб-сторінці може бути список вертикальних або горизонтальних пунктів меню. Набір кнопок і мітка розташовуватимуться над вибраним меню. Потім натисканням кнопки "in" буде вибрано перший пункт меню. Вибір "ліворуч" або "праворуч" переміститься через пункти меню. Сподіваюся, це має сенс.

Будь-які пропозиції, як зробити це менш будь-яким?

Більш докладно для @PremierBromanov:
У тому, як у мене зараз, у мене є 3 мітки підряд, як так "Вгору" "L" "R" "Панель".

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

Я використовую терміни "вгору", "ліворуч" і "праворуч", але "вгору" - це "переміщення з поточного рядка і повернення до попереднього рядка". Ці терміни грунтуються на тому, як він відображається в горизонтальному макеті (хоча у вертикалі це вже не має сенсу).

У XML вони використовують такі терміни, як вузол гілки та вузли листя. Гілка має або може мати листові вузли. Ієрархічні дані також використовують терміни батьківський вузол та дочірні вузли. У такому випадку у вас є предки та нащадки. У вас також є брати і сестри. Вони є дочірніми вузлами, які мають один і той же батьків.

Отже, в останньому випадку у вас може бути батьків, попередній брат, наступний брат та нащадки поточного дочірнього вузла. Ви також можете мати відділення батьків, попередній лівий, наступний лист. У цьому випадку, якщо у листя є листя, це буде гілка. Отже материнська гілка, попередній лист або гілка, наступний лист або гілка, і листя поточної гілки.


1
Спробуйте скористатися двома діагональними стрілками.
Paolo Gibellini

7
Веселий факт: свастика, що стоїть зліва, є насправді символом миру в індуїзмі і його легко використовують на картах для відображення місць культу. Свастика з правого боку - символ зла, але все ще не є образливим у індуїзмі.
Іван Дворак

3
Обидві свастики використовувались як знаки удачі в західній культурі з початку 20 століття ( вікі ). Поки хтось не прийшов і не зіпсував речі.
Вінсент

Чи спробували ви зробити просту систему стрілок ліворуч праворуч вгору? Візуально це може мати більше сенсу, коли ви перейдете структуру файлів, і це було б більше як "+", а не свастика. Вгору і вниз рухалися б від "Панелі" до "Сценарію", а ліворуч і праворуч виходили б і відповідно.
Прем’єр Броманов

1
Це не свастика, у неї відсутні дві ноги, я не думаю, що ви повинні про це турбуватися, лише нацист це помітить, я прочитав заголовок вашого питання, а потім я подивився на ваш набір кнопок, і я не отримав "наступу" (я вважав, що ти мав на увазі це занадто некрасиво: P це не так), я повинен був прочитати ваше запитання, щоб знати, що ви мали на увазі під "наступом", до речі, я вивчав Другу світову війну 10 років тому, навіть так, я не міг помітити свастику
Кайл

Відповіді:


32

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

Можливо, те, що може вам допомогти, - це просто використовувати товсті і вигнуті стрілки, щоб приховати той ефект, який вам не подобається.

Нижче наведено короткий приклад:

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

Приклад стрілки сірого

Приклад відтінків сірого

Стрілки також можуть бути різних кольорів:

приклад синіх стрілок

Приклад синя стрілка велика


2
Я думаю, що вигнуті стрілки працюють добре навіть без зміни кольорів. Приємна ідея +1
Aistis

При невеликих розмірах може бути навіть кращим зробити вигнуті стрілки такого ж кольору, як прямі.
тридцять тридцятиріччя

1

Ви можете розглянути більш простий, "плоский" підхід, використовуючи кнопки, які суто переходять список вгору-вниз, незалежно від того, наскільки глибоко йде ієрархія, і надаючи користувачеві спосіб регулювати швидкість проходу, наприклад, чотири кнопки :

  • [швидше]
  • [вгору]
  • [вниз]
  • [швидше вниз]

"вгору" та "вниз" переходитимуть за окремими пунктами, а кнопки "швидше" переходитимуть від папки до папки.


Чому б Up folderі ні Down folder. І як їх малювати так, як їх задають у питанні?
Менш

Я б спробував Up Folder : подвійний шеврон вгору. Вгору : одиночний «вгору» шеврон. Вниз : одиночний шеврон, спрямований вниз. Папка вниз : подвійний "вниз" шеврон.
Метт Сміт

Гарна ідея. Назовні та ін. Тож я здогадуюсь щось подібне, ^ << >> \ / де "^" та "\ /" зосереджені вище та нижче "<< >>".
1,21 гігаватт

Так, це як відомий шаблон дизайну сторінки, лише вертикальний.
Метт Сміт
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.