GUI 디자인에 가장 적합한 소프트웨어는 무엇입니까?

저는 Photoshop을 광범위하게 사용했지만 문제는 사진 편집 도구라는 사실입니다. 그림자 및 내부 및 외부 광선 등과 같은 복잡한 효과가 내장되어 있지만 그래픽 인터페이스를 디자인 할 때는 충분하지 않습니다. 예를 들어 편집 가능한 여러 그라디언트를 추가 할 수 없습니다. 그리고 당신이 그것을 위해 설계되지 않았을 때 원하는 효과를 이끌어 내기 위해 도구를 속 여야합니다.

또한 Fireworks를 사용하기 시작했으며 둥근 사각형의 곡선을 계속 변경하는 것과 같은 몇 가지 사항이 있지만 해당 프로그램의 색상 선택기를 사용할 수는 없습니다. mac 색상 선택기에 들어가면 Fireworks에서 색상 프로파일을 올바르게 처리하지 못하기 때문에 색상이 원래 색상과 다릅니다. 이로 인해 색상 조정이 매우 어려워집니다. 그리고 전체적으로 소프트웨어는 시험판 버전처럼 느껴질 것입니다.

그렇다면 누구나 GUI를 만드는 데 어떤 소프트웨어가 권장되는지 궁금합니다. 멋진 그래픽을 만드는 데 필요한 다른 모든 도구와 함께 언제든지 변경, 순서 변경, 이동할 수있는 다양한 편집 가능한 효과를 가질 수있는 소프트웨어가 있어야합니다.

GUI 디자인을위한 범용 "최상의"소프트웨어는 없습니다. 소프트웨어 / 워크 플로 기본 설정에 따라 다릅니다.

포토샵

"다중 편집 가능한 그라디언트"의 의미가 무엇인지 잘 모르겠지만, 수행중인 작업을 아는 경우 Photoshop은 상상할 수있는 모든 GUI를 디자인하는 데 필요한 모든 도구를 제공합니다. "트릭"도구가 필요하지 않습니다.

Photoshop의 이름에도 불구하고 Photoshop은 단순한 사진 편집 / 조작 도구 이상으로 발전했으며 GUI 디자인을 할 수없는 이유가 없습니다. Photoshop은 시중에 판매되는 모든 그래픽 프로그램에서 가장 포괄적 인 래스터 이미지 편집 도구 세트를 제공하며 디지털 페인팅에서 만화 색칠, 일러스트레이션, 웹 및 UI 디자인, 비디오 제작 및 3D 게임 아트 제작, 사진에 이르기까지 모든 용도로 사용됩니다. 법의학.

조정 마스크, 레이어 스타일, 벡터 패스, 스마트 오브젝트, 레이어 구성 요소 등과 같은 기능은 인터페이스 및 심층 기능 세트에 이미 익숙한 사용자를위한 UI 디자인을위한 자연스러운 선택입니다. 또 다른 장점은 Illustrator, Flash Catalyst 및 많은 타사 앱 / 플러그인과 같은 도구와 잘 통합되어 있다는 것입니다.

불꽃

많은 사람들이 웹 디자인을 위해 Fireworks를 특별히 설계했기 때문에 Fireworks를 선호하므로 GUI 디자인을위한 훌륭한 도구이기도합니다. Fireworks는 객체 지향적이고 페이지, 심볼 및 스타일을 지원하므로 UX 디자인 워크 플로우에 적합합니다. 많은 사람들은 또한 Fireworks가 눈금자, 안내선 또는 측정 도구에 의존하지 않고도 픽셀을 완벽하게 제어 할 수 있다는 것을 알고 있습니다.

또한 Fireworks에는 그라디언트 디더링, ASE 견본 및 Photoshop에 비해 타이포그래피 제어 기능이 뛰어난 멋진 기능이 많이 있습니다. Fireworks의 웹 레이어와 Adobe의 Device Central과의 통합을 통해 여러 장치의 프로토 타입을 쉽게 만들 수 있습니다.

일러스트 레이터

UX 디자이너들에게 인기있는 또 다른 앱은 Fireworks와 많은 장점을 공유하는 Illustrator입니다. Fireworks와 마찬가지로 심볼, 고급 객체 스타일, 여러 대지 (페이지와 유사) 및 더 나은 벡터 편집 기능을 지원합니다.

Photoshop, Fireworks, Illustrator 및 InDesign에는 모두 웹에서 와이어 프레임 / 스텐실 키트 및 UX 템플릿을 사용할 수 있지만 Illustrator 및 Fireworks에서는 재사용 가능한 심볼 라이브러리를 지원하므로 모듈 식 UX 디자인이 더 쉽습니다.

Illustrator는 또한 문자 및 단락 스타일을 지원하므로 타이포그래피 디자인 기능이 Photoshop 또는 Fireworks보다 훨씬 뛰어납니다. 또한 Illustrator는 일러스트레이션에 적합하므로 만들려는 아이콘이나 웹 그래픽을 동일한 프로그램에서 만들 수 있습니다.

인디자인

InDesign은 IA, IxD 등에서 매우 인기있는 앱입니다. 그래픽 디자인 기능은 제한적일 수 있지만 페이지, 단락 및 문자 스타일, 스 니펫 및 개체 라이브러리에 대한 지원은 많은 UX 디자인 작업에 이상적입니다. InDesign에는 또한 고급 조판 기능이 있으며 격자 레이아웃을 지원합니다. 이 기능은 InCopy 통합 및 Adobe Digital Publishing Suite와 함께 잡지 용 모바일 앱을 디자인하려는 인쇄 매체 회사에게 자연스럽게 선택됩니다.

그러나 하루가 끝나면 모든 도구에는 강점과 약점이 있습니다. Axure, Balsamiq, OmniGraffle 등과 같은 UX 전용 앱에는 레이아웃 / 와이어 프레임 / 상호 작용 디자인을위한 훌륭한 UX 관련 기능이 많이 있습니다. 그러나 하루가 끝나도 여전히 Photoshop / Fireworks / Illustrator와 같은 그래픽 디자인 도구가 필요한 UI 용 그래픽을 디자인해야합니다.

그렇기 때문에 대부분의 UI 디자인 워크 플로에는 둘 이상의 앱이 포함됩니다. 따라서 UI 설계 프로세스의 단일 부분 (예 : 와이어 프레이밍 또는 UX 라이브러리 구축 또는 프로토 타입 작성)에만 관심이없는 경우 단일 "최상의 소프트웨어"는 없습니다.

연필 은 작고 사용하기 쉬운 GUI 디자인 도구입니다.

Top features:
Built-in stencils for diagraming and prototyping
Multi-page document with background page
Inter-page linkings!
On-screen text editing with rich-text supports
Exporting to HTML, PNG, Openoffice.org document, Word document and PDF.
Undo/redo supports
Installing user-defined stencils and templates
Standard drawing operations: aligning, z-ordering, scaling, rotating...
Cross-platforms
Adding external objects
Personal Collection
Clipart Browser
Object snapping
Sketchy Stencil
And much more...

내가 일하는 곳에서 Indesign을 사용합니다. 우리는 신중한 타이포그래피 스타일로 깔끔한 그리드 기반 레이아웃을 만드는 경향이 있으며 Indesign은 훌륭합니다. 문자, 단락 및 객체 스타일을 잘 제어하여 CSS로 잘 변환되며 프로세스의 어느 시점에서나 이러한 요소를 미세 조정하고보다 일관된 레이아웃을 허용합니다. 그래픽 요소를 내보낼 때 그리 좋지는 않지만 그만한 가치가 있다고 생각합니다.

가장 예상치 못한 GUI 프로토 타이핑 툴 중 하나는 실제로 Keynote입니다. 나는 맹세하는 UI 디자이너들 중 몇 명을 알고 있으며 Keynotopia 는 Keynote를 사용하는 환상적인 리소스입니다. 그것이 효과적으로 사용되는 것을 보지 못했다면 아마 그것을 믿지 않았을 지 모르지만 꽤 잘 작동합니다. Mac을 사용 중이라면 사용해보십시오!

Pidoco 에서 일하고 있습니다.

프로토 타이핑 툴을 사용하면 웹 사이트, 모바일 앱 또는 소프트웨어 용 프로토 타입을 개발할 수 있습니다. AppStore 및 Google Play 의 무료 Pidoco 앱을 사용하여 데스크탑, 스마트 폰 또는 태블릿에서 직접 모형을 시뮬레이션 할 수 있습니다 .

주요 기능은 다음과 같습니다.

• 실시간 협업
• HTML, PDF, Word, PNG, SVG로 내보내기
• 많은 스텐실
• 템플릿
• 맞춤형 스텐실
• SaaS는 모든 브라우저에서 사용할 수 있습니다