TOP  >  プロダクト

Tag : プロダクト

2017年04月08日

ブランディングの強い味方!フリーで利用できるショップバックモックアップ20種類まとめ「20 Free Beautiful Shopping Bag Mockups to Download」

ブランドのイメージを強めるショップバック。店舗を構える業種でのブランディングでは要となる外せない要素です。今回はそんな店舗ブランディングの提案を支える強い味方、ショップバックのモックアップをまとめた「20 Free Beautiful Shopping Bag Mockups to Download」をご紹介します。

different-shopping-bag-mockups
Shopping Bags PSD Template – GraphicsFuel

さまざまなデザインバリエーションで、ショップバックのモックアップが20種類集められています。その中でも気になった素材を下記にて紹介していますのでご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2017年01月01日

2017年 新年あけましておめでとうございます。

deve

皆様、新年あけましておめでとうございます。

2016年もDesigndevelopを応援・閲覧して頂き、本当にありがとうございます。最近は更新頻度が滞っており、質ではなく量での優位性をもって、デザインや開発を行っている方に貢献するというブログの軸が少しズレてしまっていました。

開設当初は最低でも毎日2件、多い日はもっと数多くの記事をお届けしていましたが、最近では1週間でも2〜3本になってしまっていました。新年ということで改めて当初のコンセプトを再度認識し進んでいきたいと思います。

記事の編集・発信については今までと変わらず、Designdevelopという名前の通り、主にフロントエンドの開発周りから、デザインの際に役立つツールなど利用するものを中心に、今年は記事更新をなるべく行えるように仕組み化し、もっと多様性のある情報、多くのデザインや開発に役立つ情報を皆様にお届けできればと考えています。

2017年、今年もDesigndevelopをどうぞよろしくお願い申し上げます。

続きを読む
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2015年05月24日

Photoshopの機能性をより高められるプラグイン「9 Free Amazing Photoshop Plugins For Designers」

写真加工をする際に使用するPhotoshop。非常にいろいろな機能が搭載されていますが、より使いやすい仕様にカスタマイズするためにプラグインを取り入れている方も多いのではないでしょうか?今回はそんな時に参考にしたい「9 Free Amazing Photoshop Plugins For Designers」を紹介したいと思います。

photoeff1

Photoshopの機能性を今よりもっと高められるプラグインが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:36  |  
Category: Photoshop   
2014年05月03日

さまざまな光の形を演出できるPhotoshopブラシまとめ「20 Free Light Effects Photoshop Brushes」

Photoshopの中でもデザイナーがよく利用するブラシツールは、手軽にいろいろな描写ができる点が非常に便利です。今回はそんなブラシで、さまざまな光の形を演出できる「20 Free Light Effects Photoshop Brushes」を紹介したいと思います。

light0
Radiant Brush Set – Free Photoshop Brushes at Brusheezy!

光やきらめきを描き出せるPhotoshopブラシが多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2012年08月18日

簡単に雰囲気の良い写真に加工できるアクションまとめ「Collection of New Photoshop Actions」

誰でも手軽に写真が撮影できるようになったことで、加工自体を自身で手がける方も増えてきていると思います。そんな中今回紹介するのは、簡単に雰囲気の良い写真に加工できるアクションまとめ「Collection of New Photoshop Actions」です。


(http://sweet-reality-xo.deviantart.com/art/Vintage-and-Retro-Colour-Actions-305292056)

Photoshopの機能として重宝されるアクション機能を利用し、さまざまなテイストの写真加工を瞬時に可能にしてしまう、とても便利なまとめです。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:36  |  
Category: Design , Photoshop   
2009年11月28日

WEBのモックデザインを作る時、便利な素材集「A Collection of Useful Web Design Wireframing Resources」

WEBデザインのモックを制作する時に、クライアントにもっとアップ時の雰囲気を分かってもらう時に必要なのがブラウザ枠などをはじめとしたインターフェイスのデザインです。今日紹介する「A Collection of Useful Web Design Wireframing Resources」はそんなインターフェイスの素材をあつめたモックデザインを作る時、便利な素材集です。

wirefram01
Photoshop Browser Templates from joel laumans

上記は解像度別のブラウザのpsdデータ。PSDで制作を進めている方には便利な素材だと思います。その他にも様々なデータがまとめられていましたので、下記に貼付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:32  |  
Category: Design , Photoshop , vector   
2011年04月19日

もっとも有名な世界のフォントのエントリーまとめ20選「20 Most Famous Fonts (And How to Get Them)」

デザインする際に重要になってくるフォントですが、その選び方でデザインの印象はガラリと変わります。日々数多くのフリーフォントが公開・制作され利用されていますが、今日紹介するのは、もっとも有名な世界のフォントまとめと、そのダウンロードの仕方のエントリー「20 Most Famous Fonts (And How to Get Them)」です。

王道のフォントや大手企業のフォントなど、参考になる様々なフォントが紹介されています。中でも気になったものをピックアップ致しましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:34  |  
Category: Design , Font   
2011年07月23日

CSS3のWEBデザインを簡易化してくれるUIフレームワーク「CSS3 Button UI」

まだまだ対応ブラウザの問題から、コーポレートサイトなどでは導入が難しいCSSですが、スマートフォンなど環境が整ってきたこともあり、利用し始めているという方も多いと思います。今日紹介するのは、角アール、シャドウなどCSS3を利用した表現を簡単に実装できるCSS UIフレームワーク「CSS3 Button UI」です。

予め、CSSが設定されており、簡単なクラスを割り当てるだけで、CSS3をのボタンを再現することができます。

詳しくは以下

コードの呼び出し例は以下のとおり。

上記は画像で貼り付けてありますが、マウスオーバーの処理もセットされていて、実用的に利用できそうです。その他にも角アールのものや文字の前に画像を表示させるものなどがセットされています。その他のデモは配布元の「CSS3 Button UI」からご覧ください。ボタンはCSS3でとお考えの方は是非どうぞ。

CSS3 Button UI

続きを読む
posted 03:20  |  
Category: WebDesign   
2015年02月23日

Photoshopで作り出すパターンチュートリアルまとめ「A Compilation Of Pattern Tutorials For Photoshop」

デザイン素材の中でも、比較的使用頻度の高いパターン素材。既存のものを手軽に使用するのも良いですが、時にはオリジナル性を高めるために自身で作りたいというシーンもあるのではないでしょうか?今回はそんな時に参考にしたい、Photoshopで作り出すパターンチュートリアルまとめ「A Compilation Of Pattern Tutorials For Photoshop」を紹介したいと思います。

pattern0221_0
How to Create an Abstract Low-Poly Pattern in Adobe Photoshop and Illustrator – Tuts+ Design & Illustration Tutorial

いろいろなデザインのパターンの作り方を、分かりやすく紹介したチュートリアルがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:16  |  
Category: Photoshop   
2010年05月06日

制作に何かと便利なベクターデータで使える世界地図25選「25+ Free Vector World Maps (.ai, .eps and .svg formats) 」

制作の素材として様々なシーンで使えるベクターデータですが、今回紹介するのはベクターの中でも利用頻度が比較的高い。世界地図を表したベクターデータを集めたエントリー「25+ Free Vector World Maps (.ai, .eps and .svg formats) 」を紹介したいと思います。

mapvector01
EPS Vector Maps for Designers (.eps format)

世界地図と言ってもシルエットで描かれたものから、地球儀の表面のように非常に作りこまれたもの、ドット絵でディフォルメされているベクターデータなどなど、様々なベクターデータがまとめられていました。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:51  |  
Category: Design , vector   
2013年07月02日

比較的最近公開されたピクセルフォントまとめ「A New Collection of Pixel Fonts」

楽しげな雰囲気や、レトロなテレビゲームの雰囲気を感じさせるピクセルフォント中から、比較的最近公開されたフォントをまとめた「A New Collection of Pixel Fonts」を今回は紹介したいと思います。

dd_font_01
Pixel Millennium font by Zdeněk Gromnica – FontSpace

ポップで可愛らしいフォントから、レトロゲームの雰囲気をそのまま楽しめるフォントまで、さまざまなタイプが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:31  |  
Category: Font   
2014年08月15日

最新のフレッシュな素材を多数まとめた「50 Fresh Freebies for August 2014」

日々どんどんと配信されている素材には、非常にさまざまな種類が存在しています。そんな中今回紹介するのは、最新のフレッシュな素材を多数まとめた「50 Fresh Freebies for August 2014」です。

free1409_1
Dribbble – Cups Mockup PSD by diogo capelo

比較的新しい、新鮮ないろいろな種類の素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:25  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る