最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材のまとめ
最近のWebのUIはフラットデザイン・Material Designが着実に進化し、シンプルでコンテンツにフォーカスされたデザインが定着してきました。テキストは読みやすく、写真はより大きく使用されています。レイアウトは縦長型やカード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインが主流となっています。 最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材やプレビューを紹介します。 Boring Cards UI Kit PSD、個人・商用利用無料。 Bootstrap 4でも新しいコンポーネントとして注目されているカードを使用したUIキット。黄金比をベースにしたデザインはさまざまなサイズ・カラーで展開することができます。
ガチンコデザインコロシアム優勝！バナー制作のスピードとクオリティを上げる「俺の引き出し」全公開
どうも、やなぎさわです。私、バナーデザイン大会で奇跡的に優勝してしまいました。正直なところ今でも信じられないのですが、振り返ってみると、普段から実践していたことがフルに活きたことが理由なのではと思うのです。 そこで今回は、バナーデザイン大会の様子と優勝できてしまった私が、普段から実践していることをご紹介したいと思います。 ちなみに、参加した大会の概要はこちらです。 「ガチンコデザインコロシアムリターンズ~ダダ漏れバナーを作ってみた~」 制限時間15分でバナーを作成する お題は直前に発表 作成画面はライブ配信される（めっちゃ恥ずかしい） Web投票で勝敗が決定 ※この時の模様は2015年4月19日まで無料で視聴できます。（要無料会員登録） 大会の様子 ガチンコデザインコロシアムというネーミングがたまりません…。 こんな感じで、お題とバナーサイズのみ告知されます。「母の日」といえばカーネーショ
Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]
Webサイトやアプリの制作の際に欠かせないものの１つに”アイコン”があります。しかし、 「自分で作るのは大変…。」 「お金をかけたくない！」 「プロは、どうしてるのかな…？」 こんな悩みを抱えている人も多いはず。そこで今回はSchooのデザインを手がけているデザイナーが実際に使っているおすすめのフリーアイコンサイトを5つご紹介します♪ ■目次 1.Font Awesome 2.ICON FINDER 3.flaticon 4.ヒューマンピクトグラム2.0 5.IcoMoon 1.Font Awesome スクーのサイト内のいたるところで使用している、Webフォントのアイコンサイト。 こちらのサイトのWebフォントのアイコンを使えば、画像を作らなくてもサイトにワンポイントで配置できます。 又フォントとして利用できるため、サイズや色をCSSで変更することが可能です。 2.ICON FINDER
![Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7e5e78173c1b358f770e033408afa8394bd779f/height=288;version=1;width=512/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fi.schoo%2Fimages%2Farticle%2Fdesign%2Fwdkj25_7.png)
商用利用無料！Webページの背景に使えるいい感じの大きな写真画像の素材 -Huge images pack
Webページの背景に使う大きな写真画像、デスクトップの壁紙などにもいい高品質な写真画像素材を紹介します。 通常は有料ですが、今週末まで無料なので、ダウンロードはお早めに！
かわいい柄から繊細なものまで、細かい柄のパターン素材のまとめ
かわいい柄や繊細なパターン、八角形やジグザグやクロス、ノートやカーボンやメタルなど、さまざまなパターン素材を紹介します。
持ってると便利なピクセルベースのPhotoshopのパターン素材
ディテールの強化やテクスチャの作成に便利な、ドットやラインのピクセルベースのPhotoshopのパターン素材を紹介します。
無料ですさまじく使い勝手が良く参考にもなるPSDファイルのウェブデザインテンプレート10種類
ネット上には時として「こんな高品質なものが無料でよいのか？」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates Of July 2010 For Free Download ◆その1：FreePSDTheme >> Free “Black Eve” PSD 以下の6種類で構成されています。 about.psd blog.psd contact.psd index.psd media.psd services.psd ◆その2：FreePSDTheme >> Free “PixelStudio” PSD themeforest_pixelstudio.psdが1つあり、その中に全部入っています。 ◆その3：
HTML5+CSS3用のブラウザのスタイルをリセットするテンプレートファイル -HTML5 Reset
HTML5+CSS3の環境で汎用的に利用できるHTML・スタイルシート・スクリプトなどのファイルを一式にまとめたテンプレートを紹介します。 ファイル構成：コメント無し版 各ファイルの説明 index.html HTML5の要素を配置した汎用的に利用できるHTMLファイル。各スタイルシートファイルも埋め込まれています。 css/main.css @import用のスタイルシートです。 css/reset.css Eric Meyerの「Reset CSS」です。 css/core.css ベースとなるスタイルが定義されています。 css/_patches 各ブラウザ用のスタイルシートです。 css/_print プリント用のスタイルシートです。 js Modernizrがセットされています。
Photoshop関連まとめ
Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ。 Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ、というか 個人的なリンク集です。シェア したいと思ってエントリします。 おそらく抜けてる有益サイトもありそうなので参考程度になさってください。海外サイトが殆どにどうしてもなってしまいますが、殆どは図解入りなので、英語が読めなくてもある程度分かるかと思います。バージョン、ライセンスに関しては表記し切れませんので個々でお確かめ下さい。 配布サイトはフリーをメインにしています。あと、カテゴリ分けはしていますが、結構適当です。 配布サイトブラシ・シェイプ・パターンブラシや、カスタムシェイプ、パターンの配布サイト
フリーで配布されているPhotoshopのパターンいろいろ
以前、必要になった時に探したサイトをメモ。 Photoshopのパターンを配布してくれている サイトのまとめです。多くの場合はセット配布 や、Photoshop関連の専門サイトなので まとめのまとめという形になります。全て無料 ですが、著作権は個別にご確認下さい。 何かと重宝するPhotoshopパターン。全てフリーでダウンロードできます。 208 Retro Photoshop Patterns レトロなPhotoshopパターン208種。 208 Retro Photoshop Patterns 200+ free beautiful Photoshop patterns hand-picked 200以上ものPhotoshopパターンまとめ。 200+ free beautiful Photoshop patterns hand-picked Web treats Web treat
アイコンやボタン、フォーム、パンくずなどウェブ用のUIがセットになったPSD素材
ウェブのUIでよく利用されるエレメントがセットになった無料のPSD素材をMediaLootから紹介します。 Freebie: Massive Web UI & Button Set UIセットにはコントロールボタンやアロー、ベーシックなシンボルをはじめ、インフォボックス、テキストボックス、パンくずやボタンなどのナビゲーション、ドロップダウン、スピーチバブル、検索フォーム、ローディングエレメントなどが揃っています。 ダウンロードできるPSDファイルは、3つのスタイル、7つのカラーがあらかじめ用意されています。 素材の利用にあたっては個人・商用ともに無料で利用が可能で、再販などは不可とのことです。 詳細はサイトおよび添付のテキストを参照ください。
【デザイナー修行日記】 ウープスデザインの石嶋さんにいろいろ教わった！ - IDEA*IDEA 〜 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能（Commercial use）なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約（Terms of Use等）をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真商用サイトでも利用できるロイヤリティフリー、パブリック
これは絶対覚えておいた方がよいシルエットの素材集:phpspot開発日誌
これは絶対覚えておいた方がよいシルエットの素材集。 85サイトのフリーかつハイクオリティなシルエット素材集が物凄い勢いでまとまっています。 覚えておくと色々な場面で使えることは間違いなさそう。 人型だけじゃなくて、動物や昆虫・植物などそろってます。 リンク先は以下のＵＲＬから参照してください 85 Free High Quality Silhouette Sets | Graphics
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
持ってると便利な手描き風のアロー・矢印のPhotoshopのシェイプ素材
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
押してもらいやすそうな綺麗なボタンっぽいソーシャルアイコン集:phpspot開発日誌
http://www.designwalker.com/2009/11/button-resources.html
150 Free PSD Buttons For Every Day Use | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
