フラットデザインに使える無料アイコンセット19選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
フラットデザイン、今や大きなトレンドとなっています。 これまであれだけ「Skeuomorphismデザイン」を推進してきたAppleでさえ、iOS 7からフラットデザインを採用し始めました。潮流とは儚いものですね。 フラットデザインの特徴上、見た目がシンプルで質感を要しないので、制作するのに「Skeuomorphismデザイン」ほど時間がかからず大量生産できちゃいます。なので、質の高いアイコンセットを選りすぐるのには結構時間がかかります。 ということで、今回はそんな「フラットデザイン」に使えるエレガントなアイコンセットを20個集めてみました。参考になればと思います。 フラットデザインに使える無料アイコンセット20選 5 Flat Popular Browsers Icons Set PSD https://gooloc.com/5-flat-popular-browsers-icons-s
Mobile App Introduction Template·フラットUIが格好良いモバイルアプリ紹介ページ用テンプレート MOONGIFT
Webページのテンプレートと言えば汎用的なものが好まれますが、ちょっと物足りないと感じることも多々あります。そんなときにはいっそのこと、特定の目的に合わせたテンプレートを選ぶのも良いです。 Mobile App Introduction Templateはまさに目的が明確で、モバイルアプリ紹介ページ用のテンプレートになっています。今時の画面デザインで紹介ページを作成する際にはぜひ！ Mobile App Introduction Templateの使い方 こちらがメイン画面。フラットなUIで格好良いですね。 機能説明ページ。アニメーションもあります。 スライド式の説明ページ。 もちろんレスポンシブなデザインです。 スクロールすると表示されるツールバー。 Mobile App Introduction TemplateはTumblrに似たカラーリングのテンプレートになっています。後はアプリの
2014年9月第4週号 1位は、フラットデザインがコンバージョンレートをアップさせた事例、気になるネタは、Twitpic、買収により存続決定──コンテンツも無事に | gihyo.jp
週刊Webテク通信 2014年9月第4週号1位は、フラットデザインがコンバージョンレートをアップさせた事例、気になるネタは、Twitpic、買収により存続決定──コンテンツも無事に ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2014年9月15日～9月21日の間に見つけた記事のベスト5です。 1. How Flat Design Increases Conversion Rates - Speckyboyhttp://speckyboy.com/2014/09/17/flat-design-increases-conversion-rates/ フラットデザインがコンバージョンレート（サイト訪問者が購入や資料請求、会員登録などに至る割合）をアップさせた事例を紹介した記事です。 以下、各
Multi-Level Push Menu v2.1.4, https://github.com/adgsm/multi-level-push-menu
Multi-level push menu v2.1.4 by ECM-DMS (BPM) Multi-level push menu is cross-browser compatible jQuery plug-in allowing endless nesting of navigation elements. Following basic, lightweight release v1, version v2 brings number of exposed plug-in methods (NEW! Redraw, Visible menus, Hidden menus, Propagate events), options (NEW! Full menu collapse) and events/callbacks (onMenuReady and onMenuSwipe a
フラットデザインでCSSベースの読込アニメーションいろいろ「SpinKit」:phpspot開発日誌
SpinKit | Simple CSS Spinners フラットデザインでCSSベースの読込アニメーションいろいろ「SpinKit」 ８種類のフラットデザインでカッコいいピュアCSSのアニメーションが掲載されており、ソースコードも簡単コピペできます これまでのGIFアニメーションだとフラットなデザインが台無し、ということにもなりそうですが、フラットなサイトのローディングエフェクトを実装する際には使えますね。 関連エントリ ピュアCSSなローディングアニメーション実装サンプル クールなローディングエフェクトのアイデア＆サンプル集 ボタンに直接ローディングボタンを付けられる「Ladda」 for Bootstrap 3
Flatastic Mobile UI Kit - The Design Inspiration
Designers of mobile interfaces are becoming more prominent in today’s faced-paced web space. App designers are in high demand now particularly in user interface. UI design focuses on user experience and interaction, and while being easy-to-use is important for a successful mobile app. Flatastic Mobile UI Kit is a large user interface kit containing hundreds of mobile UI elements, which will help y
フラットで超カッコいいUIライブラリ「Semantic UI」:phpspot開発日誌
Getting Started | Semantic UI フラットで超カッコいいUIライブラリ「Semantic UI」 ボタン、ヘッダー、アイコン、パンくずリスト、フォーム、グリッド、メニュー等実に豊富で、クールななUIエレメントがセットになっています。 ざっと見たところ、Bootstrapにも対抗できそうなUIライブラリです。とにかく、流行りのフラットデザインベースがカッコいい。 マークアップもBootstrapより、より自然な記法になっているところも嬉しい。 Bootstrapとお互いに競争して素晴らしいライブラリになってくれると利用側としては選択肢が増えてありがたい限り。 関連エントリ FlatなUIが美しいJSレスなUIライブラリ「TopCoat」 Yahooが作ったピュアCSSのUIライブラリ「Pure」 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「
美しいフラットなアイコンフォント「Dripicons」:phpspot開発日誌
Dripicons (Line-Icon Font) by Amit Jakhu 美しいフラットなアイコンフォント「Dripicons」 ここの所、ガンガンこうしたアイコンが出ていますが、今後ももっと沢山のアイコンがでてくるでしょう。 フラットデザインはアイコンも作りやすいという事がありますから、素材もどんどん増えてよりデザイナーの方も便利になっていく一方で、フラットなりの工夫を付けないと誰が作っても同じデザイン、という風になりそうですね。 関連エントリ FlatなUIが美しいWEBサイト２５ 天気予報用のアイコンがセットになったアイコンフォント「Forecast Font」 FlatなUIが美しいJSレスなUIライブラリ「TopCoat」 フリーな1262種類のフラットアイコン「COSMO MINI」
フラットデザインのサイト、アイコン、配色まとめ集 | Web制作 | SRE BLOG
かなはまです。 今回は今年大流行のフラットデザインに関するサイトのまとめです。サイト制作前にぜひ参考にしてみてください！ フラットデザインとは？ シンプルで平面的なデザインのことです。最近のWebデザインのトレンドとして、AppleやGoogle、マイクロソフトもフラットデザインを取り入れています。シンプルで現代的なUIを実現することができる半面、ユーザーがどこをクリックして良いか分かりにくい、個性的なサイトが作りにくいなどといったデメリットもあります。 ◆参考 ウェブ業界で流行しているフラットデザインの利点と欠点 http://gigazine.net/news/20130808-flat-web-design-is-here-to-stay/ 今回は、 ①配色に困ったら参考にしたいサイト ②フラットアイコンまとめサイト集 ③フラットデザインサイトまとめのまとめ を紹介します！ ①配色
フラットデザインとは？UIの特長と注意点 デザイン会社 ビートラックス: ブログ
最近「フラットデザイン」という言葉をよく耳にする 。 このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。 ここ最近ではGoogleが提供する種々のアプリやFacebookのUI、Windows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。 例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。 フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない
フリーな1262種類のフラットアイコン「COSMO MINI」:phpspot開発日誌
Blog, Freebies | Icojam - sweetest free & premium royalty-free stock icons フリーな1262種類のフラットアイコン「COSMO MINI」 次のようなフラットアイコンが配布されていて、WEBの他、色々な場所で使えそうです 40x40サイズのPNG形式で配布されていて、ベクターではありませんが、十分使えそう。 関連エントリ フラットが美しすぎるアイコン24個セット 地図と共に使えそうな２００のフリーベクターアイコン集 シンプルで使えそうな５０のベクターアイコンセット 汎用で使えそうなフリーのアイコンフォント「Genericons」 ピクトグラムアイコンの検索に便利な「IconsDB」 iPhone用のアイコン３００個セット「ICON BEAST」 アイコンフォントを使ってレスポンシブかつRetina対応のUIメニューを
人や動物のシルエット
Although you may have heard the term ‘user interface’ before, you may still wonder “What is UI?” The goal and only purpose of a user interface (UI design), as the name implies, is to create an excellent user experience. Many automated solutions exist to make UI design simpler and faster; however, the designer must understand some basic rules on how to create an effective user interface design. Be
フラットなデザインを理解する上で知っておきたい5つのポイント -Principles of Flat Design
フラットなデザインは、決して単純なデザインと同じ意味ではありません。もちろんシンプルにデザインして答えがでるのであれば、それにこしたことはありません。 フラットなデザインのUI素材を数多くリリースしているdesignmodoから、フラットなデザインとは何かを理解する上で重要となる5つの特徴を紹介します。 フラットにあまり心を動かされなかったのですが、ぐらっときました。 Into the Arctic フラットなデザインはその名の通り、二次元のフラットなスタイルを使用します。このコンセプトは既存のエフェクトなしで機能します。ドロップシャドウ、ベベル、エンボス、グラデーションなど奥行きを与えるエフェクトは使わないようにします。 ページ内のテキスト、ボックス、画像、フォーム、ナビゲーションなどの全ての要素はエッジのきいたスタイルで、シャドウはありません。Appleによく見るSkeuomorphi
Top 50 Free Flat Icon Sets for UI Design
Flat design icon sets are a popular design trend in which icons are created with a flat, minimalistic style that eschews the three-dimensional look of more traditional icons. They typically use simple shapes, bold colors, and clean lines to create a clear and easy-to-understand visual language. Flat design icon sets use a limited color palette and simple shapes, they are often more visually consis
Flat Design UI Kit - Free Download | Webdesigner Depot
Trends start everyday: an idea is adopted, passed on and before you know it it’s being discussed on design blogs. However, most trends vanish as quickly as they appeared. To paraphrase Andy Warhol, everything will be trendy for 15 minutes. Once in a while, an idea is found to have something so fundamental about it that it thrives, even after the initial clamor dies down. Responsive design was one
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flat Rounded Square UI Kit
新着記事
新着記事
フラットデザインUIキット Part 1 - NxWorld
IDEA * IDEA
