Webサイトのアイデアを形にする！ワイヤーフレームやフローチャートに使える素材のまとめ
最近のWebサイトで使われているさまざまなレイアウト、ヘッダやフッタやナビゲーションやコンテンツのパターンがキット化されたワイヤーフレームやフローチャートを作成するのに役立つ無料素材を紹介します。 ランディングページや縦長ページをはじめ、コマースサイト、企業サイトなど、多種多様な案件に対応できます。スマホ用ナビゲーション100種類とかは勉強にもいいですね。 Platforma Web Wireframe Kit(.psd, .ai, .sketch) 最近のWebサイトで使用されているさまざまなコンポーネントがキット化されており、組み合わせるだけでさまざまなページのワイヤーフレームを作成できます。無料版と有料版があり、無料版でもかなりのボリュームです。 iOS Wireframe Kitも無料でダウンロードできます。
【11月編】プレゼンからモックまで！無料のPSDファイル49選
プレゼン資料や製品、ホームページのデザインで、実際の完成イメージを伝えたい時があるのではないでしょうか。 そんな時に、役立つのがPSD形式のモックアップやテンプレートです。 デザインしてあるベースの画像に製品の画像を差し込むだけで、手軽にプレゼンに適した画像が作れます。 今回は、無料で使える便利なPSDファイル50個をご紹介します。 いずれも高品質かつ実用性が高いので、使えそうなものがあればぜひダウンロードしてみてください。 無料で使える便利なPSDファイルまとめ 1.Psd iPad Pro Vector Mockup http://www.pixeden.com/psd-mock-up-templates/psd-ipad-pro-vector-mockup iPad Proをリアルに表現したPSDモックアップ素材です。 2.Woman Psd Marl T-shirt Mockup
200種類の汎用性に優れたSVGアイコンとその使い方が勉強になる！新しいデザインに役立つUIコンポーネント素材 -WPF UI
今までとは一味違う新しいデザインを組み立てるのに役立つ、美しくデザインされたUIコンポーネント素材を紹介します。アイコンを得意としているクリエイターの制作なので、汎用性に優れたアイコンが素材に含まれているだけでなく、その使い方にも注目です。 素材は商用無料で、ライセンスは良い子だけが使える「Good Boy License」。 手を洗わない子は使っちゃダメ！ WPF UI Framework WPF UI Framework -GitHub ダウンロードできる素材のフォーマットは、2種類。 .psd (Photoshop用) .sketch (Sketch用) アイコンは、200個の.svgファイルで含まれています。 コンポーネントにはWindows 8をテーマにしたさまざまなものが揃っています。 200種類のSVGアイコン オフキャンバス メニュー ソート機能付きのグリッド ツールバー
最近のWebデザインで採用されているレイアウト72種類を収録した無料のUI素材（PSD, AI, Sketch） -UI Tiles
最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles UI TILES: WEBSITE FLOWCHARTS ダウンロードできる素材のフォーマットは、4種類。 .psd（72種類のレイアウトとチャート） .ai（72種類のレイアウトとチャート） .sketch（72種類のレイアウトとチャート） .png（72種類の各レイアウト） 各フォーマットにはそれぞれ72種類のレイアウトとチャートが揃っており、ワイヤフレームやフローチャートやサイトマップとして利用できます。
Project Parfaitで尋常じゃない速さでpsdファイルからウェブサイトを組み立てる - 素人がプログラミングを勉強していたブログ
Project Parfaitとは、adobeが開発してるβ版の、ウェブサイト作成支援のサービス。これを使うと、.psdのデザインファイルからHTMLを書き起こすのが異常に高速になるので、オススメしておこうと思う。 具体的には、psdファイルをアップロードすると、psdファイルの要素がレイヤー別に選択できるようになる。わかりやすいように画像で実例を出すと（一部塗りつぶしてあるが） このようになる。 あとは、Copy Textをクリックするとクリップボードに文字が選択されるので、HTMLファイルを書きながら <li><a href="#">{テキストをペーストする}</a></li> のように書いて、その後、Copy CSSをクリックし li { /*CSSをペーストする*/ } のように、貼り付けて上記の画像の場合はfont-weightがおかしいのでboldに手動で直して、widthやh
商用にも無料で使える！レスポンシブ用の200種類以上のコンポーネントが収録されたPSD素材 -Sally Blocks
商用にも無料で使える！レスポンシブ用の200種類以上のコンポーネントが収録されたPSD素材 -Sally Blocks
商用利用無料、今時のスマフォアプリ用のワイヤーフレーム素材 -App Wireframes Kit
スマフォアプリ用のさまざまなUIエレメントが用意されたベクターベースのワイヤーフレーム素材を紹介します。 App Wireframes Kit ダウンロードできる素材のフォーマットは、2種類。 .psd .ai どちらもベクターベースで作られているので、サイズ変更やカラー変更なども簡単にできます。 App Wireframes Kitには、スマフォアプリ用のさまざまなコンテンツが収められています。 素材の利用にあたってはロイヤリティフリーで、個人でも商用でも無料で利用できる、とのことです。詳しくはダウンロードファイルの「License.txt」をご覧ください。 ダウンロードはページの下の方からです。
商用利用無料、シンプルなアウトラインが非常に美しいアイコン素材 -150 Outlined Icons
ウェブサイトやアプリで使うさまざまなアイテムが揃った、シンプルな美しいアウトラインで作成されたミニマルなアイコン素材を紹介します。 フォーマットはPSD, AI, SVG, Icon Fontと全て揃ってます！ 150 outlined icons – PSD AI SVG Webfont ダウンロードできるアイコンのフォーマットは全てベクターで、4種類が揃っています。 .psd .ai .svg フォント（.woff, .eot, .ttf, .svg） あらゆる作業環境でそのまま使用できますね。 アイコンのアイテムは全部で、150種類！ ウェブサイトやブログ、アプリでよく利用するアイテムが揃っています。
高品質なものを探すのが難しい、タッチデバイスのジェスチャーをイラスト化したアイコン素材 -Touch Gesture Icons
タッチデバイスで人気が高いジェスチャーをイラスト化したアイコン素材を紹介します。 作者の方より、既存の30種類から新たに18種類のジェスチャーを追加したよ、と連絡を受けました。 Touch Gesture Icons ダウンロードできる素材のフォーマットは、PSDもベクターも揃っています。 .png（すぐ使う用） .psd（ウェブ制作用） .eps（紙用、いろいろ変更したい用） PNGは48, 64, 128, 256, 512pxの5種類のサイズが用意されており、PSDは.aiがスマートオブジェクトとして使われています。 利用にあたっては個人でも商用でも無料、とのことです。 詳しくはダウンロードファイルの「License.txt」をご覧ください。 ジェスチャーは、全部で48種類。 まずは、既存の30種類。タップ・ピンチ・スワイプなどが揃っています。
全て商用利用無料！すぐに使えるJPEG素材からオリジナルを作成できるPSDまでブラーな背景素材のまとめ
全て商用利用無料！すぐに使えるJPEG素材からオリジナルを作成できるPSDまでブラーな背景素材のまとめ
美しいソリッドなラインとかわいいベタ塗りの2種類が揃ってる無料のアイコン素材 -Pixeden
ビジネスサイトでも個人ブログでも無料で利用できる、ソリッドとベタ塗りの2種類が揃った高品質のアイコン素材を紹介します。 アイコンのアイテムは128種類、それぞれにソリッドとベタ塗りが揃っています。 ダウンロードできるアイコンのフォーマットは3種類、それぞれ30px, 60px用が用意されています。 .ai .eps .psd .psdはシェイプで作成されているので、サイズやカラーの変更も簡単です。 .psdをPhotoshopで開いたキャプチャ アイコンの利用にあたっては個人でも商用でも無料、とのことです。 詳しくはダウンロードファイルの「license-README-FIRST.txt」をご覧ください。 アイコンは全部で4パック。 ご利用の際は、各ページよりダウンロードしてください。
ウェブでも紙でもOK！汎用性に優れた1400種類のシンプルなアイコン素材（コリス限定） -Universal Icon Sets
お待たせしました！ 先日、Twitterでつぶやいたコリス タイアップ企画のアイコン素材を紹介します。 当ブログでもお馴染みのFreepik.comから、100アイテム14セットの計1,400個が揃ったアイコン素材がコリス限定でダウンロードできます！ Freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在18,000個以上のアイコンが登録されています。 Freepik.comでアイコンの検索する時は、下記のページからが便利です。 Freepik.comでアイコンを探す 今日は、汎用性に優れた使いやすいアイコンをコリスのビジター向けにまとめてくれました。 ダウンロードできるアイコン素材のフォーマットは下記の通り。 .png （すぐ
使用の制限無しで無料！多彩なカラーが美しい、ソフトな質感のアイコン素材 -Softies
フラットなスタイルにソフトな質感を加えた美しいアイコン素材を紹介します。 ゴムのようなソフトな質感が、いい感じです。 アイコンは単に無料ということだけでなく、使用の制限も無しとのこと、太っ腹！ Softies ダウンロードできるアイコンのフォーマットは、2種類。 .psd (ベクター） .png (すぐ使う用） .pngは64px, 128px, 256pxの3サイズが揃っており、.psdは各アイコンはベクターで作成でできています。 .psdをPhotoshopで開いたキャプチャ 素材の利用にあたっては、制限無しでフリー！！ GPLライセンス下で、個人でも商用でもあらゆるプロジェクトで無料で利用できます。 アイテムは全部で44種類！ 128px版を少し縮小したものですが、その美しさはこのサイズでも堪能できると思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
ウェブデザインのセンスを磨こう！ 2014年洗練されたディテールのUIデザインのまとめ
非常にかわいくデザインされたクリスマス用の無料アイコン素材 -Christmas Flat Icons
フラットの進化形！より使いやすくデザインされたiOS 8のUIを一足先に堪能できる無料のPSD素材 -iOS 8 GUI PSD
利用の制限一切無し！ベクターもPSDもフォントも全て揃ったチョー太っ腹なアイコン素材 -Captain Icon
ウェブデザインのセンスを磨こう！ 2013年洗練されたディテールのUIデザインのまとめ
商用利用無料、スマフォ向けユーザインターフェイスの引き出しを増やすPSD素材 -Flatastic Mobile UI Kit