本当は教えたくないイケてるアイコン素材集サイト「FLAT ICON DESIGN」がすごい
パワーポイント等で資料を作ることがあるのですが、自分でも「もうちょっといけてる感じにならないかな」と思うことがあります。 そんなときに頼りになるのがアイコン素材集サイト。今回はその中でも、本当は誰にも教えたくないイケてるサイトをご紹介します。 FLAT ICON DESIGN FLAT ICON DESIGNのなにがイケてるかって、 アイコンのデザインの質が高いアイコンの数・種類が多いタグで探せるサイズや拡張子を選択できる背景有無など1つのアイコンに複数のバリエーションがあるアイコンにしっかりした説明文が書いてある商用利用無料という感じ。すごいです。 ここのアイコンを資料に少し入れるだけで、それっぽくすることができます。 最近ちょこちょこ使うアイコンをご紹介します。 imac風のデスクトップPCimac風のデスクトップPCのイラストアイコン素材です。最近ではWEBページはレスポンシブルデザ
商用OKで無料！アイコンやシルエット等の汎用的な素材配布サイト11選 - あなたのスイッチを押すブログ
資料作りに使えるアイコンや、ブログデザインに使えるシルエット・ドット絵など、小型で取り回しの良い画像素材をまとめたオススメのサイトがあります。 無料でかつ商用FREE。可変も基本的にOKと、非常に自由度の高い使用条件なのが特徴。再配布や素材そのものの販売をしない限りは、自由に使ってくださいという太っ腹なサイトたちなのです。 ぜひ、あなたのクリエイティブライフの中に取り入れてみてください！ 商用FREE これからご紹介するサイトで配布されているデザインは、基本的にはすべて商用利用OKで、かつ無料です。 しかし、ダウンロードしたデザインを再配布したり、販売したりする行為は禁止になっています。 複雑な利用規約はないですが、最低限のルールとマナーは守りましょう。人の優しさに漬け込む行為はダメですよ！ それでは参りましょう。 ヒューマンピクトグラム リンク：human pictogram 2.0 (
Aroma
無料WordPressテーマ Aroma Aroma はクリエイティブにもビジネスにも使える、トップページ1カラム、下層ページ2カラムのシンプルなWordPressテーマです。 気軽にはじめよう！ 無料WordPressテーマ Aroma は無料で使用できるWordPressテーマ！今すぐダウンロードして使用できます。 そのまま使っても、カスタマイズして使ってもOK！用途に合わせてご自由にお使いください。 スマホでも見やすい！2カラムのレスポンシブ・テーマ Aroma はトップページ１カラム、下層ページ2カラムのレスポンシブデザインテーマです。PC/Macでの表示はもちろんのこと、iPadなどのタブレットやスマートフォンでの表示を自動で最適化します。 だれでも簡単！ デザインカスタマイズ カスタムヘッダー機能に対応しており、トップページのメインビジュアルや各ページのヘッダー画像、ロゴマーク
フラットデザインの制作に活用したい 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
普通の画像にひと手間加え、ステキな仕上がりにするテクスチャ素材のまとめ
テクスチャ素材をそのまま背景に使うだけではもったいないですよね。画像に重ね、不透明度やレイヤーモードを変更するだけでさまざまな面白い効果が得られます。 そんなアイデアが刺激されるテクスチャ素材をPhotoshop Tutorialsから紹介します。 素材は全て商用利用もOK、無料でダウンロードできます。 メンバーになると更に高解像度の素材が揃っていますが、無料版でも1,000x2,000pxと十分なサイズです。
フラットなデザインでユーザーが使いづらいのを解消するアドバイス -フォーム編
フラットなスタイルの一番使いにくいところは、どこですか？ 僕はそのシンプルなスタイルのボタン（リンク）です。一見ボタンに見えない、まるで見出しやコンテンツの一部のようにデザインされていると操作に迷ってしまいます。 そんなフラットなスタイルで、ユーザーが最小限の努力で、正確に何をすべきか理解できるフォームを作成するためのアドバイスを紹介します。 Flat UI and Forms 下記は各ポイントを意訳したものです。 フォームのUIで大切なポイント フォームの使いづらい例と改善例 フォームのUIで大切なポイント フォームとは、そのプロダクトやサービスを受ける時に情報を交換するためのインタラクションです。これはサインアップやウェブ検索をはじめ、Eコマースやネットバンクまですべてを含みます。 まずは、フォームのデザインでユーザーに必要とされることとコンテンツで必要とされることの相違点を見てみまし
無料で商用利用も可能なフラットデザインUIキット「Flat Rounded Square UI Kit」
iOS 7へのアップグレードに合わせてさまざまなアプリがインターフェースや機能の変更を行っていますが、これからウェブサイトやアプリをフラットデザインにしよう、という時に便利なUIキットが「Flat Rounded Square UI Kit」です。ブログのデザインや各種ボタン・アイコン・グラフ・テキストボックスなどが統一感のある落ち着いたデザインで作られており、ファイルはPSD形式、JPG形式、ACO形式の3種類、ライセンス・フリーなので商用・非商用を問わず自由に使用することができます。 Flat Rounded Square UI Kit http://www.webappers.com/flat-ui-kit/ まずはウェブサイトやソフトウェアなどで使用するナビゲーション・ボタンいろいろ。紺色を基調としており、効果的に赤や水色が使用されています。 ノーマルのボタンはバリエーションのある
Bootstrap3超速レビュー！刷新されたグリッドシステムを理解しよう！
Bootstrap3超速レビュー！刷新されたグリッドシステムを理解しよう！ 白石 俊平（HTML5 Experts.jp編集長） 人気のCSSフレームワーク「Bootstrap」のバージョン3が正式にリリースされました。この記事では早速Bootstrap3をレビューし、特にグリッドシステムを掘り下げて解説してみます。 フラットデザイン採用、フルレスポンシブ！ Bootstrap2からの変更点のリストは、公式のリリース文を参照してください。特に大きな変更点は以下のとおりです。 フラットデザインの採用 現在流行のフラットデザインを採用しました。ただこれは「流行りに乗った」のではなく、テーマの一つとして提供されているという位置付けのようです。 例えば以下は、Bootstrap3のボタングループです。 レスポンシブWebデザインの全面採用 以前までのBootstrapは、レスポンシブWebデザイン
フラットデザインに使える配色をコピーできるサイト「Flat UI Colors」 | ライフハッカー・ジャパン
フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー
これは気になる！最近のウェブデザインで人気のカラーをまとめたスウォッチ素材
前回紹介したフラットなユーザインターフェイスを作成する際にぴったりなカラースウォッチの第二弾がリリースされていたので、紹介します。 今回は442種類のカラーがセットになっており、前回のVol.1を含めてダウンロードできます。
[CSS]さまざまなデザインのボタンを簡単に実装できるSass/Compassのボタンライブラリ -Buttons
最後はオプションで上から、サイズ変更、inputやbuttonなどのフォーム要素、ラッパー付きのボタン Buttonsの使い方 使い方は非常に簡単です。 Step 1: 外部ファイル Buttons.zipをButtons- GitHubからダウンロードし、外部ファイルとして記述します。 <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/button.css"> Step 2: HTML あとは、HTMLにボタンのスタイルを使うだけで実装できます。 デモのHTMLは、こんな感じです。 <a href="#" class="button button-rounded button-flat-primary">press me</a> <a href="#" clas
フラットデザインに使える無料アイコンセット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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
新着記事
流行に乗っていいの？フラットデザインの落とし穴
新着記事
新着記事
新着記事
新着記事
