TOP  >  デザイン

Tag : デザイン

2013年04月14日

Fireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」

WEB制作の主流の制作ツールであるAdobe、Fireworks。photoshopとイラストレーターを組み合わせたような制作ツールで、多くの制作者に利用されていますが、今日紹介するのはFireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」です。

iOSの筐体のフレームデータの他に、タイトルやタブメニュー。ボタン、ローディングなどなど、iOSに必要なデザインパーツが網羅されています。

詳しくは以下

(さらに…)

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

【商用可】丸で囲われたシンプルで使い勝手の良いアイコンセット「Metrize Icons」

WEBでのユーザーインターフェイスを劇的に改善してくれるアイコン。それだけに素材としても多く流通しており、WEB上では様々な高品質のアイコンセットが公開されていますが、今日紹介するのは丸で囲われたシンプルで使い勝手の良いアイコンセット「Metrize Icons」です。

収録されているアイコンは全部で300種類にも及び、それぞれシンプルなピクトグラムライクなものとなっております。

詳しくは以下

(さらに…)

続きを読む
posted 04:51  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2013年04月12日

花をモチーフにした可愛らしいフォトショップブラシセット「Free Lovely Flowers Photoshop Brushes」

女性をターゲットにしたデザイン制作を手がけることが多いデザイナーの方は、一つ一つ細かいパーツを組み合せた繊細なデザイン制作をされている方も多いのではないでしょうか?そんな中今回は、手軽に利用できる花をモチーフにした可愛らしいフォトショップブラシセット「Free Lovely Flowers Photoshop Brushes」を紹介したいと思います。

大小さまざまな花びらをモチーフに制作されたPhotoshopブラシが6つセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 03:42  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
2013年04月11日

タイトルとしても使いやすいデザインフォントまとめ「22 Free Gothic Fonts For Designers」

デザイン制作時に欠かせないフォントはフリーで利用できるものも多く、デザインテイストに合わせて、さまざまなフォントを選択できるようになっています。そんな中から今回紹介するのが、タイトルとしても使いやすいデザインフォントをまとめた「22 Free Gothic Fonts For Designers」です。


Cartographer Font | dafont.com

ポップなテイストから、手書きのイラストのようなフォントまで、さまざまなデザインフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:06  |  
Category: Design , Font   
このエントリーをはてなブックマークに追加
2013年04月10日

タグデザインフリーPSDまとめ「25 Appealing Tags PSD Designs for Free Download」

webやBLOGの制作時に必須となってくるタグ自体をデザインすることは少ないかもしれませんが、より細部にまで力を入れることで作品のクオリティを高めることができるのではないでしょうか。今回はそんなシーンに利用したい「25 Appealing Tags PSD Designs for Free Download」です。


Tag Cloud with Post Count (PSD) | Themedy

フリーのタグデザインが、PSDデータで多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:45  |  
Category: Design   
このエントリーをはてなブックマークに追加
2013年04月07日

キラキラの質感を手軽に表現できるブラシセット「20 Sets of Free Sparkle Brushes For Photoshop」

デザインにラグジュアリーで女性らしい雰囲気を演出したい時に、キラキラとした質感をプラスすることは多いかと思います。今回はそんなシーンに活用できるブラシセット、「20 Sets of Free Sparkle Brushes For Photoshop」を紹介したいと思います。


Sparkling brushes by ~LoRdaNdRe on deviantART

定番として使えそうなシンプルなタイプから、アレンジの聞いた個性を感じるものまで、さまざまな種類が収録されています。気になったものをピックアップしてみましたので、まずは下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:45  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加

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

2014年02月22日

デザイン性の高いwebサイトを手軽に フリーレイアウトpsd「20 Clean & Modern Free Web Layout PSDs」

webサイトを制作するにあたってまず行わなければならないのは、全体のレイアウト構成を作ること。しかし最終的に思い通りのものに仕上げるためには、センスだけでなく時間や予算も必要になってきます。今回はそんな懸念部分を解消できる、フリーレイアウトpsd「20 Clean & Modern Free Web Layout PSDs」を紹介したいと思います。

freepsd0219_1
Website Templates | Free HTML Templates | Free Psd Template-128 – Latest Free Templates

デザイン性の高いwebサイトのレイアウトpsdがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2008年05月13日

WEBショップ運営者の方へ最適フリークレジットカードアイコン「Free Credit Card Icons」

WEBショップ運営者の方へ最適フリークレジットカードアイコン「Free Credit Card Icons」

現実世界でもWEBでも決済手段として普及しているクレジットカード。特にWEBでは現実世界以上に、クレジットカード決済できるかどうかを分かりやすくユーザーに示すことが必要かと思います。今回紹介する「Free Credit Card Icons」はクレジットカードのアイコンをフリーでダウンロードすることが可能です。

VISA、MasterCard、American Expressなど日本でもお馴染みのクレジットカード会社のアイコンが配布されていますので「Free Credit Card Icons」自体は海外のサイトのコンテンツですが、国内でも十分に使えるかと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:04  |  
Category: Design   
tag: Design
2017年07月23日

デベロッパーとデザイナーのための最新リソースまとめ「10 Fresh Resources For Designers」

デベロッパー、デザイナーであれば常に最新の素材を所持しておきたいもの。ですが、膨大にある素材の中で探し出すことは非常に大変。今回はそんな最新のリソースがまとめられた「10 Fresh Resources For Designers」をご紹介していきたいと思います。

designresource_top
30 Adventurous Space To Earth Icons [Freebie] – Smashing Magazine

アイコンからモックアップまで色々な種類がまとめられています。いくつかピックアップしていますので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Photoshop , WebDesign   
2009年11月07日

有名なバンドロゴに使われているフォントをフリーフォントで「Fonts Used In Popular Band Logos」

誰しもが耳にしたことがある超有名なバンドのロゴタイプのフリーフォントを集めたエントリーが今回紹介する「Fonts Used In Popular Band Logos」です。

bandfont01
The Beatles – Bootle

The Beatles、KISS、My Chemical Romanceなどなど世界的に有名なバンドのフォントが集められています。まとめられているもののなかからいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:11  |  
Category: Design , Font   
tag: Design Font
2007年12月10日

Mac版!FirefoxとThunderbirdのバックアップ方法

OS移行のためにHDDをまっさらにするかもしれないので、環境も移行する準備をしていかないと行けなくなってしまいました。今回はもっともよく使っているツールの一つ「Firefox」と「Thunderbird」のバックアップについて記していきたいと思います。

基本的には両アプリケーションともに基本的な設定や内容、パスワードや個人設定にいたるまですべてを「プロファイル」に保存しています。なので基本的にはこのプロファイルをバックアップ取ってやれば環境もバックアップできたことになります。

詳しくは以下

(さらに…)

続きを読む
posted 11:57  |  
Category: Tool   
tag: Tool
2015年03月14日

3サイズ揃ったラインアイコンセット「100 Responsive Line Icons」

アイコンは、さまざまな種類がセットになっている状態でダウンロードできることがほとんど。一度に多彩なバリエーションを手に入れることができるのも嬉しいところです。そんな中今回紹介するのは、3サイズ揃ったラインアイコンセット「100 Responsive Line Icons」です。

freebielineicon1

シンプルで柔らかいテイストのアイコンが100種、セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2011年11月11日

神秘的な世界を作り上げられるPhotoshopチュートリアル集「30 Creative Photoshop Tutorials To Create Fantastic Art」

写真加工から合成までさまざまな世界を表現できるPhotoshopは、クリエイティブ業界には必須のソフトですが、利用方法や技術はさまざまで、常に勉強が必要なソフトでもあります。そこで今回は、技術を学べるさまざまなPhotoshopチュートリアルの中から、ファンタジックな世界を作り上げられるチュートリアルを集めた「30 Creative Photoshop Tutorials To Create Fantastic Art」を紹介したいと思います。


Create a Pop Art Style Poster with Urban City Background in Photoshop – PSD Vault

絵画のような世界から、リアルな世界観を表現できるチュートリアルまで、さまざまなチュートリアルが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2010年03月25日

ドラッグして画像を回転できるjqueryプラグイン「jQuery Reel Plugin」

軽量で高機能なjavascriptライブラリjQueryその手軽さから、多くのWEBデザイナーに利用されており、様々な機能が開発され公開されていますが、今回紹介するのはドラッグして画像を回転できるjQueryプラグイン「jQuery Reel Plugin」です。

reelreel

実際言葉だけではなかなか伝えづらいのでデモが配布元に公開されていましたので、デモをご覧になりたい方は「jQuery Reel Plugin」からどうぞ。こちらはクイックタイムのVRのように画像を回転させる事ができます。これによりプロダクトを様々な側面で見たり、パノラマビューを違う角度でみせたりなど、いままでFLASHなどを使わなければ実現できなかった表現が可能になっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:07  |  
Category: WebService   
2014年04月08日

デザインに動きや機能性を簡単に取り入れられる HTML5&CSS3チュートリアル「Useful And Fresh HTML5 & CSS3 Tutorials」

デザイン構築をする際に便利に利用できるHTML5&CSS3。目的に合わせて組み込まれていると思いますが、どのようにしたら実現できるかわからないことも多いのではないでしょうか?そんな時に活用したい、HTML5&CSS3チュートリアル「Useful And Fresh HTML5 & CSS3 Tutorials」を今回は紹介したいと思います。

html50408_1
Caption Hover Effects | Codrops

デザインに動きや機能性を簡単に取り入れられるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:44  |  
Category: Design   
2009年05月09日

WordPressのフリーギャラリーテーマの決定版「Gallery WordPress Theme」

画像や実績を見せるのに適しているギャラリーページ。普通に静的なページで作ると管理が面倒だし、数が増えてくるとメンテナンスも苦労します。そこで今日紹介するのはwordpressで作るフリーギャラリーテーマ「Gallery WordPress Theme」です。

450x450-release

細かな設定が必要な部分はありますが、Wordpressを用いて簡単に良くあるギャラリーページを構築することができます。

詳しくは以下

(さらに…)

続きを読む
posted 12:49  |  
Category: WordPress   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る