material designに関するbaphoのブックマーク (3)

  • Material Designを最速で使いこなす|池内健一

    Material Designを使いこなすための最速の手順を紹介します。最近UIデザインを始めた方、iOSアプリのデザインはしていたけどAndroidのデザインも行う必要になった方、WebサービスでMaterial Designを使ってみたい方、Androidエンジニアでデザイン方面ももっと知りたい方などは参考にしてみてください。 Material DesignとはMaterial DesignとはGoogleが構築したUIデザインフレームワークです。Androidだけでなく、WebやiOSのデザインにも活用できます。 ざっくりとした内容は「Material Designとは」でググってみてください。基理念をわかりやすく解説している記事が並んでいます。この段階ではなんとなくMaterial Designってこんなんだなって理解したら十分です。 それではガイドラインを読み込む前に、まずは準

    Material Designを最速で使いこなす|池内健一
    bapho
    bapho 2020/02/07
    “Material Designの推奨フォントは欧文はRoboto、和文はNoto Sansです。”
  • 30 Examples of Material Design Palette Color Usage

    Easily find the best Material color for your projects. Here is 30 color combination based on material design color palette. By clicking color sample bar, You can check usage example in material design UI. Each of color combinations consists of following three kinds of colors. (1) Main (2) Optional (3) Accent For details, see Google Guideline. Contents

    30 Examples of Material Design Palette Color Usage
    bapho
    bapho 2020/02/07
    “「dp」というのは、Androidアプリ特有の大きさの単位です。px数で換算すると1dp=1〜3px程度となります”
  • Google の新しいデザインガイドライン「Material Design」 | DevelopersIO

    Material Design Google I/O 2014 で新しいデザインガイドラインが発表されました。 Google Design その中で注目されるキーワードが「Material Design」です。これは直訳すると「素材のデザイン」という感じになりますが、これは現実世界の素材をメタファーとすることでユーザーにとってわかりやすくなるように考えられたデザインのようです。 ということで、Material Design について簡単にまとめつつ、どうやってデザインを始めていけばいいか考えていきたいと思います。 Google Design のガイドラインを個人的に解釈した内容を掲載しています。誤解などありましたらコメント欄にて連絡ください。喜んで修正します。 イントロダクション まずはじめに Material Design の概要です。文をそのまま引用します。 We challenge

    Google の新しいデザインガイドライン「Material Design」 | DevelopersIO
    bapho
    bapho 2020/02/07
    “UI や UX の要素を印刷ベース(タイポグラフィ、グリッド、スペース、色、画像の使い方)のデザインと同様に考えることによって、ユーザーを視覚的にガイドすることができます”
  • 1