TOP  >  Design

Tag : Design

2015年08月06日

自身で一から作り上げることができるデザインチュートリアルまとめ「38 Best Design Tutorials for Learning Sketch 3」

1つのデザインを完成させるためには、多くの素材の組み合わせが必要になってきます。フリーで配布されているものも多数ありますが、時には自分で作らなくてはいけない、オリジナル性を求められるシーンに遭遇することもあるのではないでしょうか?今回はそんな時に参考にしたい、自身で一から作り上げることができるデザインチュートリアルまとめ「38 Best Design Tutorials for Learning Sketch 3」を紹介したいと思います。

vector_tu0807_3
iOS Design using Sketch. Part one: iOS Navigation Bar – YouTube

アイコンやイラスト、UI、アニメーション、ツール類など、多彩なチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

多彩な種類を揃えた フリーPhotoshopモックアップテンプレート集「Free Photoshop PSD Mockup Templates (25 New MockUps)」

フリーで配布されているモックアップ素材。非常にクオリティの高いものが多く、利用するだけでデザイン性を高めることができます。今回はそんなフリーPhotoshopモックアップテンプレート集「Free Photoshop PSD Mockup Templates (25 New MockUps)」を紹介したいと思います。

mock0805_1
Free 10 Summer Work Mockups Bundle | MockupWorld

いろいろな種類の、ハイセンスなモックアップ素材がまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加
2015年08月04日

20種のBoldフリーフォントを集めた「20 Bold Free Fonts Perfect for Headlines」

フォントにはいろいろな太さのものが存在していますが、太めのラインが特徴のBold系は、文字を目立たせたいときなどに活躍してくれます。今回はそんな20種のBoldフリーフォントを集めた「20 Bold Free Fonts Perfect for Headlines」を紹介したいと思います。

font0804_2
Natasha | FREE FONT on Behance

Bold系でありつつ、さらに洗練されたデザイン性も兼ね備えた、ぜひデザインに取り入れたいフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:58  |  
Category: Font   
このエントリーをはてなブックマークに追加
2015年08月03日

デザイナーがチェックしておきたいフリーリソース「50 Free Resources for Web Designers from July 2015」

デザイナーにとって必要不可欠といっても過言ではないフリー素材。種類もテーマもいろいろなタイプのものが配布されています。そんな中今回紹介するのは、デザイナーがチェックしておきたい最新のフリーリソース「50 Free Resources for Web Designers from July 2015」です。

freebies0803_1
Dribbble – Material Design Widgets Ui Kit – PSD by Elad Izak

モックアップからアイコン、フォント、UIなど、多彩な種類のフリー素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:13  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年08月02日

魅力的な動きを手に入れる フリーアニメーションチュートリアル「26 Free Animation Tutorials for Web Developers」

webサイトをより魅力的に見せるには、デザイン性ももちろんですが、ユーザーを惹きつける動きにもこだわることが重要。しかしただ考えているだけでは、なかなかアイデアとしてひらめくことは難しいのではないでしょうか?今回はそんなときに参考にしたい、フリーアニメーションチュートリアル「26 Free Animation Tutorials for Web Developers」を紹介したいと思います。

animation2
A Collection of Page Transitions

26種類の、いろいろな動きを表現できるアニメーション作成のためのチュートリアルがまとめられています。

詳しくは以下

(さらに…)

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

水彩・手描きのベクターをセットにしたフリー素材「AquaWay Free Vector Pack」

絵の具を使って描き出す水彩画。デザインに取り入れる際に自身で描いて素材にしても良いのですが、描くことに自身がない・思い通りの素材が描けないといったシーンも存在するのではないでしょうか?そんなときに活用したい、水彩・手描きのベクターをセットにしたフリー素材「AquaWay Free Vector Pack」を今回は紹介したいと思います。

aquaway1

手描きイラストベクターと水彩描写が、それぞれ数種セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

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

2016年01月31日

フリーで使える ジオメトリック背景がまとめられた「12 Free Geometric Background Sets For Graphic Designers」

背景素材にはいろいろな種類がありますが、中でも特に流行となっているのがジオメトリック柄のもの。フリーでダウンロードできるものも非常に多く見かけます。そんなフリーで使える ジオメトリック背景がまとめられた「12 Free Geometric Background Sets For Graphic Designers」を今回は紹介します。

giome0
5 High Definition Geometric Backgrounds | Best PSD Freebies

いろいろなテイストのジオメトリック背景がピックアップされています。きになったものを以下に紹介していますので、ご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2014年08月08日

厳選されたハイクオリティフリーフォントを集めた「45 Best Free Fonts for Designers」

数多く配布されているフリーフォントの中から、思い通りのクオリティの高いものを探すのは意外に大変なもの。今回はそんな時に参考にしたい、厳選されたハイクオリティフリーフォントを集めた「45 Best Free Fonts for Designers」を紹介したいと思います。

font140808_1
Free font family: SkolaSans on Behance

デザイナーに向け、利用することでデザインの質を向上させてくれるフォントが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2008年01月21日

高品質なフリーアイコンがダウンロードできる「icons pedia」

デザインする上で、大きな差になるのがアイコン。今までフリーでダウンロードできるアイコン配布サイトを「超シンプルなフリーピクトアイコンセット「twotone icons for free! 」」や「ハイクオリティーなミニアイコン集「Quality mini icons」」と紹介してきましたが、今回紹介する「IconsPedia」もフリーのアイコンをダウンロードできるサイトです。

iconspedia01.jpg

配布されているアイコンは細かい所まで作り込んであり、どちらかと言うと、立体感のあるアイコンが多い気がします。全体的にクオリティの高いアイコンをダウンロードすることができます。

詳しくは以下

(さらに…)

続きを読む
posted 10:51  |  
Category: WebDesign   
2008年07月26日

本物の古書を切り取った高解像度フリーテクスチャ集「The Anatomy of a Really Old Book」

古い風合いの紙なんかは実に味があって、テクスチャとして質感をだすのには最適だと思います。今日紹介する「The Anatomy of a *Really* Old Book | BittBox」は本物の古書を切り取ってばらばらにして、スキャンしたテクスチャ用の高解像度のデータをダウンロードができるサイトです。

テクスチャ用に使われている古書は50年前のものらしくて、年月を重ねているだけあって、かなりあじのあるものになっています。今日は公開されている物の中からいくつか気になった部分を紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:36  |  
Category: Design   
tag: Design
2010年12月09日

グリッドレイアウトのwebデザイン集「40+ Great Examples of Grid Style in Web design」

グリッドラインを活かしレイアウトされたwebデザイン、すでに定番の形となりさまざまなシーンで展開されていますが、そんな中今回はグリッドレイアウトのwebデザイン集「40+ Great Examples of Grid Style in Web design」を紹介したいと思います。


TasteSpotting | a community driven visual potluck

定番のものから、デザイン性を重視しさらに個性を強調したタイプなど、同じグリッドレイアウトの中でにいろんなタイプのデザインが紹介されています。気になったサイトを以下にまとめてみました。

(さらに…)

続きを読む
posted 10:14  |  
Category: Design   
2016年01月16日

ECサイトのデザインに最適なフリーアイコンセット集「20+ Free E-Commerce Icon Sets to Download」

説明要素の多いECサイトのデザイン。より分かりやすく使いやすくすることが、購入者を増やすための方法でもあります。今回はそんなシーンに最適なアイコンセット集「20+ Free E-Commerce Icon Sets to Download」を紹介したいと思います。

icon0117_2
Exclusive Freebie : 36 e-Commerce Icons from DryIcons.com | BytesWire

フリーで利用できる、いろいろなデザインテイスト・いろいろな種類のアイコンが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

jQueryで作るカウントダウンティッカー「How to Code a jQuery Rolodex-Style Countdown Ticker」

ティザーサイトをはじめとして、公開前の期待感をどう作っていくかという部分も近年のWEB制作では求められる部分だと思いますが、今日紹介するのは設定した日時に向けてカウントダウンしてくれるカウントダウンティッカー「How to Code a jQuery Rolodex-Style Countdown Ticker」です。

非常にシンプルな構成と鳴っていて、日、時間、分、秒でカウントダウンを行ってくれます。

詳しくは以下

(さらに…)

続きを読む
posted 03:40  |  
Category: WebDesign   
2008年10月31日

ハイクオリティな石や岩のテクスチャー集「Free High Res Rough Textures」

今までDesignDevelopでは「商用化!高解像度のフリーテクスチャ配布サイト「Texturise」」、「高解像度のペーパーフリーテクスチャ「Free High Resolution Plain and Grunge Paper Textures」」などと沢山のテクスチャーを取り上げてきましたが、今日紹介するのはハイクオリティの岩と石のテクスチャー集「Free High Res Rough Textures」です。

配布されているテクスチャは全て、2,500px×1,950pxとかなりの高画質で配布されています。全部で15種類のテクスチャーが紹介されていますが、Flickrにてセットで公開されていましたので下記スライドショーを貼り付けておきます。

詳しくは以下

(さらに…)

続きを読む
posted 06:56  |  
Category: Design , Photoshop   
2010年09月12日

wordpressで使えるスライドショーとフォトギャラリープラグイン集「25 Free Slideshow and Photo Gallery WordPress Plugins」

世界中で利用されているCMSの一つwordpress。その魅力の一つが、様々な機能を簡単に拡張できるプラグイン。今日紹介するのはwordpressで使えるスライドショーとフォトギャラリープラグイン集「25 Free Slideshow and Photo Gallery WordPress Plugins」です。


Dynamic Content Gallery

ライトボックス的なものから本格的なフォトギャラリータイプまで、様々なプラグインがまとめられています。今日はその中から気になったプラグインを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:44  |  
Category: WebDesign , WordPress   
2015年09月11日

オンラインショップ等で活躍 フリークレジットカードアイコン集「15 Free Credit Card Icons Designers Love to Have For Web Design」

決済する手段として多くのシーンで利用されているクレジットカード。種類も豊富で、オンラインショップなどではどの種類が利用できるかをカードアイコンで表現することも。今回はそんなシーンに活躍する、フリークレジットカードアイコン集「15 Free Credit Card Icons Designers Love to Have For Web Design」を紹介したいと思います。

cardicon0
Dribbble – Credit Card Icons + PSD by Evgeny Seleznev

さまざまなテイストでデザインされたクレジットカードをモチーフとしたアイコンがセットダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:30  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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