デザインフレームワークの戦いは、年々競争力を高め続けており、2018年には本格化しています。 オープンソースの設計フレームワーク全体の精神は、Twitterが2010年半ばにBootstrapを作成したときに始まったと言えるでしょう。 次のシーンにはZurbの基礎がありました。 これらの2つは、市場で最も人気のあるデザインフレームワークのままです。 しかし、彼らは以来、Googleの形でヘビー級の巨人、およびその材料設計によって結合されています。
MicrosoftやAppleのような巨人は、ユーザーインターフェイス設計（MicrosoftのFluent Design&Appleの人間の相互作用）を作成する際に設計者を支援するためのガイドラインやリソースをリリー したがって、このブログの範囲については、それらを含めません。
私たちが議論する第四のフレームワークは、オープンソースのコミュニティ主導の努力であり、後半の時点で信じられないほどの勢いを得ているBulmaです。 これは、このようなスクラッププロジェクトがモバイル応答&進歩的なwebアプリケーション開発の世界の最愛の人になった方法の非常に信じられな
1. Bootstrap
おそらく今日の世界で最もよく知られているデザインフレームワークであり、正当な理由があります。 彼らは最初の現場であっただけでなく、UI/UXデザイン業界を良いものに再定義しました。 TwitterのBootstrapは、デザイナー&開発者が新しいwebアプリケーションごとにやっていた膨大な量の再作業を取り出しました。 コンテナやレイアウトを再構築し、同じCSSをもう一度書くことは雑用になり、モバイル応答デザインが最前線に来ると、Bootstrapは天の恵みでした。 開発者は、箱から出してすぐに典型的なページ&レイアウトを生成する、きれいで滑らかなUiと足場で迅速にプロトタイプを作成することができました。
創業以来、Bootstrapは時代に追いついており、デザインを新鮮に保つだけでなく、SaaSと同様に利用可能になる最新の開発トレンドを採用し、React&Vueなどのフロン それはそれをすべて持っている徹底的な、よく構築された、フィールドテストされた設計フレームワークに来るとき、ブートストラップは誰もが認める王で
2. 財団
デザイン&開発機関Zurbの内部プロジェクトとして始まったものは、最終的にはweb上で二番目に大きなデザインフレームワーク Zurbのチームは、HTML、CSS&Javascriptコンポーネントを頻繁に再利用しなければならず、他のプロジェクトからそれらを引き出す必要があることを発見しました。 彼らのプロセスにおけるこのボトルネックを軽減するために、彼らは彼らのプロジェクトで利用する内部フレームワークを構築することにしました。 最終的に、2011年に、彼らはその動きに勢いを追加することを期待して、ウェブがモバイルレスポンシブデザインに向かって動くのを見て、それをオープ
それ以来、彼らは継続的に更新をリリースしてきました（Foundation6は最新のビルドです）。 また、Vueなどのフロントエンドフレームワークとの統合を提供するオープンソースプロジェクトもあり、正式にReactを全面的にサポートしています。
製品を設計する必要がありますか？
私たちのユーザーエクスペリエンスデザイナーチームは、プロジェクトブリーフを視覚的なプロトタイプに変えることができます。
3. マテリアルデザイン
デザインフレームワークがどこでもポップアップし始め、彼らがしたように多くの人気を得たら、Googleがリングに飛び込んだのは時間の問題でした。 マテリアルデザインでは、Googleはwebからモバイル、smartwatchesやテレビに至るまで、すべての拠点をカバーしました。 彼らの最新のフロントエンドフレームワーク（Flutter）はまた、材料設計を包含し、我々はGoogleがいつでもすぐに彼らは簡単でクリーンな材料設計がいかに上のwebアプリ 私たちは個人的にもCygnis Mediaでそれを使用するのが本当に好きです。
フロントエンドフレームワークをサポートすることになると、材料設計が一番良いかもしれません。 彼らはAngular、Vue&Reactをサポートしており、web上で利用可能な多数のサードパーティのコンポーネントとライブラリを持っています。
4. Bulma
このリストで最も知られていないデザインフレームワークであるBulmaは、他のフレームワークと比較して比較的新しいフレームワークです。 オープンソースのコミュニティによって構築され、受け入れられ、Bulmaを本当に魅力的にするのは、それがいかに軽量であるかです。 個人的に、私はまたきれいな一見および実用的でけれども審美的に喜ぶ設計を愛する。 コードベースも非常によく書かれており、新しいフロントエンド開発者が困難な構文を学ぶことなく入るためのエントリへの障壁が低いです。
BulmaはVueコミュニティによって心から採用されています—どちらも同様の目標を持ち、より大きく、より確立された対応物をupstaged弱者のフレームワークであり、Vue統合&コンポーネントを提供するBuefyと呼ばれる素晴らしいオープンソースプロジェクトを持っています。
webアプリケーションを構築する必要がありますか？
クロスプラットフォームの互換性により、webアプリは製品の究極の媒体です。 自由のためのあなたのプロジェクトについての私達に相談して下さい。
結論
この時点で、あなたはおそらくbig3の設計フレームワークを試してみました。 2018年には、迅速で軽量で実用的でスマートな新しいデザインフレームワークを試してみたい場合は、特にVueとペアリングしている場合は、Bulmaに打撃を与えてくjs”を発表した。 それは足場、管理者パネルおよびダッシュボードのために大きいです。 がんばろう&