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


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.