Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • よくわかるマテリアルデザインの設計コンセプト | fladdict
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

1102usersがブックマークコメント86

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        よくわかるマテリアルデザインの設計コンセプト | fladdict

        1102 usersfladdict.net

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント86

            • 注目コメント
            • 新着コメント
            nimroder
            フラットデザインをはじめたのはMicrosftのMetroだし、マテリアルデザインはGoogleだ。Appleのデザインがいまいち垢抜けないのは古いものにただフラットのアイコンを載せただけだから。

              その他
              FantaOrange
              iPhoneはアイコンがフラットなだけでUIデザインではないからな。レベルが違いすぎる。

                その他
                Nkzn
                Support Libraryが助けてくれる範囲で追従したい

                その他
                umai_bow
                ルールの良し悪しより、ルールを定めたというところに偉大さがあるのだろう

                  その他
                  shields-pikes
                  UIはルールの体系なので、全ての辻褄が合ってることが望ましいが、0からルール体系を作るのは、無から神話体系を創るようなもの。物理法則をベースに仮想概念を組み合わせたマテリアルデザインはシンプルで美しい。

                    その他
                    camellow
                    なにをブツブツ言っているのだ?と思いつつ読んだけどなかなか興味深い。きちんとした設定があってこそ統一感があり直感的な操作ができるわけですな。なんかすごいー

                      その他
                      KoshianX
                      なるほど Android のデザインは紙とインクによるセミフラットデザインってところなのかな

                      その他
                      ustam
                      マテリアルデザインが短命に終わりそうなことだけはよくわかった。概念としての美しさを感じない。

                        その他
                        noonworks
                        こんなふうに考えているのか~デザイン門外漢には新鮮な体験だ

                        その他
                        bk-zen
                        "ページフリップのようなZ方向への回転は、発生しない。ペーパーがZ方向に回転をするとガラスに衝突してしまうためである。" なるほど

                        その他
                        niseissa
                        マテリアルデザイン

                        その他
                        yoshi-na
                        わかりやすい

                          その他
                          trickcube
                          マテリアルデザインについてとても解りやすかった。だいぶ誤解してた。

                          その他
                          jingles84
                          わかりやすい

                            その他
                            shimojik
                            【Share】よくわかるマテリアルデザインの設計コンセプト

                              その他
                              msh514
                              マテリアルデザイン 入門 ガイドライン

                                その他
                                mosco-mule
                                よくわかるマテリアルデザインの設計コンセプト iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエン

                                  その他
                                  Totty-Totty
                                  よくわかるマテリアルデザインの設計コンセプト iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエン

                                    その他
                                    imabc
                                    アニメーションがおもしろいですよね。関数が用意されてるので意外と実装は簡単そう。

                                      その他
                                      Rockridge
                                      「マテリアルデザインは『ペーパー』と『インク』のメタファーでできて」いる。「レイアウトは、複数のペーパーを並べたり、重ねたりして構成」し、「画面上の全ての色は、ペーパーにインクがのった状態と考える」。

                                      その他
                                      k_oshima
                                      マテリアルデザインのデザイン言語は「ペーパー」と「インク」のメタファー

                                      その他
                                      soran_chan
                                      まてりあるでざいんとは。

                                      その他
                                      crist18
                                      design

                                        その他
                                        longroof
                                        はい(´・ω・`)

                                          その他
                                          dalmacija
                                          自由にさせるとぐちゃぐちゃになるノンデザイナーに見せたい。

                                            その他
                                            elledie
                                            よくわかるマテリアルデザインの設計コンセプト | fladdict@fladdictさんから

                                              その他
                                              akky_orange
                                              わかりやすー

                                              その他
                                              Nilfs
                                              あとで読む

                                              その他
                                              michael-unltd
                                              細部解説に神宿っています。

                                              その他
                                              adsty
                                              マテリアルデザインは「ペーパー」と「インク」のメタファーで構成。

                                              その他
                                              tyhe
                                              要はペーパーマリオの世界ということでOK?

                                                その他
                                                kiaran
                                                すげえ分かりやすい!

                                                その他
                                                countzero00000
                                                気になる

                                                その他
                                                joker1007
                                                なるほど分かりやすい。

                                                その他
                                                oitch01
                                                なんとなく知っていたのが割と明確になった

                                                その他
                                                o_hiroyuki
                                                material design

                                                その他
                                                teruzoh0209
                                                from Gunosy Summary of teruzohhttp://ift.tt/1hfxy5g via IFTTT

                                                  その他
                                                  ji_ryoo
                                                  あとでよむ

                                                  その他
                                                  Nean
                                                  なるへそ。

                                                  その他
                                                  i-ken
                                                  興味深い。普段iPhoneしか触ってないけど、Androidも改めて確かめてみよう。

                                                  その他

                                                  注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                                                  リンクを埋め込む

                                                  以下のコードをコピーしてサイトに埋め込むことができます

                                                  プレビュー
                                                  アプリのスクリーンショット
                                                  いまの話題をアプリでチェック!
                                                  • バナー広告なし
                                                  • ミュート機能あり
                                                  • ダークモード搭載
                                                  アプリをダウンロード

                                                  関連記事

                                                    usersに達しました!

                                                    さんが1番目にブックマークした記事「よくわかるマテリ...」が注目されています。

                                                    気持ちをシェアしよう

                                                    ツイートする

                                                    よくわかるマテリアルデザインの設計コンセプト | fladdict

                                                    iPhoneAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザ...iPhoneAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

                                                    ブックマークしたユーザー

                                                    • naryk2020/07/25naryk
                                                    • luckysatti2019/06/10luckysatti
                                                    • dmizuno552018/12/22dmizuno55
                                                    • tjnet5552018/12/05tjnet555
                                                    • honnolulu2018/10/19honnolulu
                                                    • niseissa2018/06/24niseissa
                                                    • t-kohno2252018/05/27t-kohno225
                                                    • kussyi9c2018/04/12kussyi9c
                                                    • knjname2018/04/11knjname
                                                    • ryotsuchiya222018/02/07ryotsuchiya22
                                                    • namaninotiteti10262017/09/27namaninotiteti1026
                                                    • jun08272017/07/27jun0827
                                                    • herakures2017/06/24herakures
                                                    • mazcango22017/06/17mazcango2
                                                    • kasai-07282017/05/04kasai-0728
                                                    • SATOSHI_A2017/01/06SATOSHI_A
                                                    • katsuren2017/01/05katsuren
                                                    • thablue192016/12/21thablue19
                                                    すべてのユーザーの
                                                    詳細を表示します

                                                    ブックマークしたすべてのユーザー

                                                    同じサイトの新着

                                                    同じサイトの新着をもっと読む

                                                    いま人気の記事

                                                    いま人気の記事をもっと読む

                                                    いま人気の記事 - テクノロジー

                                                    いま人気の記事 - テクノロジーをもっと読む

                                                    新着記事 - テクノロジー

                                                    新着記事 - テクノロジーをもっと読む

                                                    同時期にブックマークされた記事

                                                      いま人気の記事 - 企業メディア

                                                      企業メディアをもっと読む

                                                      はてなブックマーク

                                                      公式Twitter

                                                      はてなのサービス

                                                      • App Storeからダウンロード
                                                      • Google Playで手に入れよう
                                                      Copyright © 2005-2025Hatena. All Rights Reserved.
                                                      設定を変更しましたx

                                                      [8]ページ先頭

                                                      ©2009-2025 Movatter.jp