부트 스트랩 대 재료 설계 선택 [닫기]


181

AngularJS (풀 스택)를 사용하여 새 프로젝트를 시작하겠습니다. 내 프로젝트는 반응이 좋으며 처음부터 템플릿을 만들 것입니다.

따라서 레이아웃에 부트 스트랩 3 (각 지시문 포함) 또는 재료 설계를 선택할지 여부에 대한 조언이 필요합니까?

누군가가 두 가지의 장단점을 나열 할 수 있다면 크게 감사하겠습니다.



1
부트 스트랩에는 강력한 커뮤니티가 있습니다. 그리드 시스템에는 더 많은 기능이 있습니다. 머티리얼 디자인은 UI와 스타일을 개발하는 방식을 결정합니다. 현대적인 UI 요소가 있습니다. 당신은 자세한 내용은 여기를 읽을 수 있습니다 tutorialzine.com/2015/07/comparing-bootstrap-with-mdl
Farshid Saberi에게

2
IE8 / 9를 지원해야하는 경우 Flexbox 그리드 레이아웃을 사용하므로 재질 디자인이 작동하지 않습니다. 버그가 많은 머티리얼 디자인보다 훨씬 성숙하기 때문에 앵귤러 ui 부트 스트랩으로 지금도 갈 것입니다 ...
Pascal

개발 환경도 고려할 수 있습니다. Visual Studio 2015에서 Bootstrap은 성숙하고 잘 지원됩니다. 나는 재료에 대해 그렇게 생각하지 않았 으므로이 시점에서 사용하지 않습니다. VS2015를 사용하는 다른 사람들 이이 결론을 가지고 있는지 확인하고 싶습니다.
CYoung

MD의 인라인 스타일이 고통 스럽다는 것을 던져보고 싶습니다. 또한 BS가 필요한 것을 대부분 가질 때 두 가지를 혼합하고 싶지 않습니다. 나는 MD를 매우 좋아하지만 더 성숙해질 때까지 기다릴 것이고 인라인 스타일을 제거 할 것입니다 (지금은 찾을 수 없지만 작업중 인 곳을 읽습니다).
steveareeno

답변:


153

내가 아는 한 언급 된 모든 기술을 개별적으로 또는 함께 사용할 수 있습니다. 그것은 당신에게 달려 있습니다. 나는 당신이 잘못된 각도에서 문제를보고 있다고 생각합니다. 머티리얼 디자인은 페이지의 특정 요소가 디자인되고, 행동하고, 구성되는 방식입니다. 머티리얼 디자인은 훌륭한 UI / UX를 제공하지만 JS (이벤트, 인터랙션)보다는 그래픽 레이아웃 (HTML / CSS)에 의존합니다.

반면 AngularJS와 Bootstrap은 수많은 코드를 작성하지 않아도 개발 속도를 높일 수있는 프런트 엔드 프레임 워크입니다. 예를 들어, AngularJS를 사용하지만 머티리얼 디자인없이 웹 앱을 구축 할 수 있습니다. 또는 AngularJS 또는 Bootstrap없이 Material Design으로 간단한 HTML5 웹 페이지를 구축 할 수 있습니다. 마지막으로 AngularJS를 부트 스트랩 머티리얼 디자인 함께 사용하는 웹 앱을 구축 할 수 있습니다 . 이것이 가장 좋은 시나리오입니다. 모든 기술은 서로를 지원합니다.

  1. 부트 스트랩 = 반응 형 페이지
  2. AngularJS = MVC
  3. 머티리얼 디자인 = 훌륭한 UI / UX

AngularJS를위한 멋진 머티리얼 디자인 컴포넌트 를 확인할 수 있습니다 :

https://material.angularjs.org


여기에 이미지 설명을 입력하십시오

데모 : https://material.angularjs.org/latest/demo/ 여기에 이미지 설명을 입력하십시오


4
또한 유용한 사이트 인 materialup.com/resources 가있을 수 있습니다. 여기 에는 재료 설계 프레임 워크에 대한 개요가 포함되어 있습니다. fezvrasta.github.io/bootstrap-material-design
Mathias Conradt

3
@MathiasConradt 첫 번째 URL은 더 이상 존재하지 않습니다. 나는 당신이 materialup.com/posts/c/resources
bernard

11
소재와 부트 스트랩 모두 반응 형 디자인과 뛰어난 UI / UX를 제공합니다. MD는 모바일 시청률에 더 적합한 것으로 보입니다.
Vladimir

2
재료 설계각도 재료 를 구별하는 것이 중요합니다 . 머티리얼 디자인은 디자인 언어 이며, 앵귤러 머티리얼은 MD를 사용하는 UI 컴포넌트 라이브러리입니다. 머티리얼 디자인을 사용하는 부트 스트랩 테마와 확장을 찾을 수있을 것입니다.
Jens

1
위의 @Jens를 에코하고 싶습니다. Bootstrap의 유연성과 친숙 함을 유지하면서 Material의 모양과 UI 효과를 원합니다. 나는 그것이 선택의 문제라고 생각한다.
Yousof K.
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.