【翻訳】ビジュアルデザインはつまらなくなってしまったのか？ - MOL
Original：HAS VISUAL DESIGN FALLEN FLAT? （2015-01-20）by Emmet Connolly 2013年から2014年の劇的なUIフラット化により無数のピクセルが流れ落ちていった それはビジュアルデザインにおいて非常に大きな変化だった。Microsoftの急進的でモダンなMetro UIはその前兆だった。iOS7のリリースよって大衆化し、UIのトレンドは2極化した。Google Material Designによって、おおかた完成した。 フラットデザイン（未完成であるけれど便利な表現）はスキューモーフィズム（同前）を駆逐するだけでなく、それの墓の上で踊り、すべてのべべル、影、墓石のテクスチャさえ消し去ってしまった。 上図のようなデザインである。 発展、変化、流行は避けられないものだ。このような最新スタイルもまた、いつの日か廃れていくだろう。未来
フラットデザインでレスポンシブなプログレスバー作成「ProgressBar.js」:phpspot開発日誌
スマホアプリ紹介WEBサイト作成テンプレート「Mobile App Introduction Template... 次の記事 ≫：動画パスを指定するだけで簡単に背景動画を設定できる「video-background-...
Web制作者が捗る！知識が増える2014年トレンドまとめ
作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェクト ５．フルスクリーン動画 ６．画像シーケンス 脱ビットマップ画像 ７．SVG ８．Webフォントを円で囲む 配色・フォント ９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果 １２．Infinite Scroll(無限スク
『３分で分かるフラットデザイン』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、DETOXでデザイナーをしているSonokoと申します。 今回はDETOXで用いたフラットデザインについてお話したいと思います。 DETOXとは DETOXとは言いたいことも言えないこんな世の中で、ネガティブな発言や失敗や愚痴を気心の知れた友人同士で共有できるニュータイプSNSです。 「SNS疲れ」などで溜まった現代のココロの闇を「ポイズン」として吐き出せます:) DETOXでは、iOS 7の普及に伴いフラットデザインを搭載しました。 トレンドの「フラットデザイン」ってなに？まずはどんなものか、百聞は一見にしかず
フラットデザインの制作に活用したい PSD UIキット「15 Latest PSD Flat UI Kits for Designers」
TOP > Design > フラットデザインの制作に活用したい PSD UIキット「15 Latest PSD Flat UI Kits for Designers」 現在主流のフラットデザイン。シンプルなデザインが特徴ですが、これまでに制作したことがない方にとっては、コツをつかむまでに時間を要することもあるのでは？今回はそんな制作シーンに活用したい、PSD UIキット「15 Latest PSD Flat UI Kits for Designers」を紹介したいと思います。 （EAMEJIA | Premium and free graphic design resources | Flat UI Kit PSD） フラットデザインテイストの、さまざまなwebデザインで利用できるUIがセットになって紹介されています。 詳しくは以下 Free Spark Flat UI Kit
iOS 7のユーザーエクスペリエンス評価
フラットデザインは行動のきっかけとなる要素を見えなくしている。また、周辺部付近でのスワイプは、カルーセルやスクロールに干渉する可能性がある。 iOS 7 User-Experience Appraisal by Raluca Budiu on October 12, 2013 日本語版2013年12月2日公開 iOS 7はAppleのタブレットとモバイルデバイス用のオペレーティングシステムだが、iOSの旧バージョンまでの特徴だったスキューモーフィックデザインをやめた。新しい外見はこれまでのバージョンのオペレーティングシステムとは大きく異なっており、Appleがこれまで8年かけて熱心に構築してきた約束事のいくつかを大胆に放棄している。しかし、新デザインは本当に良くなっているのか。新しい外見の好き嫌いにかかわらず、新機能の中にはユーザビリティにとっては歓迎すべき改善もある。その一方、苦痛をもた
ページレイアウトから各種エレメントまで、勉強用にも最適なフラットなスタイルのPSD素材のまとめ -PSDchat
ページレイアウトをはじめ、よく使うさまざまなエレメントなど、フラットなスタイルのPhotoshop用のPSD素材をPSDchatから紹介します。 制作にすぐに利用するもよし、勉強用にじっくり見るのもよしの良質素材です。 素材の利用にあたっては個人でも商用でも無料で、クレジット表記は必要ありません。ただし、再販や再配布は禁止です。詳しくはダウンロードファイルの「readme.txt」をご覧ください。
iOS7のデザインに合わせたデザイン制作ができるUIキット「Free iOS 7 UI Kit」
iOS7で発表されたフラットデザインへの基準デザインの変更にともない、アプリ制作者のデザイン感にも大きな影響を与えているのではないかと思います。今回はそんなiOS7のデザインに合わせたデザイン制作ができるUIキット「Free iOS 7 UI Kit」が早速公開されていましたので、紹介したいと思います。 iOS7の特徴的なフラットデザインを取り入れた、スマートフォンサイトやアプリ制作に使いやすい基本UIが詰まったキットとなっています。 詳しくは以下 タイトル、タブボタン、メニューなどをはじめ、設定画面などでよく用いられるON/OFFボタンやリストの表現方法までが網羅されているので、このUIキットがあれば基本的なフラットデザインアプリを簡単に制作することができそうです。 UIをこのまま利用するのはもちろん、フラットデザインの考え方を学んだり、デザインの参考にしたりと、さまざまな用途で利用でき
時代は廻る。1930年代のインテリアデザインが、現代のブログデザインそのものだった。
こちらがMorgan Fisherさんのファブリックアート。 淡いカラーと優しい色の組み合わせに安定感がありみていて心が落ち着きます。 このアート、実はMorgan Fisherさんの祖父が1930年に書いたインテイリアの小冊子から着想を得て製作したそうです。 本の内容はこのようになっています。インテリアのことについてびっしりと書かれている、のだと思います。たぶん。 デザインも”廻る” 今回紹介したこのデザイン、よーく見てみてください。 僕のブログを読んでくれている人たちならきっと”あれ”に見えてくるはずです。 そう。これまんまブログの構造なんですよね。 上の長方形がヘッダー。その下にメインカラムとサイドバー。 そして彩度を抑えた色味は今流行のフラットデザインを想起させます。 こちらはシングルカラムのブログデザインですね。 最近良く見る色合いです。 この色を見て僕は真っ先にprasmさんを
iOSのデザインはフラットにすればイイってものじゃない - #RyoAnnaBlog
iOS 7でデザインがフラットになったが、二次元になると直感的な操作ができなくなったり、野暮ったくなる事がある。例えば、Safariのブックマークやカレンダーの日時選択。 白背景に青文字は手を抜いたデザインに見えるし、日時の選択も、拡大鏡で工夫されているが文字だけでは操作しにくい。特に日本語のフラットデザインは、白背景と原色文字の組み合わせが悪いように思う。 そこで今回は、Dribbbleにアップされているフラットデザインのアイデアを集めた。 Alarm Clock (wip) by Rick Waalders Experiment with Metro UI by Yura Yarokhovich Musix app by Scardi Shek Analytics by Rovane Durso iOS 7 animation [.ae giveaway] by Fabio Basil
高品質なフリーのPhotoshop素材まとめ「44 Useful Free Photoshop Files For Designers」
TOP > Photoshop > 高品質なフリーのPhotoshop素材まとめ「44 Useful Free Photoshop Files For Designers」 Photoshopは便利な画像加工ソフトですが、クオリティの高いデザインや部品を作ろうとするとどうしても時間が掛かってしまうものです。今回はそんな時に便利なPhotoshopフリー素材のまとめ「44 Useful Free Photoshop Files For Designers」を紹介したいと思います。 Stylish Ribbons PSD | PixelsDaily デザインの骨組みとなるUIから細かなアイコン群まで、数多くの素材まとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 iPhone 5 Psd Landscape Mockup | Psd
[Webデザイン]フラットデザインは日本語サイトに合わないんじゃないの問題について
私たち日本人は膨大な量の常用、非常用の漢字の意味を生活の中である程度知ってますし、地と獄という文字の組み合わせの持つ恐ろしいイメージをも知っています。ていうか、獄だけでもヤバそうに感じますよね。 反対に、英語圏の人がアルファベットの組み合わせの字面だけでその意味を想起するのかはちょっとわかりませんけど、少なくとも私たち日本人にとっては26文字の組み合わせから何らかの印象を受けることは難しいんじゃないかと思います。つまり、英語は文章の内容がデザインの印象に影響を与えにくい(おそらく少なくとも日本人は、文字のみからは英語であるという程度の印象しか持てない)はずです。 その代わり、アルファベットではバラエティー豊かなフォント等を駆使したタイポグラフィーが特にその役割を大きく担っていると考えてます。 で、漢字は表意文字としての側面が強く、そこにあるだけでその意味を知っている我々の受ける印象をある程
![[Webデザイン]フラットデザインは日本語サイトに合わないんじゃないの問題について](https://cdn-ak-scissors.b.st-hatena.com/image/square/7cfd3775620b84fe86079c61a46b94a71503d8a1/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F09%2Fwebdesign-flat-japanese-02-150x150.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今、身につけておきたいデザインのテクニックが論理的にしっかり学べる一冊 -Webクリエイティブの新しい考え方
キュートな配色がかわいい！センスが光るUIエレメントが揃ったPSD素材
新着記事
新着記事
【保存版】iOS 7のインターフェイスやアイコンを作成するのに役立つデザイン用の素材・チートシートのまとめ
新着記事
流行に乗っていいの？フラットデザインの落とし穴
新着記事
