Adobe Muse를 사용하면 코드를 몰라도 웹 사이트를 디자인할 수 있습니다.

그것이 반드시 좋은 일입니까?

어도비 벽돌 InDesign, Illustrator 및 Photoshop과 같은 프로그램을 만들어 지구상의 거의 모든 그래픽 디자이너가 여러분이 지금까지 본 거의 모든 시각적 콘텐츠를 만들 수 있도록 합니다. 당연히 그들의 빵과 버터는 그래픽 디자이너를 행복하게 만들고 있습니다. 그래서 그들의 최신 제품은 뮤즈 신 , 웹사이트 제작을 위한 매우 단순화되고 그래픽 중심의 도구로서 디자이너, 특히 더 많은 웹 기반 프로젝트를 맡게 된 보다 전통적인 매체에서 작업하는 디자이너의 삶을 훨씬 더 쉽게 만들기를 희망합니다.



Muse의 가장 큰 장점은 디자이너가 인터넷 디자인의 장벽을 뛰어넘기 위해 HTML, CSS 또는 Javascript와 같은 코드(또는 마크업 언어)를 배울 필요가 없다는 것입니다. Muse의 엔지니어링 디렉터인 Joe Shankar는 소개 비디오에서 '우리는 그래픽 디자이너를 위해 웹사이트를 구축하는 방식을 바꿀 것입니다.

일부 디자인 회사의 경우 코드 학습은 보너스가 아니라 필수입니다.



Abobe의 InDesign과 매우 유사한 인터페이스를 사용하여 디자이너는 웹 사이트를 온라인에 게시하는 데 필요한 HTML 코드를 생성하는 일련의 동적 문서로 빠르고 쉽게 만들 수 있습니다. 집단 탐색 모음 및 풀다운 메뉴와 같은(일반적으로 복잡한 Javascript 기능)은 페이지로 끌어다 놓을 수 있는 일련의 위젯으로 포함됩니다. 기술적 성취로서, 그것은 매우 인상적입니다. HTML과 CSS를 어느 정도 알고 있지만 자신이 유창하다고 생각하지 않는 그래픽 디자이너 Brian W. Jones는 튜토리얼을 완료했습니다 그리고 건설 튜토리얼 웹사이트 약 3시간 후에. 디자이너가 마크업을 이해하는 것이 여전히 중요하다고 Jones는 말합니다. 그러나 나는 이것이 엄청난 잠재력을 가지고 있다고 생각합니다. 내 일부 소규모 비즈니스 고객에게는 그것이 그 자리를 차지한다고 생각합니다. Jones는 Muse와 함께 자신의 웹사이트를 다시 디자인할 계획입니다.



Muse를 통해 디자이너는 각 웹사이트 페이지에 대해 쉽게 편집할 수 있는 템플릿을 만들 수 있습니다.

Muse를 사용하면 아름다운 인쇄 레이아웃을 만드는 데 능숙한 디자이너가 자신의 작업을 간단하고 완벽하게 작동하는 웹 사이트로 쉽게 전환할 수 있다는 것을 쉽게 알 수 있습니다. 하지만 시간을 들여 디자인하는 방법을 배운 디자이너들에게는 그리고 비디오에서 Adobe 엔지니어 Jason Prozora-Plein이 말한 그룹은 매우 작습니다. 그들은 Muse가 웹에서 또는 웹 근처에서 작업하는 모든 사람에게 필수 통과 의례라고 생각하는 것에 대한 지름길을 제공하고 있다는 사실에 좌절합니다. .

좋은 마크업은 좋은 디자인의 기본 요소입니다. 내부도 아름답고 외부도 아름답습니다. 프랭크 키메로 , 훌륭한 게시물을 작성한 독립 디자이너이자 일러스트레이터 코드에 대한 논쟁 . 웹이 경험적 매체라는 것을 깨닫는 것이 중요합니다. 4D: 사용자가 작업과 상호 작용함에 따라 시간이 지남에 따라 변화가 있습니다. 사이트의 스틸 이미지는 좋지 않습니다. 마치 영화의 스틸컷이 영화를 보는 느낌을 희미하게만 느끼게 하는 것과 같습니다.



일부 디자인 회사의 경우 코드 학습은 보너스가 아니라 필수입니다. 랜디 제이 헌트 , 크리에이티브 디렉터 엣시닷컴 , 코드 작성 방법을 모르는 그래픽 디자이너는 기본 직업이 아니더라도 고용하지 않습니다. 매체를 이해하는 것입니다. 웹사이트를 만들거나 인터랙티브한 제품을 만들려는 디자이너는 작업하는 움직이는 부분을 이해해야 합니다. 사실, 그들은 그것들을 만들 수 있어야 합니다. 조작할 수 있다는 것은 매체에서 실제로 디자인 결정을 내릴 수 있음을 의미합니다.

Muse는 Adobe 프로그램 InDesign을 사용해 본 사람이라면 누구에게나 친숙한 인터페이스와 도구 모음을 사용합니다.

WYSIWYG(보이는 대로 얻는 것) 웹 디자인 도구에 대한 Adobe의 마지막 시도는 드림위버 , Adobe는 2005년 Macromedia에서 인수했습니다. 코드와 이미지 사이를 전환하는 인터페이스를 갖춘 Dreamweaver는 Web 1.0 디자이너의 사랑을 받았지만 생성된 코드 때문에 비판을 받았습니다. 디자이너가 손으로 할 수있는 것만큼 좋지 않았습니다. - 특히 그럴 때 웹 표준 , 브라우저와 장치 전반에 걸쳐 콘텐츠를 유연하고 규정에 맞게 만들기 위한 움직임입니다. Dreamweaver는 개선되었지만 이제 코드가 완전히 숨겨져 있는 Muse는 한 발 물러난 것처럼 보입니다. 웹 표준의 챔피언 중 하나인 디자인 전문가 제프리 젤드만 , 레이아웃을 쉽게 만들 수 있는 Muse를 좋아하지만 더 나은 인터넷에 대한 그의 간청에는 여전히 응답하지 않습니다. 소프트웨어는 검색 엔진 친화적이고 접근성 친화적이며 데스크톱과 모바일 간에 이식 가능한 HTML을 생성할 수 없다고 그는 말합니다. 시맨틱 마크업, 반응형 및 적응형 웹 레이아웃, 모바일 사용자 인터페이스를 이해하는 웹 디자인 전문가만이 그렇게 할 수 있습니다.



그러나 Muse는 클라이언트 및 개발자와 상호 작용하는 방식으로 코드를 배우는 데 익숙하지 않거나 시간이 없는 디자이너에게 더 큰 목적을 제공할 수 있습니다. 존 모어필드 , 새 사이트에서 작업 중인 건축가는 Muse를 사용하여 프로젝트에 참여하는 투자자 및 다른 사람들과 공유할 수 있는 웹 사이트에 대한 면밀한 평가를 만들었습니다. 와이어프레임 Photoshop 모형보다 훨씬 빠르게 생성하고 반복할 수 있습니다. 이 도구를 사용하면 누군가로부터 피드백을 받고, 변경하고, 링크를 보내고, 볼 수 있습니다. Morefield는 그가 매체에서 작업하기 때문에 스케치나 슬라이드 데크보다 자신의 아이디어를 더 명확하게 표현할 수 있다고 말합니다. 그것이야말로 이것이 들어가야 할 틈새라고 생각합니다. 그는 Muse에 대해 말합니다. 그렇게 하면 창의적이지만 코드 지향적이지 않은 공동 창립자로서 프로젝트의 사전 출시 단계에서 실제로 유용한 작업을 생성할 수 있습니다. 나중에 그는 프로토타입을 웹 개발자에게 전달할 계획입니다. 웹 개발자는 웹 개발자가 자신이 만든 것을 다시 만들 수 있고 잠재적인 버그를 수정할 수 있다고 말합니다.

Morefield는 스케치보다 자신의 아이디어를 더 명확하게 표현할 수 있다고 말합니다.

나만의 웹사이트를 만들면서 인터넷 서비스를 하게 된 비디자이너로서 뮤즈의 매력을 알 수 있다. 나는 스스로 (매우 기본적인) HTML과 CSS를 배워 워드프레스 템플릿을 내 마음대로 커스터마이징했지만, 확실히 Muse의 튜토리얼 사이트 내 현재 기술로. 물론, 나는 내 사이트가 더 멋지게 보이기를 원합니다. 그러나 동시에 모든 코드 조각이 최종 제품에 어떤 영향을 미치는지 알고 싶습니다. 내 사이트에서 문제가 발생한 이유와 해결 방법을 알고 싶습니다. 그리고 다음과 같은 리소스로 코드 아카데미 , HTML과 같은 학습을 위한 일련의 무료 온라인 자습서 및 재미있는 비디오 시리즈 인터넷을 두려워하지 마십시오 , 디자이너든 비디자이너든 누구나 최소한 배우려고 하지 않을 이유가 없습니다.

Adobe Muse 자습서를 사용하여 만든 가상의 Katie's Cafe 웹 사이트

결혼식 웹사이트나 소규모 비즈니스 페이지와 같이 자주 업데이트하거나 변경할 필요가 없는 정적인 이미지 기반 사이트를 만들고자 하는 사람에게는 Muse가 적합할 수 있습니다. 이것이 바로 Adobe가 첫 해에 Muse를 무료로 만드는 것이 현명한 이유입니다. Muse는 비디자이너나 아마추어 디자이너를 유혹하여 자신의 웹사이트를 구축하고 비용을 청구할 것이기 때문입니다. 월 구독료 시작될 때. 그러나 콘텐츠 관리 시스템에 연결할 방법이 없기 때문에 블로그 구성 요소와 같은 기능(내 생각에는 꽤 중요함)이 있는 동적 대화형 웹 사이트를 꿈꾸는 사람에게는 별로 쓸모가 없습니다. Muse는 디자이너를 위해 만들어졌지만 인쇄 디자이너를 성공적인 웹 디자인 경력으로 끌어올리지는 못할 것입니다. 고객이 원하는 기능이기 때문입니다. Muse는 일부 사람들이 웹사이트를 만드는 데 도움이 될 것이라고 Zeldman은 말합니다. 그러나 자동 반주가 음악가를 대체할 수 있는 것처럼 유능한 전문 프론트 엔드 디자이너의 기술을 대체할 수는 없습니다.

[위 이미지: 스틸컷 비디오 라디오헤드의 경우 카드의 집 ]