개념적 웹 사이트 디자인 도구

Question

시각적으로 만족스러운 웹 사이트 사이트 맵 또는 개념적 웹 사이트의 다이어그램을 생성하는 도구는 무엇입니까?

우리는 고객에게 멋진 다이어그램을 보여주고 싶지만 시작해야 할 위치는 확실하지 않습니다. — 우리는 디자이너가 아닌 모든 코더입니다.

Visio 셰이프 또는 스텐실은 꽤 오래되었습니다. 업계의 다른 사람들이 사용하는 도구는 무엇입니까?

Answer 1

Visio와 같은 범주에 속하지는 않지만 Balsamiq에서 제공하는 와이어 프레임 도구의 엄청난 팬입니다. 와이어 프레임 (Visio와 같은 사이트 맵 도구 외에도 유용합니다) 주제에 대해 Smashing Magazine은 최근 와이어 프레임 리소스에 대한 훌륭한 기사를 보유했습니다.

Answer 2

일러스트 레이터를 사용하여 매우 원시 웹 페이지 레이아웃 이미지의 기본 상자를 그립니다. 이전에는 포토샵을 사용하여 시각적으로 복잡한 웹 사이트를 만들었습니다. 이제 포토샵 무대를 건너 뛰고 곧바로 코드로 이동합니다.

인터페이스를 신속하게 구축하기 위해 blueprint (http://www.blueprintcss.org/)라는 CSS 프레임 워크를 사용합니다. 그리드 시스템, CSS 리셋, 타이포 그라피 및 양식 등이 포함됩니다.

마인드 매핑 소프트웨어를 사용하여 사이트 맵을 그릴 수 있습니다. 나는 옴니 그라프 (나는 맥에서 작동)를 사용한다. 잘 작동한다.

Answer 3

Microsoft SketchFlow

http://www.microsoft.com/expression/products/Sketchflow_Overview.aspx

alt text http://www.microsoft.com/expression/media/sfSketch.jpg

alt text http://www.microsoft.com/expression/media/sfMap.jpg

alt text http://www.microsoft.com/expression/media/sfFeedback.jpg