デザインの引き出しが増える！こだわりの無料UIコンポーネント素材まとめ - PhotoshopVIP

2015/09/03 70 users デザイン モバイルアプリ デザイナー ウェブサイト ほか

最先端のデザイントレンドを取り入れた、ウェブサイトやモバイルアプリの制作に役立つ、無料UIコンポーネント素材をまとめました。 素材をダウンロードして、そのまま文字テキストを編集し、プロジェクトに活かすこともできますし、ファイルを確認することで、どのようにデザインが表現されているのか知ることもできます。またPSD素材のほかに、UIデザイン制作に活用するデザイナーが増えている、Mac向けデザインアプリ... 続きを読む

Bootstrap 4に備えよう！グリッドと基本エレメントを忠実に再現したデザイン用の素材 -GhostlyPixels | コリス

2015/08/28 58 users Photoshop コリス Bootstrap 12カラム

先週リリースされた「Bootstrap 4 alpha」で採用されている12カラムのグリッドと基本エレメントを忠実に再現したPhotoshopのPSD素材を紹介します。 Bootstrap 4のはまだ見たことないので、世...記事の続きを読む 続きを読む

デザインの参考にもできる無料のPSDファイル80選｜ferret [フェレット]

2015/05/22 87 users Ferret htm フェレット デザインテンプレート 配色

1.フラットなデザインのユーザー·インタフェース·テンプレート http://jp.freepik.com/free-psd/user-interface-template-in-flat-design_708297.htm ピンク、オレンジ、ブルーの配色がPOPなUIテンプレートのPSD素材です。 2.改ページのデザインテンプレート http://jp.freepik.com/free-psd/... 続きを読む

デザインの参考になるUIエレメントが揃ってる！次のプロジェクトに役立つユーザインターフェイス用の無料素材 -Elixir | コリス

2014/12/22 92 users Elixir コリス エレメント UIエレメント レイアウト

さまざまなバリエーションが揃っており、デザインのクオリティも素晴らしく、商用サイトにもそのまますぐに利用できるUIエレメントが揃ったPhotoshopのPSD素材を紹介します。 単に使用するだけでなく、レイアウトのバリエーション、エレメントの展開など、デザインの勉強にも役立ちます。 Elixir -PSD UI Kit デモ版と有料版があり、デモ版でもその充実度はかなりのものです。 ダウンロードで... 続きを読む

デザインの参考になる！落ち着いたカラースキームが使われているページレイアウトやUIのPSD素材のまとめ | コリス

2014/11/13 140 users コリス カラースキーム ページレイアウト 参考 デザイン

サークルやダイヤモンドのエレメント、半透明のパネル、ソリッドなライン、同一色相のグラデーションなど、最近のWebトレンドを使い細部までしっかりと作り込まれたコーポレートサイト、ポートフォリオ、ランディングページなどのペー...記事の続きを読む 続きを読む

ダウンロードしておくべし！iOS 8のGUI要素をまとめたPSD素材の決定版 -iOS 8 GUI PSD(iPhone 6) | コリス

2014/10/16 96 users コリス psd LAX iOS iPhone 6

TeehanとLaxによるiOSのGUI素材シリーズの最新版が昨日、リリースされました。 今回はiPhone 6対応のiOS 8 GUI PSDです！ iPhone GUI PSD 同サイトでは他にもiPad用のGUI素...記事の続きを読む 続きを読む

Webページやスマホアプリの洗練された新しいUIをチェック！ BootstrapのテーマやAI, PSD素材のまとめ | コリス

2014/09/30 113 users コリス Bootstrap コンポーネント 主力 Apple

Material Designを取り入れたBootstrapのテーマ、小さいGUIに魅力がたくさん詰まっているApple Watch、Appleのこれからの主力となるiOS 8のUI、進化して使いやすくなったフラットスタイルのコンポーネント、ユーザーに操作の楽しさと使いやすさを与えるさまざまなアニメーションなど、新しいUIを体験できる素材を紹介します。 新しいモノって見るだけでも、ワクワクしますよ... 続きを読む

仕事早っ！商用利用無料のiPhone 6とiPhone 6 Plusのモックアップ用PSD素材 | コリス

2014/09/10 51 users モックアップ用 7inch コリス 本日リリース 参考

本日リリースが発表されたiPhone 6とiPhone 6 Plusのモックアップ用のPSD素材を紹介します（参考：Apple iPhone 6）。 4.7inchのiPhone 6と5.5inchのiPhone 6 P...記事の続きを読む 続きを読む

iOSデザイン決定版！250個+のUIコンポーネントを収録した無料PSDキット「TETHR」 - Photoshop VIP

2014/09/08 107 users phot iPhone UIコンポーネント UIデザイン

iPhoneで使われているOS、iOS 7で採用されている250種類以上のUIデザインを完全再現し、130種類のPhotoshopデザインテンプレートを収録したiOSデザインキット「TETHR – The Most Beuatiful iOS Deisgn Kit Ever Made」が公開されていたので、今回はご紹介します。 8つに分かれたPSD素材のファイルサイズも420MBと巨大で、Phot... 続きを読む

商用にも無料で使える！レスポンシブ用の200種類以上のコンポーネントが収録されたPSD素材 -Sally Blocks | コリス

2014/06/10 83 users エレメント コリス フォーマット 各エレメント コンポーネント

200種類以上のコンポーネントに、さまざまなエレメントやブロック、スタイルが収録された、レスポンシブ用にデザインされたPSD素材を紹介します。 Sally Blocks PSD素材には、レスポンシブ用のさまざまなエレメント、コンポーネント、スタイルが収録されています。 各エレメントはベクターなのでサイズやカラー変更、テキストの変更なども簡単におこなえます。 ダウンロードできるファイルのフォーマット... 続きを読む

Appleの新しいデザインをいち早くチェック！「Mac OS X Yosemite」のUIエレメントが揃ったPSD素材 | コリス

2014/06/06 53 users コリス UIエレメント プレゼン 一昨日 Apple

先日発表があったこの秋リリース予定のMac OS X YosemiteのUIエレメントを揃えたPSD素材を紹介します。 プレゼンを元に作成したものだと思いますが、非常によく出来ています。 一昨日、紹介した「OS X Yosemiteのように背景が透ける美しいパネルを実装するスタイルシート」も仕事早かったですが、こちらも早いですね。 Free Mac OS X Yosemite UI Templat... 続きを読む

商用利用無料！パズルをデザインした背景用のベクター素材、コリス限定全員にプレゼント！ | コリス

2014/05/26 69 users ベクター コリス コリス限定 商用 グラフィックデザイナー

当ブログでもお馴染みの freepik.com 提供による背景素材をコリス限定で全員にプレゼント！ 今回はパズルをモチーフにしたちょっと面白い背景素材で、ベクターなのでカラーやサイズを自由に変更できます。もちろん個人でも商用でも無料で利用できます。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイ... 続きを読む

最近よく見かけるカードを使ったレイアウトのさまざまなコンポーネントを揃えたPSD素材 -UI Kit | コリス

2014/05/08 105 users ゴリラ 商用 コリス MIT License バナナ

ゴリラやバナナのかわいいイラストが非常に魅力的なｗ　カードを使ったレイアウトのさまざまなコンポーネントを揃えたUI KitのPSD素材を紹介します。 UI Kit 素材はMIT Licenseで、利用にあたっては個人でも商用でも無料、制限も特にない、とのことです。 各コンポーネントは見ているだけでも楽しくなるかわいいデザインに仕上がっています。 プロフィール用のカード 記事のサムネイル用のカード ... 続きを読む

新しくなったTwitterの新UIのヘッダやプロフィールにも対応！主要なソーシャルメディアのレイアウト用PSD素材が1クリックで準備できる -Social Kit | コリス

2014/04/23 69 users Twitter Facebook colisscom コリス

さきほどTwitterの日本語版ユーザーでも利用できるようになったウェブ版の新UIをはじめ、主要なソーシャルサービスの各ページ用のPSD素材が1クリックで利用できるPhotoshop用の機能拡張を紹介します。 僕のアカウント「@colisscom」もレイアウトが変更されています。 Twitter 2014年4月リリース版の新UI Twitter, Facebook, Google+, YouTub... 続きを読む

ウェブページで使用される最近のさまざまなコンポーネントをまとめたPSD素材 | コリス

2014/04/21 77 users コリス ブレーンストーミング コンポーネント ウェブページ

ヘッダやフッタ、打ち出しエリア、コンテンツエリア、ポートフォリオ、お問い合わせなど、縦長1ページで使用されるさまざまなコンポーネントを収録したワイヤーフレーム用のPSD素材を紹介します。 プロトタイプを作成する時にゼロから始めるのではなく、こういったリソースをブレーンストーミングの際のベースにするのもいいですね。 One page website wireframes ダウンロードできる素材のフォ... 続きを読む

これは便利なテクスチャ！ベクターでつくられた紙・木・布などさまざまなアイテムが揃った素材、コリス限定全員にプレゼント！ | コリス

2014/04/14 152 users コリス コリス限定 商用 ベクター グラフィックデザイナー

当ブログでもお馴染みの freepik.com 提供による背景素材をコリス限定で全員にプレゼント！ 木・紙・金属・布・皮などの全テクスチャは、ベクターなのでカラーやサイズを自由に変更できます。もちろん個人でも商用でも無料で利用できます。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化し... 続きを読む

最近のウェブデザインのトレンドを取り入れたページレイアウトのPSD素材のまとめ | コリス

2014/04/10 418 users コリス ウェブデザイン psd エレメント グリッド

ただ見ているだけでもその美しいレイアウトに惚れ々々してしまう、最近のウェブデザインのトレンドを取り入れたウェブページやスマフォページのPSD素材を紹介します。 PSDが全部ダウンロードできるので、実用にも勉強にも役立ちます！ BrandaLoka - Creative Onepage PSD Template 斜めのグリッドを使い、ダイアモンド状のエレメントを使った美しいレイアウト。 Free P... 続きを読む

しっかり作り込まれたヴィンテージ デザインの素材、全部商用無料でダウンロードできます（コリス限定） -Blackboard | コリス

2014/04/02 160 users flaticon.com エレメント ベクター 黒板 コリス

当ブログでもお馴染みの freepik.com 提供による、黒板をベースにヴィンテージのさまざまなエレメントを描いた素材がコリス限定でダウンロードできます！ freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在42,000個以上のアイ... 続きを読む

学校や教育、文房具や実験器具など、600種類のアイテムが揃ったアイコン素材（コリス限定） -Education Icons | コリス

2014/03/04 177 users flaticon.com ベクター コリス アイコン 文房具

当ブログでもお馴染みの freepik.com 提供による、600種類のアイテムが揃った学校・教育関連のアイコン素材がコリス限定でダウンロードできます！ freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在38,000個以上のアイコン... 続きを読む

ディテールの作り込みやカラースキームが素晴らしいUIエレメントが揃ったPSD素材のまとめ | コリス

2014/01/07 91 users コリス エレメント 半透明 UIエレメント カラースキーム

次のプロジェクトで使いたくなるようなワクワクするUIエレメントが揃ったPSD素材を紹介します。 全てPSDファイルがダウンロードでき、UIエレメントだけでなく、PSDファイル自体もしっかりと作り込まれているものばかりです。 GerduKreatip - Agency Portfolio Theme 目に優しいグリーンをアクセントカラーにしたフラットなスタイルで、サークル状のエレメントや半透明、アイ... 続きを読む

こいつは便利！FacebookやTwitterの最新のレイアウト用のPSD素材がすぐに利用できるPhotoshopの機能拡張 -Social Kit | コリス

2013/12/25 78 users Twitter Facebook コリス ソーシャルサービス

Facebook, Twitter, Google+など、主要なソーシャルサービスの各ページ用のPSD素材が1クリックで利用できるPhotoshop用の機能拡張を紹介します。 アップデート機能も備えているので、常に最新のものが利用できるのは便利ですね。 機能拡張もPSD素材も無料で利用できます。 Social Kit Social Kitのインストール・使い方 各ソーシャルサービスのテンプレート ... 続きを読む

商用利用無料、スマフォ向けユーザインターフェイスの引き出しを増やすPSD素材 -Flatastic Mobile UI Kit | コリス

2013/12/05 115 users コリス psd 区分け エレメント 半透明

ソリッドなライン、半透明のパネル、サークル状のエレメント、囲み線を使わない情報の区分けなど、美しくデザインされたスマフォ用のUI要素が100以上揃っており、しかも使用しているフォントやアイコンもセットになっているPSD素材を紹介します。 Flatastic Mobile UI Kit ダウンロードできる素材のフォーマットはPSDが2種類。 .psd (Retina Display) .psd (S... 続きを読む

全て商用利用無料！すぐに使えるJPEG素材からオリジナルを作成できるPSDまでブラーな背景素材のまとめ | コリス

2013/11/27 180 users コリス psd jpg 美しいブラー スマートオブジェクト

美しいブラーな背景のすぐに使えるJPEG素材から、自分で用意した画像からでも簡単に作成できるチュートリアル付きのPSD素材までを紹介します。 12 Blurred Backgrounds 個人・商用利用、無料。 すぐに使える.jpgだけでなく元PSDもあり、スマートオブジェクトなので簡単に編集もできます。.psdは約300MBですｗ 10 Free Backgrounds 個人・商用利用、無料。上... 続きを読む

ページレイアウトから各種エレメントまで、勉強用にも最適なフラットなスタイルのPSD素材のまとめ -PSDchat | コリス

2013/11/21 94 users コリス readme.txt エレメント 再販 商用

ページレイアウトをはじめ、よく使うさまざまなエレメントなど、フラットなスタイルのPhotoshop用のPSD素材をPSDchatから紹介します。 制作にすぐに利用するもよし、勉強用にじっくり見るのもよしの良質素材です。 素材の利用にあたっては個人でも商用でも無料で、クレジット表記は必要ありません。ただし、再販や再配布は禁止です。詳しくはダウンロードファイルの「readme.txt」をご覧ください。... 続きを読む

ウェブでも紙でもOK！汎用性に優れた1400種類のシンプルなアイコン素材（コリス限定） -Universal Icon Sets | コリス

2013/11/12 132 users コリス Twitter ベクター コリス限定 ウェブ

お待たせしました！ 先日、Twitterでつぶやいたコリス タイアップ企画のアイコン素材を紹介します。 当ブログでもお馴染みのFreepik.comから、100アイテム14セットの計1,400個が揃ったアイコン素材がコリス限定でダウンロードできます！ Freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。ア... 続きを読む