계층 구조 버튼 세트를 그리는 방법보다 덜 공격적으로 보이는 방법은 무엇입니까?


17

계층 적 데이터를 이동하는 데 사용할 수있는 버튼 세트를 만들려고하는데 만자처럼 보입니다. 수정 방법을 잘 모르겠습니다.

여기에 이미지 설명을 입력하십시오

위의 이미지에서 "Panel"을 선택한 경우 상단 버튼을 누르면 "AnimatedPanel"이 선택됩니다. 왼쪽 버튼을 클릭하면 "스크립트"가 선택됩니다. 오른쪽 버튼을 클릭하면 패널이 목록의 마지막 항목이므로 아무 것도 변경되지 않습니다. 하단 버튼을 선택하면 "EventHandler"가 선택됩니다.

버튼 세트는 라벨 왼쪽에 있습니다. 항목을 선택하면 레이블과 버튼이 표시됩니다. 예를 들어, 웹 페이지에는 세로 또는 가로 메뉴 항목 목록이있을 수 있습니다. 버튼 세트와 레이블은 선택한 메뉴 위에 있습니다. 그런 다음 "in"을 누르면 첫 번째 메뉴 항목이 선택됩니다. "왼쪽"또는 "오른쪽"을 선택하면 메뉴 항목 사이를 이동합니다. 나는 그것이 의미가 있기를 바랍니다.

그것이 무엇이든 이것을 덜 만드는 방법에 대한 제안이 있으십니까?

@PremierBromanov에 대한 자세한 내용 :
지금 가지고있는 방법으로 "Up" "L" "R" "Panel"과 같이 3 개의 레이블이 모두 연속으로 있습니다.

여기에 이미지 설명을 입력하십시오

"위", "왼쪽"및 "오른쪽"이라는 용어를 사용하고 있지만 "위"는 실제로 "현재 행에서 벗어나 이전 행으로 돌아갑니다"입니다. 이러한 용어는 레이아웃이 가로와 같이 수평으로 표시되는 방식을 느슨하게 기반으로합니다 (수직에서는 더 이상 의미가 없지만).

XML에서는 분기 노드 및 리프 노드와 같은 용어를 사용합니다. 분기에는 리프 노드가 있거나있을 수 있습니다. 계층 적 데이터는 상위 노드 및 하위 노드라는 용어도 사용합니다. 이 경우 조상과 후손이 있습니다. 형제 자매도 있습니다. 이들은 동일한 부모를 공유하는 자식 노드입니다.

따라서 마지막 경우 현재 자식 노드의 부모, 이전 형제, 다음 형제 및 자손을 가질 수 있습니다. 이전 왼쪽, 다음 리프에 상위 브랜치를 가질 수도 있습니다. 이 경우 잎에 잎이 있으면 가지가됩니다. 따라서 부모 분기, 이전 리프 또는 분기, 다음 리프 또는 분기 및 현재 분기의 나뭇잎.


1
두 개의 대각선 화살표를 사용해보십시오.
Paolo Gibellini

7
재미있는 사실 : 왼쪽 만자면은 실제로 힌두교에서 평화의 상징이며 예배 장소를 나타 내기 위해지도에서 쉽게 사용되고 있습니다. 오른쪽 만자면은 악의 상징이지만 여전히 힌두교에서는 공격적이지 않습니다.
John Dvorak

3
두 만자문은 20 세기 초부터 서구 문화에서 행운의 표시로 사용되었습니다 ( wiki ). 누군가가 와서 좀 망쳐 질 때까지
Vincent

간단한 왼쪽 위 아래 화살표 시스템을 만들어 보셨습니까? 파일 구조를 탐색 할 때 시각적으로 더 의미가있을 수 있으며 만자 모양이 아니라 "+"와 비슷합니다. 위와 아래는 "패널"에서 "스크립트"로 움직이고 왼쪽과 오른쪽은 각각 나가고 들어가게됩니다.
프리미어 Bromanov

1
만자문이 아니고 다리가 두 개가 없어서 걱정할 필요가 없다고 생각합니다. 나치만이 그것을 알아낼 것입니다. 질문 제목을 읽은 다음 버튼 세트를 보았습니다. "공세"를 얻지 못했습니다 (당신이 너무 추악한 것을 의미한다고 생각했습니다 : P 그렇지 않습니다), 나는 당신이 WW2를 공부하는 방식으로 "공세"의 의미를 알기 위해 질문을 읽어야했습니다. 지금도 10 년 동안 만해도 만자를 발견 할 수 없었습니다
Kyle

답변:


32

당신의 화살표 개념과 당신이 그것을 사용하려는 계획이 적절 해 보입니다. 그리고 내가 볼 수 있듯이 어쨌든 아이콘을위한 공간이 충분하지 않은 것 같습니다.

어쩌면 도움이 될 수있는 것은 단순히 두껍고 곡선이있는 화살표를 사용하여 원하지 않는 효과를 숨기는 것입니다.

아래는 간단한 예입니다.

작은 크기의 화살표를 원하는대로 설정하고 선명하게 조정해야 할 수도 있습니다. 그것은 당신과 같은 개념이지만 다른 화살표입니다.

예를 들어 회색조

그레이 스케일 큰 예

화살표는 다른 색상이 될 수도 있습니다.

파란색 화살표 예

파란색 화살표 예


2
곡선 화살표는 색상을 변경하지 않아도 잘 작동한다고 생각합니다. 좋은 생각 +1
Aistis

작은 크기에서는 곡선 화살표를 직선 화살표와 같은 색으로 만드는 것이 더 좋습니다.
thirtythreeforty

1

계층 구조의 깊이에 관계없이 목록을 순회 적으로 순회하는 버튼을 사용하고 사용자가 순회 속도 (예 : 4 개의 버튼)를 조정할 수있는 방법을 제공하는보다 간단한 "평평한"접근 방식을 고려할 수 있습니다. :

  • [더 빠르게]
  • [쪽으로]
  • [내려가는]
  • [더 빠르게]

"위로"및 "아래로"는 항목별로 이동하고 "빠른"단추는 폴더 간을 이동합니다.


Up folderDown folder. 그리고 질문에 따라 어떻게 그려야합니까?
Mensch

나는 시도 할 것 업 폴더 : 더블 쉐브론 가리키는. : 단일 '위'갈매기 형. 아래로 : 단일 갈매기 형이 아래쪽을 가리 킵니다. 다운 폴더 : 더블 '다운'셰브론.
Matt Smith

좋은 생각. "^"과 "\ /"는 "<< >>"의 위와 아래에 위치합니다. ^ << >> \ /
1.21 기가 와트

예, 잘 알려진 페이지 매김 디자인 패턴과 같으며 수직입니다.
Matt Smith
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.