並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 13 件 / 13件

新着順 人気順

フラットデザインの検索結果1 - 13 件 / 13件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

フラットデザインに関するエントリは13件あります。 デザインdesignui などが関連タグです。 人気エントリには 『業務系システムは『イケてるフラットデザイン』だと使いにくい?現場が本当に必要だった物との比較』などがあります。
  • 業務系システムは『イケてるフラットデザイン』だと使いにくい?現場が本当に必要だった物との比較

    でゅら @rahandu アプリケーション全般でそうなんだけど、モニターの解像度がでかくなるにつれて、デザインは余白を作りたがるのなんなんだろう 広くなった意味がないし古いデバイスで作業しづらいし良いことないと思う twitter.com/ichirowo/statu… 2021-10-05 18:00:54 Lacnor @Lacnor_JP ボタンを、形はそのままで、グラデーションと枠を無くして、コントラスト強めな単色で構成してくれれば、使い勝手そのままでナウくなると思いましたまる twitter.com/ichirowo/statu… 2021-10-05 15:57:32

      業務系システムは『イケてるフラットデザイン』だと使いにくい?現場が本当に必要だった物との比較
    • マリオのUIがフラットデザインになった日を知っているか 〜 【視伝研】UIデザインの歴史を紐解く|Yamashita Angelica

      ※ おことわり ※ この記事内で取り扱っているゲーム作品について、私は開発上の関わりは一切ありません。あくまでいち個人・いちファンとしての考察であることをご承知おきください。 今回の視伝研テーマは【UIデザインの歴史を紐解く】です。 年表形式でUIデザインの歴史を作りながらメンバーと意見を交換しました。PCやスマートフォンのOSのUIはもちろん、乗り物の操縦桿やSNSのデザインなど、さまざまな観点で資料を集めてみました。 そこで、元ゲーム屋の性として、個人的に楽しくなってしまうのはやっぱりゲームUIの歴史なのですが… なんか、ゲームのUIってこんなイメージありませんか。 ゲームUIデザイナーを目指す初心者が作りがちなやつ (一応弁明するとこれは1〜2分くらいで作った雑UIです)もちろんこういうのを作れることは大事なんだけど、「ゲームでよくあるやつ」以外のデザインの引き出しがないままだといず

        マリオのUIがフラットデザインになった日を知っているか 〜 【視伝研】UIデザインの歴史を紐解く|Yamashita Angelica
      • ボヘカラ on Twitter: "日本のパワポ資料が、世界一アグレッシブに醜いという議論が盛り上がってる。間違いない。美術や図工の時間の3割位、デザインの基礎教えないと国力を損なう。 僕も誰にも教わった事がなく、一時期フラットデザインに寄せる為に、何冊かデザイナー… https://t.co/F5zCTGAWT9"

        日本のパワポ資料が、世界一アグレッシブに醜いという議論が盛り上がってる。間違いない。美術や図工の時間の3割位、デザインの基礎教えないと国力を損なう。 僕も誰にも教わった事がなく、一時期フラットデザインに寄せる為に、何冊かデザイナー… https://t.co/F5zCTGAWT9

          ボヘカラ on Twitter: "日本のパワポ資料が、世界一アグレッシブに醜いという議論が盛り上がってる。間違いない。美術や図工の時間の3割位、デザインの基礎教えないと国力を損なう。 僕も誰にも教わった事がなく、一時期フラットデザインに寄せる為に、何冊かデザイナー… https://t.co/F5zCTGAWT9"
        • 流線型のMacBook Airの時代に終止符〜フラットデザインに固定 - iPhone Mania

          MacBook Airと言えば、横から見たときにパームレストに向かって厚みが薄くなる流線型のシェイプが特徴的でした。しかし、新型のM3チップを搭載したMacBook Airでは、MacBook Proのようなフラットなデザインになっています。 このフラットデザインがMacBook Airで採用されたのは2022年のことです。M3チップを搭載したモデルも同様のデザインを採用しており、「流線型のMacBook Airの時代に終止符が打たれた」と感傷的になる人もいるようです。 流線型のデバイスが封筒から現れた瞬間 多くの人々が今でも記憶しているのは、2008年の初代MacBook Airが発表された瞬間です。故スティーブ・ジョブズ氏がステージ上で封筒からデバイスを取り出した時、観客からはどよめきが起こりました。 MacBook Airの薄さとその流線型のデザインは、同機をスマートなノートパソコン

            流線型のMacBook Airの時代に終止符〜フラットデザインに固定 - iPhone Mania
          • デザインを刷新した新型MacBook Air、リーク情報を基にしたレンダリング画像が登場:新iMac風カラバリやiPad Pro風フラットデザイン - こぼねみ

            Appleが発売の準備を進めているという新型MacBook Airのデザインに関する詳細が明らかになっています。 著名リーカーJon Prosser氏は、自身のYouTubeチャンネルに投稿した新しいビデオの中で、デザインを刷新した新カラーのMacBookの画像を入手したと述べています。Prosser氏は、これが「MacBook Air」なのか、あるいは単なる「MacBook」なのかははっきりしないと説明していますが、複数のポートが存在しないことから、「MacBook Proで」はない可能性が高いとしています。 M2搭載とされる新型MacBook Airのレンダーイメージ 画像には、新たにデザインが大きく刷新された、新しいMacノートブックを確認できます。 現行のMacBook Airのような、クラシックな薄いウェッジシェイプ(くさび形)のフォームファクターではありません。 その代わりに、

              デザインを刷新した新型MacBook Air、リーク情報を基にしたレンダリング画像が登場:新iMac風カラバリやiPad Pro風フラットデザイン - こぼねみ
            • Illustratorで フラットデザインに魅力を加える 方法をご紹介します!

              Illustratorで フラットデザインに魅力を加える 方法をご紹介。 フラットデザインは、ミニマルなロゴ、シンプルなアイコン、ユーザー体験のレイアウトで見られるように、ウェブやモバイルの世界で依然として人気があります。 フラットデザインはわかりやすい形と親しみやすい曲線で、明確でビジネス的なメッセージをユーザーに伝えるのに役立ちますが、当然奥行きや立体感はあまり感じられません。 Illustratorを使って、ちょっと他と差を付け フラットデザインに魅力を加える コツとは?

                Illustratorで フラットデザインに魅力を加える 方法をご紹介します!
              • フリーのイメージバックアップ・クローンツール「AOMEI Backupper Standard」がv5.0に/モダンなフラットデザインを採用

                  フリーのイメージバックアップ・クローンツール「AOMEI Backupper Standard」がv5.0に/モダンなフラットデザインを採用
                • オシャレなフラットデザインを擬似的に3D化できるブラウザ向け3Dエンジン「Zdog」

                  HTML5で描画を行う方法としてサポートされているcanvas要素やSVG形式のファイルを、JavaScriptで擬似的に3D化できるAPIが「Zdog」です。開発者のDavid DeSandroさんによって、GitHubでベータ版が無料で公開されています。 Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG https://zzz.dog/ GitHubでは以下のような例が提示されています。サムネイルをクリックすると、HTML・CSS・JavaScriptのコードと共に、実際にどんな感じで3D化されるのかを見ることができます。3D化されたモデルはドラッグしてぐりぐりと動かすことが可能。また、設定によってアニメーションとして表示することも可能になっています。 さまざまな多面体 幾何学的な壁紙 旅

                    オシャレなフラットデザインを擬似的に3D化できるブラウザ向け3Dエンジン「Zdog」
                  • 「ドールズフロントライン」フラットデザインでもUIパーツのアニメーションによって質感の情報は付与できそう - ゲームアプリのUIデザイン

                    こんにちは、ちょこです! 「ドールズフロントライン」のホーム画面に遷移した直後のアニメーションが良かった。 具体的には以下のようなアニメーションでした。 画面全体はこんな感じです。 メインコンテンツのボタンを大きく表示してみます。 サブコンテンツの部分はこんな感じです。 アニメーションのおかげで、フラットながら奥行きが感じられる ボタンのUIパーツ一つにしても多階層的な構造で作られています。 なぜこのアニメーションがあるのか、という理由を推測してみました。 「ドールズフロントライン」UIパーツはフラットなデザインで構成されています。 フラットデザインは情報の整理が重要です。 なるべくなら、UIのパーツ単位ではなく、画面全体の情報量をコントロールする必要があります。 したがって、ある程度はキャラクターのグラフィックや背景との連携が求められるデザインです。 その連携が出来ないままイラストや背景

                      「ドールズフロントライン」フラットデザインでもUIパーツのアニメーションによって質感の情報は付与できそう - ゲームアプリのUIデザイン
                    • ChromeやEdgeでデザイン周りの改善。Webサイトのボタンやスライダーなどがフラットデザインに

                        ChromeやEdgeでデザイン周りの改善。Webサイトのボタンやスライダーなどがフラットデザインに
                      • フラットデザインは、ユーザビリティを意識したフラットデザイン2.0へ。メリットと具体例とは | Goodpatch Blog

                        フラットデザインとは、シンプルでミニマルなデザインとしてUIデザインにも多く使われるデザイン手法です。2013年、Goodpatch Blogではフラットデザインとスキューモーフィズムの違いについてご紹介しました。 今さら人には聞けない、スキューモーフィズムとフラットデザインの違い スマートフォンの普及に伴い、フラットデザインに触れるユーザーも増加しました。しかしフラットデザインにはデザインのビジュアルのみを意識するあまり、ボタンやリンクがわからない、インタラクションの区別がつきにくいなどのユーザビリティに関する課題が出てきました。その課題を解決するための手法として、これまでのフラットデザインとスキューモーフィズムの長所を合わせもった「フラットデザイン2.0」が注目されています。 今回は、今までのフラットデザインとこれからのフラットデザイン2.0について紹介していきます。 2つの手法による

                          フラットデザインは、ユーザビリティを意識したフラットデザイン2.0へ。メリットと具体例とは | Goodpatch Blog
                        • アイビスペイントでフラットデザイン風のイラストを描く方法 - やもともりブログ

                          こんにちは。やもともりです。 我が家の娘は現在小学2年生。 娘 お絵描きが大好きです。 最近では紙に描くだけでなく、スマホのibisPaint(アイビスペイント)というお絵描きアプリも使っています。 今日は娘と一緒にアイビスペイントを使い、いつもと違う遊びをしました。 図形(丸や三角)だけを使って描いてみよう♪ フリーハンドを使わず描いたところ、フラットデザイン風のイラストが完成。 娘 フラットデザインとは、シンプルで平面的なデザインのことです。 簡単で楽しかったので、描き方をご紹介します。 スポンサーリンク ibisPaintでフラットデザイン風のイラストを描く方法 図形描写でシンプルな絵を描く アクセントとしてシンプルで薄い影を付ける 完成したイラストはこちら おわりに ibisPaintでフラットデザイン風のイラストを描く方法 今回は、スマホで以下のようなクマちゃんを描いていきます。

                            アイビスペイントでフラットデザイン風のイラストを描く方法 - やもともりブログ
                          • 【ブログ】アイキャッチ画像はフラットデザイン一択です。【作り方と理由を公開】 - LLENNblog

                            こんにちは、LLENN(@LLENNblog)です! ブログのアイキャッチ画像は、アクセス数に直結するので工夫したいところです。お店の看板と同じ媒体と考えて下さい。 今回の記事では ・アイキャッチ画像にフラットデザインを採用すべき理由 ・フラットデザインのアイキャッチ画像の作り方 の二点について書いていきます。 それでは行きましょう。 ブログのアイキャッチ画像をフラットデザインにするべき理由 フラットデザインアイキャッチ画像の作り方 Canva側 FLAT UI DESIGN側 合成 フラットデザインのアイキャッチ画像を取り入れてみましょう ブログのアイキャッチ画像をフラットデザインにするべき理由 ブログのアイキャッチ画像にフラットデザインがおすすめな理由は コンテンツに集中してもらえるから です。 そもそもフラットデザインとは何なのでしょう?定義を確認します。 ”フラットデザインは、読ん

                              【ブログ】アイキャッチ画像はフラットデザイン一択です。【作り方と理由を公開】 - LLENNblog
                            1

                            新着記事