이 사이트를 관리하는 즐거움 중 하나는 "내 뮤즈를 따라 가라"는 것입니다. 내 말은, 내가주의를 끄는 많은 소프트웨어를 가지고 노는 것을 의미한다. 일부는 훌륭합니다. 일부는 괜찮습니다. 일부는 "Computer Rocket Scientry"에서 학위를 수여해야하며, 일부는 해독하기가 쉽지 않습니다. 그러면 "Category Pioneer"범주에 속하는 소프트웨어가 있습니다. 이들은 디자이너를위한 완전히 새로운 창작 도구를 만드는 응용 프로그램입니다. 예를 들어, MacroMind의 MacDraw, MacPaint 및 GraphicWorks는 80 년대 후반에 등장했으며 오늘 Photoshop 및 Affinity Photo로 직선을 설정했습니다. SiteMill 및 PageMill과 같은 웹 디자인을위한 비주얼 에디터는 90 년대 중반에 등장했으며 직선은 Dreamweaver 및 Adobe Muse로 연결됩니다. Mobirise는이 카테고리에 합류 할 가능성이 있습니다.
우리가 Responsive Web Design과 "Mobile First"웹 디자인 세계로 계속 나아가 자 많은 웹 개발자들은 Foundation and Bootstrap 3과 같은 프레임 워크를 광범위하게 사용하여 완전히 반응하는 웹 사이트를 만들었습니다. 나는 이것들이 극도로 강력한 프레임 워크라는 것을 인정해야하지만, HTML, CSS 및 JavaScript에 대한 실무 지식은 여러분의 삶을 더 쉽게 만들어 줄 것입니다.
모비 리즈 (Mobirise)는 반대 방향으로 가고 있습니다. 그래서 나는 이것을 "카테고리 개척자 (Category Pioneer)"라고 생각합니다. 많은면에서 부트 스트랩 3 용 비주얼 GUI (Visual Graphical User Interface)로 간주 될 수 있으며, 오늘날의 웹 디자인 환경에서 흔히 볼 수있는 Rapid Prototyping 및 Constant Iteration 워크 플로우를 수용하는 코드 도전자 또는 사용자의 경우 Mobrise 그 목적을위한 "go-to"도구가 될 잠재력이 있습니다.
Mobirise에 대해 모두 흥분하기 전에 다음 사항에 유의하십시오.
- 응용 프로그램이 공개 베타에 있습니다.
- 아직 기능 집합에서 조금 제한되어 있습니다.
- 아직 해결해야 할 버그가 있습니다.
당신이 정말로 사본을 다운로드하고 그것을 시도해야한다고 말했지.
Mobirise는 Mac 및 PC 버전으로 제공되며 설치 프로그램은 Mobrise 홈 페이지에서 바로 사용할 수 있습니다.
애플리케이션을 처음 실행하면 창을 최대화하고 오른쪽 하단의 + 버튼을 클릭하여 인터페이스를 엽니 다.
인터페이스가 열리면 블록 패널이 나타납니다. 블록은 Jumbotron, Hero units, Buttons 등과 같은 Bootstrap에있는 구성 요소로 간주 될 수있는 "끌어서 놓기"요소입니다. 블록을 페이지로 드래그하면 완전히 사용자 정의 할 수 있습니다. 위의 예에서 헤더 블록의 이미지를 내 머리글로 바꿨고 본문의 텍스트가 변경되었으며 로고가 Menu 블록으로 변경되었으며 메뉴 항목의 색상과 텍스트가 변경되었습니다.
블록의 매개 변수를 수정하는 작업 또한 간단합니다. 블록을 롤오버하면 블록에 세 개의 아이콘이 나타납니다. 아이콘을 사용하면 블록을 페이지의 새 위치로 이동하거나 블록을 삭제하거나 기어 아이콘을 클릭하면 해당 블록에 대한 매개 변수 패널을 열 수 있습니다. 예를 들어 동영상 플레이어가 포함 된 미디어 블록을 추가하면 매개 변수 패널에 YouTube 또는 Vimeo 비디오의 URL을 입력하라는 메시지가 표시됩니다. 동영상을 자동 재생하거나 반복 할 것인지 또는 전체 화면 배경 비디오로 처리할지 여부를 묻습니다 .
페이지 상단에는 모바일, 태블릿 및 데스크톱 아이콘이 있습니다. 그 중 하나를 클릭하면 디자인 화면이 해당 뷰포트로 축소됩니다. 왼쪽에있는 미리보기 버튼을 누르면 기본 브라우저에서 프로젝트가 열립니다. 게시 버튼을 클릭하면 파일을 로컬로 저장할지, FTP 서버에 업로드할지 또는 Google 드라이브에 업로드할지 묻는 메시지가 표시됩니다.
왼쪽에서 Index.html 메뉴를 마우스로 가리키면 페이지 패널이 열립니다. 여기서 새 페이지를 추가하거나 기존 페이지를 복제 할 수 있습니다. 패널 하단에서 새 프로젝트 또는 기존 프로젝트를 열 수 있습니다.
이 응용 프로그램이 매우 새롭다는 사실 때문에 2015 년 5 월에 시장에 선 보이게되었습니다. 공개 베타에서는 실제로 관심이 필요한 응용 프로그램이 있습니다. 상위 3 개의 기능 요청에는 다음이 포함됩니다.
- 블록의 크기를 조정하고 재배치하는 기능. 현재 그들은 서로의 위에 쌓아 놓을 수 있고 서로 옆에 놓을 수는 없습니다. Parallax 스크롤은 괜찮지 만, 정적 페이지에서는 그리드를 사용하여 예를 들어 데스크탑에서 Tablet 뷰포트로 이동하는 것이 중요 할 때 블록을 재배치하고 크기를 조정할 수 있습니다.
- 그래픽 크기를 조정할 수 있습니다. 위의 예에서 로고가 너무 작아서 로고를 더 크게 만들 수 없습니다.
- SVG 그래픽을 추가하는 기능. jpg 및 png 그래픽을 추가 할 수 있지만 상단의 로고와 같은 것들은 Illustrator에서 SVG로 간단하고 쉽게 변환 할 수 있으므로 파일 크기를 더 작게 유지할 수 있습니다. 불행히도 Mobirise에서는 사용할 수 없습니다.
결론
새로운 점 때문에이 제품에 어떤 종류의 등급을 지정하는 것은 대단히 불공평합니다. 아주 멋진 기능들로 진행중입니다. 직관적이고 사용하기 쉬운 인터페이스가 마음에 든다. 더 중요한 점은 Category Pioneer로서 Mobirise는 코드 기반을 익히고 일반적인 레이아웃 드래그를 사용하지 않고도 그래픽 전문가, 애호가 및 웹 디자이너가 Bootstrap 3 프레임 워크에 액세스 할 수 있다는 약속을 한 제품 중 하나입니다 - 및 - 교장을 삭제하십시오. 말하자면, Mobirise가 견인력을 얻는다면, 나는 그것이 코드 편집자를 열어 일하러가는 첫 걸음이 될 것으로 생각합니다.
또한 베타 프로세스 전반에 걸쳐 언급되어야 할 몇 가지 인터페이스 "딸꾹질"과 제품에 구멍이 있습니다.
그 동안에는 앱을 설치하고 그 앱으로 놀아 볼 것을 권합니다. "프로덕션 준비"가 아닐지 모르지만, 잡는다면 Mobirise는 가장 중요한 프레임 워크를위한 많은 비주얼 에디터가 될 첫 번째 작품이 될 것입니다.