이름만으로도 설명이 필요합니다. Pattern Lab은 Dave Olsen과 Brad Frost가 개념화하고 개발한 패턴 기반 디자인 도구입니다. 이는 사용 가능한 템플릿을 형성하기 위해 더 병합될 수 있는 더 크고 재사용 가능한 구성 요소(예: 분자 및 유기체)를 구성하기 위해 디자인을 결합하기 전에 디자인을 가장 작은 부분(원자)으로 분해해야 함을 제안하는 Atomic Design의 개념에서 영감을 받았습니다 디자인외주.
Pattern Lab은 다양한 UI 구성 요소를 함께 연결하는 핵심 정적 사이트 생성기에 가깝지만 다른 여러 측면에서도 서비스를 제공할 수 있습니다. Pattern Lab을 사용하는 가장 큰 장점 중 하나는 프로그램이 놀라울 정도로 간단할 뿐만 아니라 도구에 구애받지 않는다는 것입니다. 이를 통해 디자이너는 동적 데이터를 사용하여 디자인 구현을 진행하기 전에 UI 패턴을 서로 중첩할 수 있습니다.
Pattern Lab은 또한 장치에 구애받지 않는 뷰포트 크기 조정 도구를 갖추고 있어 모든 디자인이 100% 반응하고 완벽하게 확장 가능하도록 도와줍니다.
2. 비발디
수많은 도구를 시험해 보면 때로는 특정 목적에 가장 적합한 도구가 새 브라우저만큼 단순한 것일 수도 있다는 사실을 깨닫게 됩니다. Vivaldi는 Opera를 출시한 사람들이 디자인하고 개발한 고급 사용자를 위한 놀라울 정도로 빠르고 사용자 정의가 가능한 웹 브라우저입니다.
“우리 친구를 위한 브라우저”라고 불리는 Vivaldi는 JavaScript 및 React(사용자 인터페이스용)는 물론 Node.js 및 여러 NPM 모듈을 포함한 여러 웹 기술을 기반으로 합니다.
Vivaldi는 아마도 지금까지 만들어진 웹 브라우저 중 가장 사용자 정의가 가능한 웹 브라우저일 것이며 메모 작성을 위한 별도의 패널, 명령줄 제어, 탭 스택 및 타일링, 즐겨찾는 포털을 배치할 수 있는 웹 패널과 같은 정말 멋진 기능이 많이 포함되어 있습니다. 한 곳에서 더 빠르게 접근할 수 있습니다.
3. 양식
RelativeWaves의 Form은 우리 대부분이 이전에 보거나 사용해 본 것과는 전혀 다른 독특한 프로토타이핑 도구입니다. 레이어 팔레트나 도구가 없다는 점을 고려하면 이는 단순한 디자인 도구가 아닙니다. 실제로 이 앱은 디자인과 코드를 혼합하여 작업하는 듯한 느낌을 줍니다.
양식을 사용하여 그래픽을 만들 수는 없지만 그래픽을 삽입하고 “패치”라는 기본 기능을 사용하여 상호 작용 및 제스처를 추가할 수 있습니다. 또한 Mac 앱에서는 프로토타입에 실시간으로 액세스하고 상호 작용하려면 iOS 앱을 사용해야 합니다.
