Hatena Blog Tags
はてなブログ トップ
フラットデザイン
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

フラットデザイン

(ウェブ)
【ふらっとでざいん】

デザインパーツの全てがフラットで起伏のないデザインのこと。
主にウェブ上のコンテンツのデザインや、そのユーザーインターフェース（UI）として用いられる。
2012年後期あたりから単にウェブ上のみでなく、「iOS 7」や「Windows 8」などOSレベルでこの手法を取り入れたものが主流に。
英語では「Flat Design」や「Flat UI」など。

特徴

  • ビビットな色を利用する
  • アイコンを使わない
  • グラデーションは使わない
  • 影を付けない
  • 背景画像を使う

フラットデザインを用いたサイトまとめ

関連記事

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
カスタム/CUSTOM/でいこう😎•2年前

「Apple Watch Series8」フラットデザイン化の噂再浮上も、「ない」と考える理由

「Apple Watch Series8」フラットデザイン化の噂再浮上 ２月も中旬。今月が28日までしか無いことを考えると、「3／8」のイベントが本当だとすれば、あっという間にやってくることになりそうです。 発表が確実視されている「iPhoneSE3」「iPadAir5」の仕様に関してはほぼ出尽くした感がありますし、「出るかも知れない」という「M1 Pro／Max搭載Mac mini」に関しても出るとしたら…という仕様はほぼ想定が出来上がっているところ…。 これに、急浮上した「M2搭載Mac」がどうなるのか…ということも含め、そろそろ最も楽しい「妄想タイム」の時期に入ってきました。 M1 Pr…

#Apple Watch#Series8#フラットデザイン

関連ブログ

やもともりブログ•2年前

アイビスペイントでフラットデザイン風のイラストを描く方法

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

#アイビスペイント#フラットデザイン#お絵かき#お絵描き
Sugar's Shoes•3年前

【アウトレットシューズ】ぺたんこ2WAYバブーシュ

カッティングがキレイな大人女子のための2WAYバブーシュです！ 今だけ2899円！送料無料 ぺたんこ スクエアトゥ 2wayバブーシュ パンプス 痛くない 歩きやすい 走れる 楽レディース Vカット フラットヒール 3e ローヒール カジュアルシューズ フラットシューズ ぺたんこ靴 ブラック 黒 アウトレットシューズ 楽天で購入 ゆったり心地よいのにおしゃれ。 履くだけで様になります☆ かかとを折っても履ける2WAYです。 突っかけるだけで履けるのでとても脱ぎ履きしやすく、 "ちょっとそこまで"のワンマイルコーデもおまかせ＾＾ 幼稚園・保育園などの送り迎えで靴を脱ぎ履きする機会が多いママにもオ…

#大人女子#バブーシュ#心地よい#スクエアトゥ#ワンマイルコーデ#カジュアルコーデ#上品な生活#きれいめコーデ#送り迎え#フラットデザイン
mouse LABO•9日前

パソコンのディスプレイ（モニタ）おすすめ10選！サイズ別に紹介！

仕事や趣味でパソコンを使うにあたって、ディスプレイ（モニタ）があるかないかで捗り具合は大きく異なります。とはいえ、ディスプレイ（モニタ）といっても種類は豊富にあります。サイズや解像度、価格など、たくさんの選択肢の中から最適な商品を探すのはとても大変でしょう。 この記事では、それぞれのディスプレイ（モニタ）の特長や、用途に合った選び方についても詳しく解説します。画面サイズ別のおすすめの商品も紹介していきますので、参考にしてみてください。 ※ 製品の情報や価格は2024年2月27日時点の情報となります。 パソコンモニタを活用するメリット パソコンモニタは3種類 ワイドモニタ 4Kモニタ ゲーミング…

一からUnity学んでゲームを作りたい人のブログ•11日前

unity1week「かわる」評価振り返り

unity1week「かわる」に投稿した「キボウノヒカリ」の評価が出ました。 unityroom.com 今回いろいろトライして、粗が目立つところもあったと思いますが、 たくさんのプレイと評価は頂いたこと、 そして温かいコメントを頂けて本当にうれしかったです。 ありがとうございました。 以下評価について振り返ります。

ox4概念•23日前

本のメモと後書き/スーパー（略）大作戦

表紙 表2-遊び紙 本文 『スーパーマジカルキラキライチャラブ大作戦』 印刷所：おたクラブ表紙：アストロブライト ストロングピンク加工：マットPP遊び紙：カラートレペ ストロングピンク本文用紙：タブロ 65.5kg背幅：9mm天+地：18mm + 15mmノド+小口：29mm + 11mm段間：10mmフォント：源暎こぶり明朝フォントサイズ：8.5pt文字数：27字文字間：1％行数：23行行間：56％ 一太郎設定画面 段組設定 春コミで出した本3/4で採用した段組。タブロ、大好きな紙です。 表紙や遊び紙のビビッドな色味とギャップが出るかと思い採用。本文108pですが本を持った瞬間軽いのが分かり…

引きこもりおじさんの子供部屋•24日前

iPhoneSE第4世代の発売は２０２５年か！？

※写真はイメージです 価格は8万円台が濃厚!? AppleのiPhoneSEシリーズは同社のスマートフォンラインナップの中でも特に人気のあるエントリーモデルです。性能と手頃な価格のバランスが魅力で未だ多くのユーザーに指示されています。そして今業界内外から注目を集めている『iPhoneSEの第4世代』に関するリーク情報が相次いでいます。 第4世代のiPhoneSEは先進技術と新しいデザイン哲学の融合を目指しておりこれまでのモデルから一新されることが予想されています。特にディスプレイ、プロセッサ、カメラシステムに関するアップグレードはユーザーにとって大きな関心時となっています。最新のリーク情報によ…

華麗なる加齢ライフ•1ヶ月前

【サタプラ】ニトリ社員オススメアイテム～キッチン、洗濯、収納、掃除、寝具～

3月16日(土)の「サタプラ」 全国のニトリで働く社員・パート・アルバイト935人にアンケートを実施して聞いたオススメアイテムをご紹介します。 ニトリ社員オススメアイテム キッチン部門ベスト3 3位 カット式台ふきん 2位 IH対応 ストレーナー付きマルチポット 1位 毎日とりかえキッチンスポンジ 30個入り 毎日らくらくプレート まるっと撥水 洗濯部門ベスト3 3位 衣類が乾きやすいハンガー 2位 折りたためるランドリーバスケット 1位 ワンタッチ取り込みスライドアーム8連ハンガー ウールドライボール 収納部門ベスト3 3位 高さが調整できるスチールワゴン トロリ3 2位 バスケット Nイン…

テレビショッピング通販なないろDays•1ヶ月前

オムロン 乗るだけで すぐに測定開始！ 体重体組成計 “カラダスキャン” ＨＢＦ−２３６

オムロン 乗るだけで すぐに測定開始！ 体重体組成計 “カラダスキャン” ＨＢＦ−２３６ ※画像クリックで商品詳細へ オムロン 乗るだけで すぐに測定開始！ 体重体組成計 “カラダスキャン” ＨＢＦ−２３６ １９７３年に初代血圧計を発売してから、４９年の歴史をもつメーカー＜オムロン＞より、簡単操作ながら、充実機能の体組成計のご紹介です。体組成計とは、体重が計れ、筋肉や体脂肪などの“体組成”に関わる項目が計れるもののこと。＜オムロン＞の体組成計は、７つの測定項目が計れます！“体重”“体脂肪率”“体年齢”“ＢＭＩ”“基礎代謝”“内臓脂肪レベル”“骨格筋率”。さらに、過去の測定データから誰が乗ったの…

ハオのガジェット工房•1ヶ月前

iPhone SE4 スペックまとめ　最新リーク情報（2024年3月時点）

Apple HubがXでiPhone SE4のスペック情報をリーク（上図）しましたので、まとめたいと思います。 発売日は？ 気になる発売日は、早くて2025年春となりそうです。iPhoneSE第3世代が2022年3月の発売だったことを考えると、2025年3月発売が一番可能性が高そうです。 チップセット（SoC）は？ スマホの頭脳であるチップセットには「A18 Bionic」が搭載されそうです。 「A18 Bionic」は2024年発売予定のiPhone16に搭載される見込みのチップセットで2025年には１世代型落ちとなりますが、2023年発売のiPhone15よりも高性能となり、実用に不満を感…

Marpのテーマ屋さん•1ヶ月前

モダンでプロフェッショナルなプレゼンテーションための**modern_marketing**テーマ

このテーマの特徴 このテーマを利用する CSS Marpのサンプル このテーマの特徴 modern_marketingテーマの特徴： 1. モダンでプロフェッショナルなデザイン: * グラデーションのアクセント: タイトルページに鮮やかなグラデーションを使用し、視覚的なインパクトを与えます。 * フラットなデザイン: シンプルで洗練されたフラットデザインを採用し、読みやすさとプロフェッショナル感を向上させています。 2. わかりやすくナビゲートしやすい: * 見出しの階層化: スライドタイトル、サブタイトル、スライドコンテンツを使用して、明確な視覚的階層を作成します。 3. プレゼンに最適化:…

AKAI TSUKI•2ヶ月前

アイコンを作成する際に指定可能なデザインを聞いてみた

ChatGPTに聞いてみた。 以下、回答。 アイコンのデザインには、多様なスタイルや指針が存在します。以下に一般的なデザインの種類をいくつか挙げます。 マテリアルデザイン (Material Design): Googleが提唱するデザイン言語で、シャドウ、動き、深さの概念を用いてより直感的でタッチフレンドリーなインターフェースを実現します。 フラットデザイン (Flat Design): テクスチャ、グラデーション、シャドウを排除したシンプルなデザイン。クリーンでミニマリスティックな外観が特徴です。 ニューモーフィズム (Neumorphism): ソフトな内部シャドウと外部シャドウを組み合…

名前の無いメソロギアブログ•2ヶ月前

イラストで語るメソ

はじめましてorまたお会いしましたね。名無しのとあるメソロギアのプレイヤーです。メソロギアってこのユーザー規模のゲームにしてはイラストとても充実してるよね(超重要)。お気に入りのキャラクターへの愛着の凄まじさは凄まじいレベルで、本気で語ると誰も会話についていけないので、常に心にブレーキを踏みつづけてる現状です。このユーザー規模のゲームにしては書き下ろしのイラストあったり、汎用系も2種類＋αなどあり充実してる点はこのゲーム売りの一つだと思います。ストーリーもカード設定も殆どないので、愛着は持ちずらいですが、逆に考えれば自由に脳内で設定補完できれば逆に強固とも言えなくはないです。イラストの話がした…

Resolve Circuits•2ヶ月前

PSPを”今更”分解掃除したお話(ついでに修理なんかも)

みなさんどうも。突然ですが、PSPをご存知でしょうか？ 日本が誇る電子機器メーカー、SONYが排出した高性能携帯ゲーム機の名称です。世代が複数あり、1000番台と2000番台と3000番台があります。詳しくはWikipediaをご覧いただければと思います、そっちの方が確実に詳しい情報が手に入りますので。 で、先日とあるツテからPSPのモンハン限定バージョンをいただいたのですよ。 艶消しブラックの筐体にゴールドの装飾、なかなか良いデザイン これ、型式としてはPSP-3000なのですが、背面がPSP-1000のように立体的で 大容量バッテリーをしっかり収めるためのデザインでもある かつバッテリーも…

新着！ナビ•2ヶ月前

【13〜35%オフ！】タニタやオムロン、その他人気の体重計 10選 - Amazonタイムセール祭り

人気のタニタ、オムロン、Anker、MASRU、Withingsの体重体組成計のお得情報をご紹介します。本日2/4終了のAmazonタイムセール祭りで、13〜35％オフ！ タニタやオムロン、その他人気の体重計 10選 34%オフ タニタ 体重体組成計 BC-705N WH 35%オフ タニタ 体重体組成計 BC-331 WH 15%オフ オムロン 体重体組成計 HBF-230T-SW 13%オフ オムロン 体重体組成計 HBF-214-W 33%オフ オムロン 体重計 HN-300T2-JTW 30%オフ Anker 体重体組成計 T9146 29%オフ Anker 体重体組成計 Smart …

nikkie-ftnextの日記•3ヶ月前

からあげさんが『新刊「面倒なことはChatGPTにやらせよう」 の内容だいぶ公開』で紹介したプロンプトを素振りする（みんなのPython勉強会#100 #stapy）

はじめに 昨晩は100回目のみんなのPython勉強会にご参加いただきありがとうございました。 nikkieです。 いやー、からあげさんと辻さんのトークにLT3本と濃密でしたねー。 そんな中からこのエントリではからあげさんのトークを取り上げます。 紹介されたプロンプトをこの目で確かめたく、ChatGPT（GPT-4）とたわむれました。 目次 はじめに 目次 からあげさんによる『新刊「面倒なことはChatGPTにやらせよう」 の内容だいぶ公開』 紹介されたプロンプト からあげさん謹製のプロンプトをお試し （勉強会中に試していた）指数関数のグラフ 顔認識 ブログのアイキャッチ画像生成 似顔絵を描く…

Continuity is The Father of Success•4ヶ月前

エンジニアの視点から見る、Material Designの挑戦 (2023年末版)

2023年が終わりますね。めっちゃ寒いです。 2023年は色々とあった年でした。かつ、来年以降はこれまで以上に色々とありそうな予感に包まれています。 そこで現時点までに調べたり考えたりした、Material Designについてのあれこれをまとめておきます。 来年からは、今までよりアプリケーション開発に関わっていきたいな〜、みたいな気持ちでいっぱいです。 はじめに このブログでは、Material Designの登場(2014年中旬)から現在(2023年末)までを、一通り確認します。 最初に、Material Design 1 (M1)の登場からMaterial Design 2 (M2)まで…

帯域幅256ビット｜カタログ版•4ヶ月前

クリエイターPC eX.computer コンテンツクリエイター向けPCシリーズ｜ツクモ（TSUKUMO）

Image via TSUKUMO PCパーツショップの老舗「TSUKUMO」が展開するクリエイター向けPCを紹介します。コンテンツ制作等に強いPCが欲しいけれどデザインも譲れない、というニーズに最適なBTO PCです。