Bootstrapと材料設計の詳細
Bootstrap
2011年、Twitterエンジニアのグループ 技術的には、彼らの計画は、特定のコード構造のないツールを作成することでした。
各コーダーは自分の作品を作成する独自の方法を持っているかもしれません。 これは通常、別のプログラマ、例えば初心者がコードを読み取ろうとすると、いくつかの不確実性につながります。 そのため、TwitterのMark OttoとJacob Thortonは、プログラマがコードを書くパターンを統一し、プロセスに違いを生じさせないように説得する方法であるBootstrapを設計しました。 Bootstrapが日々の仕事にもたらした利点は、単に非常に貴重でした。
Twitterの人たちがその真の可能性を実現したとき、彼らはオープンソースプロジェクトとしてリリースすることを決定しました。 Githubと他の何千人ものプログラマーの助けを借りて、Bootstrapを応答性の高いモバイルwebプロジェクトを作成するための最も人気のあるフロントエンド開発
だからブートストラップは正確に何ですか？
あなたのウェブサイトを作成するプロセスに役立つかもしれない一連の有用な関数と要素を含むツールボックスとして想像してみてください。
それはあなたが好きなツールを選択することができますし、これらの要素のどれもが互いに衝突しないことを確認することができます。 それは一緒にパズルのピースをフィッティングのようなものですが、この場合には、すべてのパズルは、別のものに適合します。
あなたが私たちのブートストラップツールボックスで想像したツールは、HTML、CSS、およびJSすべてを組み合わせたものです。 ブートストラップのための材料設計は、ブートストラップが常に開発中であり、どのくらいあなたがGoogleの材料設計から設計と機能パターンの助けを借りて、
Material Design
Material Designは、Androidシステムのインターフェイスプロジェクトで集中的に使用されているGoogleに由来するデザイン言語です。 それが使用される理由を尋ねることができます。 答えは簡単です-それはすでに使いやすさと読みやすさに対応する成熟した組織化されたツールです。 さらに、それは動的に発展し、変化しています。 その結果、UI/UX設計の経験の浅い人のための出発点と同様に、画面に完全に一致する可能性のあるツールです。
MDの基礎は、長い間それに取り組んできたウェブサイトやUI/UXデザイナーによってすでに確立されています。 他のツールと区別するのは、各プロジェクトセットで推奨されるプラクティスを簡単に見つけることができるため、現在作業しているあらゆる種類 この慣習では、
材料をメタファーとして-この文脈では、それはシートとインクのための空間のメタファーです。 このツールで使用される実際のものは、光と空間であり、デジタルフォームフィールドで区別される一意の空間属性によってサポートされています。 MDの特徴は、広く普及している影です。 それは現実に存在する現実のものの行動を反映しています
意味-MDのインセンティブは、非常によく設計されたグリッド、タイポグラフィと色の重要性を反映しているデザイン印刷です。
Movement&Animation–MDは静的な形式の印刷デザインをサポートするだけでなく、物理法則に基づいたデジタルメディアも含まれています。 それは私達に今日非常に重要である美学と実用性を調和させる可能性を与えます。
MDの中で最も重要なメタファーの一つは、Z軸上の空間上の位置を持つ材料であるため、それがユーザーから近いか遠いかを知ることができます。 メタファーは、いわゆる標高値を指します。 興味深いのは、この値が適切に選択されたシェーディングによって空間内の上下の位置をシミュレートするという事実です。
材料設計の属性で他に重要なことは何ですか？
-特徴的でよく選ばれた色
-シンプルで使いやすいアイコン
-コンテンツの追加ベンチマークであるグラフィックと画像
-シンプルだが、同時にRobotoフォント
に基づくエレガントなタイポグラフィ