최상의 답변
사용자 인터페이스 프레임 워크는 프런트 엔드 애플리케이션의 개발 속도를 높이는 데 도움이됩니다.
이를 통해 개발자는이를 사용할 수 있습니다. 깊은 기술 및 디자인 기술 없이도 아름답고 반응이 빠른 다중 장치 애플리케이션을 구축 할 수 있습니다.
Twitter 개발자가 만든 Bootstrap Framework (작업)의 예를 살펴보고 제공하는 기능을 살펴 보겠습니다.
1) 오픈 소스이며 무료로 사용할 수 있습니다.
2) 반응 형 12 열 격자 레이아웃을 기반으로합니다.
3) 모든 기본 HTML 요소의 스타일을 지정하고 개선했습니다. .
4) 거의 모든 브라우저에 대한 호환성.
5) 프로젝트 디자인에 따라 사용자 정의 가능.
6) 대규모 지원 커뮤니티를 보유하고 있습니다.
답변
안녕하세요. 저는 현재 Sketch 사용자입니다. 아시다시피 Sketch는 업계 표준이되었으며 수백 개의 온라인 리소스 를 찾아 워크 플로를 향상시킬 수 있습니다. 새로운 도구와 관련하여 실제로 필요에 따라 다릅니다. 제 생각에 고려할 가치가있는 몇 가지 새로운 소프트웨어를 알려 드리겠습니다.
- Figma -저는 그 사람들이하는 일을 계속 따라 가고 있습니다. 이 도구는 비범 한 수준의 완성도에 도달 한 것 같고, 사용하는 많은 디자이너를 알고 있으며, React Native 기술 <을 사용하여 디자이너와 개발자 사이의 다리를 완벽하게 만든 것 같습니다. / a>. 아직도 사용하지 않는 이유 : 웹 기반 도구이며 Figma는 전체 오프라인 경험 (이미 데스크톱 앱을 개발했지만)
- UX Pin -UXPin은 오랫동안 와이어 프레임 도구로 간주되어 왔지만 지난 몇 년 동안 많은 세부 사항을 개선했으며이를 사용하여 아름다운 인터페이스를 만들 수 있습니다. 다양한 기성 요소 라이브러리를 제공하고 설계 문서 를 항상 손쉽게 업데이트 할 수있는 도구입니다. 개발자는 설계를 공유하는 방식에 대해 정말 감사 할 것입니다. 아직도 사용하지 않는 이유 : 또한 UXPin은 웹 기반 도구이지만 현재 전체
오프라인 경험
- Invisio n Studio -제가 설치했는데 Invision 생태계와의 통합이 큰 장점입니다. 또한 애니메이션 및 상호 작용 기능이 정말 부드럽습니다. 아직도 사용하지 않는 이유 : 스타일과 스마트 개체는 여전히 Sketch와는 거리가 멀고 안정성과 많은 인터페이스 결함으로 인해 아직 성숙한 제품이 아닙니다. li>
- Framer 및 Framer X : 이것이 미래입니다. 나는 그들이 대회에서 이길 것이라고 믿습니다. 완전한 코드 통합 및 매우 유망한 설계 도구. 또한 모든 종류의 인터랙티브 프로토 타입을 만들고 코딩 할 수 있으며 가능성은 무한합니다. Sketch를 사용하려는 경우 다음 플러그인을 확인하세요.
- 이 플러그인 을 확인하여 디자인을 HTML 코드로 변환하고 애니메이션 상호 작용을 만듭니다.
- 완전히 작동하는 React Prototypes에서 스케치 디자인을 변환하는 데 관심이 있다면 iv id = “6b333b9b97이라는 새 플러그인 을 확인하세요. “>