FigmaのVariants入門 - さらにコンポーネントを使いこなそう

2022/04/13 23 users figma コンポーネント Components 定番 前回

ウェブ制作の現場で定番となってきたデザインツール「Figma」。前回の記事『デザインの管理と効率化が行える FigmaのComponents入門』では、デザインパーツの管理や柔軟な変更が可能になる「Components」機能を紹介しました。 本記事ではComponentsをまとめ、検索性を保ちつつ、さらに柔軟な変更と管理が行える「Variant... 続きを読む

水彩絵の具デザインを無料でたのしむ、美しいフリーベクター素材まとめ - PhotoshopVIP

2015/08/18 121 users 無料 ウェブデザイン ビンテージ ベクター素材 質感

ウェブデザインだけでなく、グラフィックデザインでも人気となっている、水彩絵の具ペイントデザイン。人間らしさや温かさ、ビンテージな質感などを表現できるアイテムを中心に、無料ダウンロードできるベクター素材をまとめてご紹介します。 ロゴデザインやポストカード、ウェブサイトのデザインパーツなどの作成から、巨大なビルボード広告まで対応できる、拡大縮小も自由自在なベクター素材が揃っています。 詳細は以下から。... 続きを読む

PSブラシを使いこなす！無料ダウンロードできる厳選素材33個まとめ 2014年10月度 - Photoshop VIP

2014/10/27 81 users Photoshop Vip 無料 2014年10月度 不定期

不定期となりますが、デザイン制作に活用できるPhotoshop無料ブラシ素材をまとめてご紹介しています。今回は2014年10月度まとめとなります。 デザインパーツとしてそのまま利用できる素材から、他のアートワークに重ねることでさまざまな質感を追加するレタッチ系ブラシや、人気が高いビンテージ系デザインなど、幅広いセレクションが揃っています。 詳細は以下から。 PSブラシを使いこなす！無料ダウンロード... 続きを読む

速報：iOS 8を完全再現したIllusatrator用無料ベクターUIコンポーネント素材 - Photoshop VIP

2014/09/18 67 users Photoshop Vip 速報 iOS 8 ヘルスケア 機能

先ほどAppleがiOS 8の一般提供を開始したばかりですが、すべてのUIデザインコンポーネントを完全再現したIllustrator用ベクター素材がすでに無料で公開されていました。新しく追加された「ヘルスケア」アプリや、機能が改善されたカメラディスプレイなどまで忠実にデザインを再現しています。 Free iOS 8 Vector UI Kitは、収録されているデザインパーツはどれもピクセル単位で設... 続きを読む

第4回　デザインパーツを使おう：BootstrapでレスポンシブなWebサイト制作｜gihyo.jp … 技術評論社

2014/06/11 32 users Bootstrap コンポーネント gihyo.jp 前回

BootstrapでレスポンシブなWebサイト制作 第4回　デザインパーツを使おう 2014年6月11日 齋藤みつる Bootstrap この記事を読むのに必要な時間：およそ 9 分 1 2 今回はコンポーネントとして使うデザインパーツ（コンポーネント）を紹介します。 デザインパーツとは デザインパーツを紹介する前に，デザインパーツを「そのまま使うこと」の意味を考えてみましょう。 前回紹介した基本... 続きを読む

平面デザインを3D立体変換する、無料モックアップPSD素材PhotoshopVIP | PhotoshopVIP

2013/05/27 32 users PhotoshopVIP 平面 アイコン UIデザイン 以下

平面で描かれたスケッチ画やデザインパーツを、立体的に変換してくれる、ユニークな無料モックアップPSD素材、Isometric Perspective Mock-Upが公開されていたので、今回はご紹介します。 イメージ画像だけでなく、テキストファイルやアイコン、UIデザインなどにも対応しており、ひと味違うプレゼンテーション資料作成にも役立ちそうですよ。 詳細は以下から。 平面デザインを3D立体変換す... 続きを読む

動画で学ぶ、Photoshopデザインチュートリアル紹介サイト「FX-Ray」 - Photoshop VIP

2013/04/10 44 users Photoshop Vip チュートリアルサイト 動画 英語

Photoshopのデザイン方法を学ぶ、チュートリアルサイトの中でも、クリエイティブで高品質なデザインのつくり方を、動画で解説してくれるサイトFX-Ray.comが素敵だったので、今回はご紹介します。 必要なデザインパーツはすべて無料ダウンロードでき、本格的にPhotoshopを使ったデザイン編集も覚えたい人にもぴったりです。英語による解説となりますが、どのチュートリアル動画も20分ほどにまとめら... 続きを読む

トレンドカラー配色、無料UIデザインテンプレートPolaris UI + アイコンLinecons - Photoshop VIP

2013/02/04 76 users Photoshop Vip ＨＯＭＥ 短縮 アイコン素材 素材

Home　>　 ダウンロード　>　アイコン素材　>　トレンドカラー配色、無料UIデザインテンプレートPolaris UI + アイコンLinecons Webデザイン制作時間の短縮にもつながる、UIデザインテンプレート素材Polaris UIが公開されていたので、今回はご紹介します。 Webサイトを作成するときに、必要であろうデザインパーツ、素材が、ひと通りデザインされているので、統一感もばっちり... 続きを読む

Photoshop VIP ☞ ECサイトにオススメ、商品タグや表テーブルの高品質フリーPSD素材45個まとめ

2012/04/17 331 users Photoshop Vip ECサイト おすすめ 値札 機会

ショッピングサイト制作では、通常のホームページやブログなどでは利用しないデザインパーツを利用する機会があるかもしれません。 たとえばセール商品用の値札や、金額表テーブルなど 、ユーザーに分かりやすく伝えることができます。 海外デザインブログTripWire Magazineで、45種類の書品タグや表テーブルなどの無料PSD素材ファイルをまとめたエントリー「45 High-Quality and F... 続きを読む

Photoshop VIP ☞ レトロ、ビンテージデザインに活用したいフリーフォント35個まとめ

2012/01/16 153 users ビンテージデザイン フリーフォント レトロ 需要 エントリー

最近のWebデザイントレンドのひとつとして、時代がタイムスリップしたような、レトロデザインが人気です。 そんなレトロ、ビンテージデザインのなかでも、フリーフォントは需要なデザインパーツではないでしょうか。 海外デザインブログDesignModoで、レトロデザインを作成するときに便利なフリーフォントを35個まとめたエントリー「35 Vintage and Retro Free Fonts for Y... 続きを読む

Photoshop VIP ☞ 商用可で高品質、デザインに便利な無料素材を50個以上公開しているサイトPexeden

2011/09/22 125 users 商用可 Photoshop Vip 高品質 デザイン 無料素材

Webデザインだけに限らず名刺やポスター、カタログ！などを制作するときに便利なデザインパーツを無料公開しているサイトPexedenを、今回はご紹介します。 公開されているデザイン素材も50種類以上と豊富で、圧倒的なグラフィックデザインのセンスには脱帽です。 どれも個人、商用ともに問題なく利用することができる点もポイントですよ。 詳細は以下から。 Pixedenは、Webデザインやポスター、名刺など... 続きを読む

Photoshop VIP ☞ Webデザイン制作用PSD素材を無料ダウンロードできる10個のWebサイト

2011/08/15 120 users Photoshop Vip Webサイト 10個 無料 世界中

Webサイトを制作するときにさまざまなデザインパーツが必要となります。 うれしいことに世界中のWebデザイナーが高品質なデザインパーツ素材を無料で公開してくれています。 海外デザインブログOur Tutsで、Webデザインに利用したいPSD素材を定期的に無料配布しているサイト10個をまとめたエントリー「10 Awesome Websites with Free PSD Resources for ... 続きを読む

Photoshop VIP ☞ Webサイト制作に利用したい無料デザインPSD素材50個、あつめました。

2011/08/03 135 users Photoshop Vip Webサイト制作 エントリー

海外デザインブログWebdesigner Depotで、Webサイト制作に利用したいデザインPSDパーツ素材を50個まとめたエントリー「50+ PSD UI Web Design Elements」が公開されていたので、今回はその中からいくつかピックアップしてご紹介します。 どれも細かい部分まで時間をかけてデザインされた高品質なデザインパーツばかり揃っており、今後のデザイン制作に利用してみてはいか... 続きを読む

Photoshop VIP ☞ 水彩絵の具でペイントしたような質感を表現するPhotoshop無料ブラシ素材

2011/07/25 70 users 水彩絵の具 質感 Photoshop無料ブラシ素材 ペイント

Photoshopを使って水彩絵の具の様なペイントを可能にしてくれる無料ブラシ素材が、海外デザインブログBittBoxで公開されていたので、ご紹介。 収録されているブラシ素材「High-Res Watercolor Brushes」は、合計８種類となっておりどれも2500px以上でデザインされた高画質なデザインパーツとなっています。 お好みの色を選んで、ボタンをクリックするだけで水彩絵の具のような... 続きを読む

Photoshop VIP ☞ ボタンデザイン完全版、ダウンロードしておきたいPhotoshop無料PSD素材60個まとめ

2011/07/12 961 users Photoshop Vip ＨＯＭＥ PSD素材まとめ

Home　>　 まとめ　>　PSD素材まとめ　>　ボタンデザイン完全版、ダウンロードしておきたいPhotoshop無料PSD素材60個まとめ Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。 海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding... 続きを読む

Photoshop Vip » Webデザインの配色によるイメージの違いと具体例まとめ

2011/06/17 140 users 配色 Photoshop Vip 具体例 webデザイン 印象

News Home > News > Webデザインの配色によるイメージの違いと具体例まとめ Webデザインの配色によるイメージの違いと具体例まとめ 2011年6月17日　　　 Webサイトの印象、イメージを決めてしまう重要なデザインパーツのひとつ「配色」。 それぞれのデザインプロジェクトに適した配色を見つけるのは大変で、時間がかかるものです。 たとえばお好みのカラーリングを見つけても、他の色との... 続きを読む

Photoshop Vip » デザイン制作に活用したい無料Photoshopブラシ素材、100個あつめました。

2011/06/01 313 users Photoshop Vip デザイン制作 100個 NEWS

News Home > News > デザイン制作に活用したい無料Photoshopブラシ素材、100個あつめました。 デザイン制作に活用したい無料Photoshopブラシ素材、100個あつめました。 2011年6月1日　　　 Photoshopを利用する方の多くがデザインに利用できるブラシ素材の検索を行うのではないでしょうか。 ブラシ素材を利用することで、必要とするデザインパーツをスタンプ感覚で... 続きを読む

Photoshop Vip » クリックしたくなる「ボタン」デザインのPhotoshop無料PSD素材50個まとめ

2011/05/26 672 users Photoshop Vip ボタン デザイン NEWS 用途

News Home > News > クリックしたくなる「ボタン」デザインのPhotoshop無料PSD素材50個まとめ クリックしたくなる「ボタン」デザインのPhotoshop無料PSD素材50個まとめ 2011年5月26日　　　 Webサイトにおいてよく利用されているデザインパーツのひとつ、ボタンデザイン。 たとえば送信ボタンや、アプリ購入用ボタン、資料請求などのお問い合わせボタンなど用途やデ... 続きを読む

Photoshop Vip » 要ダウンロード、Web制作に役立つ無料PSDデザインパーツ30個まとめ

2011/05/24 342 users Photoshop Vip 労力 NEWS パーツ Web制作

News Home > News > 要ダウンロード、Web制作に役立つ無料PSDデザインパーツ30個まとめ 要ダウンロード、Web制作に役立つ無料PSDデザインパーツ30個まとめ 2011年5月24日　　　 webデザインを制作するときにどのようなデザインパーツを作成していますか。 すべてのパーツをデザインするとなると、時間も労力もかかってしまいます。そんなときはあらかじめデザインされた無料素材... 続きを読む

Photoshop Vip » デザイン制作で活躍する無料アイコン素材まとめ 2011年5月度

2011/05/19 81 users Photoshop Vip デザイン制作 NEWS 印象 多く

News Home > News > デザイン制作で活躍する無料アイコン素材まとめ 2011年5月度 デザイン制作で活躍する無料アイコン素材まとめ 2011年5月度 2011年5月19日　　　 Webサイトで利用されるデザインパーツのひとつにアイコン素材があります。 デザインを変更しただけで、サイト全体の印象をがらりと変えることができ、多くの無料アイコン素材が世界中で公開されています。 海外デザイ... 続きを読む

Photoshop Vip » 美しいイメージ写真を利用したWebサイトデザイン30選

2011/05/15 99 users Photoshop Vip ウェブユーザー NEWS 興味

News Home > News > 美しいイメージ写真を利用したWebサイトデザイン30選 美しいイメージ写真を利用したWebサイトデザイン30選 2011年5月15日　　　 イメージ写真はウェブユーザーに興味を惹かせるデザインパーツのひとつではないでしょうか。 たとえば背景画像としてフルサイズのイメージ写真を利用したウェブサイトなどがその代表例です。 海外デザインブログDesign Instr... 続きを読む

Photoshop Vip » Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ

2011/05/09 372 users Photoshop Vip 要ダウンロード webデザイン

News Home > News > Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ 2011年5月9日　　　 最近のウェブデザインの特長のひとつとして、ピクセル単位にまで気を配ったデザインパーツを利用しているケースをよく見かけるようになりました。 影などを利用し... 続きを読む

Photoshop Vip » 背景デザインに使える継ぎ目のないオシャレなストライプ素材、400個あつめました。

2011/04/18 644 users 継ぎ目 Photoshop Vip Photosh NEWS

News Home > News > 背景デザインに使える継ぎ目のないオシャレなストライプ素材、400個あつめました。 背景デザインに使える継ぎ目のないオシャレなストライプ素材、400個あつめました。 2011年4月18日　　　 Webデザインを制作するときに重要なデザインパーツのひとつが背景デザインではないでしょうか。 真っ白の味気ない背景デザインを簡単に、効果的にデザインするにはPhotosh... 続きを読む

Photoshop Vip » 保存版、いろいろなテクスチャ、パターン素材を利用したウェブサイトデザインまとめ

2011/04/07 125 users テクスチャ Photoshop Vip NewsHome

NewsHome > News > 保存版、いろいろなテクスチャ、パターン素材を利用したウェブサイトデザインまとめ保存版、いろいろなテクスチャ、パターン素材を利用したウェブサイトデザインまとめ2011年4月7日　　　　新しくウェブサイトやブログをデザインするときにどこから作成しますか。ビジュアル面のインパクトももっとも与えやすいデザインパーツは背景テクスチャではないでしょうか。あまり目立たないテク... 続きを読む

Photoshop Vip » 春を感じる、彩り豊かな継ぎ目のないPhotoshopパターン素材34個まとめ

2011/03/30 110 users 継ぎ目 Photoshop Vip Twitter mixi

NewsHome > News > 春を感じる、彩り豊かな継ぎ目のないPhotoshopパターン素材34個まとめ春を感じる、彩り豊かな継ぎ目のないPhotoshopパターン素材34個まとめ2011年3月30日　　　　ウェブサイトやグラフィックデザインのデザインパーツとして、twitterやmixiなどの背景画像としても利用することができるPhotoshop用パターン素材。海外デザインブログOur ... 続きを読む