WPF 디자이너 : 디자인 프로세스는 무엇입니까?

Question

이 질문을 완전히 다시 할 것입니다. 그래서 이것은 하나의 큰 편집입니다

저는 WPF 전문가들로부터 그들의 디자인 과정에 대한 약간의 피드백을 찾고있었습니다. 예를 들어 웹 사이트를 디자인 할 때 HTML, CSS, JavaScript를 작성하기 전에 Photoshop에서 인터페이스를 디자인하므로 클라이언트에게 사이트의 모양을 보여줄 수 있습니다. 모든 코드를 작성하기 전에 스타일, 색 구성표, 대부분의 타사 그래픽 (대부분)은 아닙니다. 클라이언트가 디자인을 승인하고 나면 건물을 시작합니다.

WPF 데스크톱 응용 프로그램을 설계 할 때 무엇이 ​​해당되는지 궁금합니다. 인터페이스를 디자인 할 시간이되면, 색 구성표를 선택하고 단추 스타일을 선택하고 그 안에 들어갈 수있는 이미지를 선택하십시오. 먼저 모형을 만드는 것이 일반적입니까? 단순히 그래픽을 만들 때와 마찬가지로 즉시 모든 그래픽을 만들 수 있습니까? 또는 단순히 테마/스킨을 온라인으로 찾고 앱에서 사용하는 것이 더 일반적입니까?

다시 한 번 올바른 대답이 없다는 것을 알고 있습니다. 나는 여러분 모두의 의견을 듣고 자했습니다.

감사합니다.

p.s. - Expression Blend 4가 ​​있습니다. 디자인보기를 Blend로 사용하지 않고 XAML을 작성하는 것이 좋습니다. 내 질문은 WPF 응용 프로그램을 빌드하는 데 사용해야하는 도구가 아니라 디자인 프로세스에 관한 것입니다.

Answer 1

나중에 벡터 애셋을 가져올 수 있으므로 Illustrator에서 화면과 에셋을 사용하는 것이 좋습니다. 그러나 기적은 없습니다. Blend는 반드시 시각적 인 것들 (특히 애니메이션과 스크린 비헤이비어)을 수행하는 도구입니다.(당신이 원하는 경우 또는 Visio) 일러스트 레이터에 일러스트 레이터

"자산위원회"에

와이어 프레임 및 복합 (모든 무엇을

• 기능 요구 사항과 정보 아키텍처 FreeMind에 : 여기
  내 지금까지 방법입니다
• 이미지 라이브러리 만들기 (웹과 유사, PNG 용으로 기본 설정)
• Resue 만들기 rce 사전 (CSS와 같은) : 스타일 (특히.

Sketchflow를 사용하여 개념 증명 또는 기본 대화 형 모형을 블렌드로 조롱 할 수도 있습니다. 나는 이것에 익숙하지 않지만 그것이 유용 할 수 있다고 들었다.

일러스트 레이터는 물론 Photoshop으로 대체 될 수 있습니다. Illustrator는 XAML을 만들 때 염두에 두어야 할 것입니다. 그래픽 스타일 및 심볼 도구가 동등한 XAML 애셋으로 간주 될 수 있습니다. 그런 다음 제작 방법을 더 잘 알 수 있습니다.

Answer 2

Microsoft Visio를 사용하여 Xaml 코딩을 수행하기 전에 레이아웃을 수행하고 UI 승인을 받았습니다. 당신이 Photoshop을 정말 잘하는다면 Photoshop보다 훨씬 뛰어나다 고 생각하지 않습니다. Photoshop을 잘 사용하지 않는 사람들을 위해 Visio는 일을 정렬하고 색상 스타일을 적용 할 수있는 많은 도구를 보유하고 있습니다. 한 사람이 많은 주식 개체를 만들고 파일을 열어 모든 사람이 UI 모형은 일관성있게 보입니다.

이제 재미있는 점은 Xaml 편집기를 사용하는 것이 좋기 때문에 Visio를 사용하는 것보다 더 빨리 찾을 수 있습니다. :-)

Answer 3

WPF 응용 프로그램의 경우 인터페이스를 디자인하기 위해 Blend를 사용하는 것이 가장 좋으며, Blend에서 VSAM으로 xaml을 직접 다시 사용할 수 있으므로 재 작업이 필요하지 않습니다. Blend에서 전문 지식을 가진 디자이너는 너무 많습니다 (Photoshop 등과 비교하여). 그래서 현재 WPF 세계에서 (웹처럼) 디자인 과정이 그다지 많이 따르지 않습니다. 다른 디자인 도구를 사용하여 잘하고, 당신은 다른 형식의 XAML을 생성하기위한 이러한 도구를 평가할 수를 (포토샵 등) 사용하려는 경우

-

Visio Export to XAML 추가 기능 Visio 2007을 사용하여 XAML 을 직접 만들 수 있습니다.

XAML Tune – Convert SVG# to XAML 당신이 XAML 파일에 SVG 파일을 변환 할 수 있도록하는 무료 도구입니다. 디자인 및 코드 통합을 향상시키기 위해 XAML 변환 을 자동화합니다.

Adobe Illustrator Export to XAML 무료로 사용할 수 플러그인 WPF/XAML 형식으로 수출 어도비 일러스트 레이터의 작품에 대한 WPF와 실버 라이트 호환 XAML을

Adobe Illustrator to XAML Export C# Script 스크립트를 내보낼 어도비 일러스트 레이터를 할 수 있습니다. 스크립트는 Illustrator CS2 COM 유형 라이브러리를 사용하여 C#/.Net 2.0으로 작성되었습니다. Illustrator에서는 스크립트로 처리되지만 독립 실행 형 응용 프로그램 인 이기도합니다.

Adobe Fireworks Export to XAML Infragistics의 불꽃 놀이 에 XAML 수출은 허용하는 불꽃 놀이 확장 당신 쉽게 윈도우 프리젠 테이션 파운데이션 (WPF)에 도입 된 새로운 XAML 형식 어도비 불꽃 놀이에서 만든 변환 작품입니다. 의 경우 Fireworks에서 만든 아트 워크 라이브러리 (예 : Infragistics Visual Design Group)의 경우 환영받는 뉴스입니다. 은 새로운 WPF 응용 프로그램에서 이전 삽화, 채우기 및 레이아웃을 다시 사용할 수 있습니다. XAML에 포토샵 .PSD 파일을 변환

Adobe Photoshop Export to XAML 단순, 무료, 오픈 소스 도구 . 또한 제한된 SWF 을 XAML로 변환 할 수 있습니다. XAML

SVG Export to XAML XAML 파일에 변환 SVG 파일에 당신을 허용하는 또 다른 무료 도구로 어도비/매크로 미디어 플래시 파일을 변환

Adobe Flash Export to XAML 무료 도구입니다. 에서 촬영

-http://www.realsoftwaredevelopment.com/the-complete-list-of-xaml-tools/

Answer 4

실물 모형은 좋은 생각이 아니다 : 나는 당신도 적당히 복잡 아무것도 당신이 당신의 고객이 행복하기를 원하는 경우가 필수라고 생각. 두 가지 방법 모두 성공했습니다.

1) 이제는 Expression Blend의 일부인 Sketchflow를 사용하여 상호 작용 데모를 만듭니다. Blend의 힘을 모두 가지고 있지만 빠른 프로토 타이핑 환경에 있습니다. 그런 다음 전체 프로젝트를 작성하여 고객에게 보내 검토 할 수 있습니다. 프로젝트가 매우 상호 작용하는 경우이 방법이 좋습니다. Check out these videos Sketchflow의 충돌 코스.

2) Photoshop 컴프레서를 가져 와서 직접 블렌드로 가져옵니다. 나는 akjoshi 언급 도구 중 일부와 그것을 비교하지 못했지만 확실히 작동합니다. 핵심은 각 화면을 조각으로 잘라내어 가져 오는 것입니다. 그런 다음 들어오는 각 조각을 조정하여 리소스 등으로 바꿀 수 있습니다.