TOP  >  デザイン

Tag : デザイン

2017年04月04日

UIデザインに必要な物を一括で!UIデザイナーのためのフリー素材、ツールまとめ「29 New Free Photoshop PSD Files for UI Designers | Freebies | Graphic Design Junction」

UIデザインを行うのに必要なツールや素材は多岐に渡ります。必要なものとはわかっているけれど、ネットの膨大な情報から適切なものを取捨選択するのも一苦労。今回はそんなときに参考にしたい、UIデザインに便利なフリー素材やツールをまるっとまとめた「29 New Free Photoshop PSD Files for UI Designers」をご紹介します。

Free_UI_PSD_Files
29 New Free Photoshop PSD Files for UI Designers | Freebies | Graphic Design Junction

UIデザインを見せるためのモックアップや、便利なカラーピッカーなどが手広くまとまっています。まとめの中から、気になったものを幾つかご紹介しますのでご覧下さい。

詳しくは以下

(続きを読む…)

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

花柄やフードなど 個性的な背景パターンまとめ「Novapattern」

デザイン全体のイメージを直接左右する背景パターン。だからこそ、イメージにあった最適なものを慎重に選びたいものです。そんな中今回紹介するのは、花柄やフードなど、個性的な背景パターンまとめ「Novapattern」です。

haikei03
Yellow Cookies – Novapattern

ちょっとレトロで可愛らしい、POPでカラフルな印象のパターン素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

プレビューで簡単!CSSアニメーションがブラウザ上で作れる「animista」

Webデザインを彩るCSSアニメーション。実装時にはデザインのイメージに合わせて、細かな調整を加えたり、なかなかに手間がかかる箇所でもあります。そんな手間がかかる調整工程を省ける、ブラウザ上でアニメーションが作れるツール「animista」を今回は紹介したいと思います。

IvvuhLKOlVsmlb12ajwABAssUEEguU9u2CBAgQIAAAQIECBAgQIAAAQIECKy5gEByzRuA3SdAgAABAgQIECBAgAABAgQIECCwTAGB5DK1bYsAAQIECBAgQIAAAQIECBAgQIDAmgsIJNe8Adh9AgQIECBAgAABAgQIECBAgAABAssUEEguU9u2CBAgQIAAAQIECBAgQIAAAQIECKy5gEByzRuA3SdAgAABAgQIECBAgAABAgQIECCwTAGB5

ブラウザ上でプレビューしながら細かな動きを調整して、タグをコピペするだけでCSSアニメーションが実装できる便利なツールです。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年03月30日

色を比べてすぐ使える!2画面で比較できる便利なカラーピッカー「ColorMe」

使いやすいwebサービスを知っているだけで、作業効率が随分違うもの。そんな中今回ご紹介するのは、web作りの強い味方として活用できる、2画面で比較して色を作れる便利なwebカラーピッカー「ColorMe」です。

TU1lhzub0ND1SEmXMxRzT8lOBIaSVECBAgQIECAAAECBAgQIECAAAECBAgQIECgHAEJjnLc1UqAAAECBAgQIECAAAECBAgQIECAAAECBAgkCEhwJOApSoAAAQIECBAgQIAAAQIECBAgQIAAAQIECJQjIMFRjrtaCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAgQQBCY4EPEUJECBAgAABAgQIECBAgAABAgQIECBAgACBcgQkOMpxVysBAgQ

2画面に分かれていることで色を比べながら作れるので、迷うことも少なく最適な配色を短い時間で導き出せる、個人的にもおすすめのwebサービスです。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年03月29日

手描きのラフなテイストアイコンセット「Hand-drawn Geek’s Treasure Chest」

デザイン制作を行う中で重要な役割をもつアイコンは、テイストによってサイト全体の雰囲気さえもガラッと変えてくれる力を持つ要素になることも。そんな中今回は、手描きのラフなテイストアイコンセット「Hand-drawn Geek’s Treasure Chest」を紹介したいと思います。

Handdraw01

遊び心のあるイラストが60個。全て手描きテキストで描かれているで、ラフな雰囲気が楽しめるようになっています。

詳細は以下

(続きを読む…)

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

30種類以上の便利な無料ブックカバーモックアップ「30+ Convenient Book Cover Mockups For Free」

デザインを見せる際に、より魅力的に見せることができる手段の一つとして、モックアップを仕様する場面が多くあります。そんな中今回は、今回は書籍の装丁デザインを手がける方におすすめのモックアップ集「30+ Convenient Book Cover Mockups For Free」を紹介します。

mockup01
Book Hard Cover Mockup Vol 4 – Graphicboat

本が置かれているビジュアルが、さまざまなシーンでまとめてられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2009年08月25日

様々なタイプの質の高いフリーアイコンセットをまとめた「A Bundle of Free Icons」

WEB上やデスクトップ。はたまた紙のデザインまで幅広く制作に使われるアイコン。伝えたい情報を分かりやすく相手に伝えるには非常に使い勝手の良いものです。今回紹介するのはWEBデザイン用からその他の用途に使えそうなアイコンまで様々なフリーアイコンセットをまとめたエントリー「A Bundle of Free Icons」を紹介したいと思います。

freeiconwebweb01
Dusk iPhone Style Icons

かなりの数のアイコンセットが収録されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:43  |  
Category: Design , WebDesign   
2008年06月11日

長文に便利!滑らかに左右にスクロールできるjavascript「bookreader.js」

特殊な場面で効力を発揮しそうなのが今回紹介する滑らかなに横にスクロールできるjavascriptが今回紹介する「bookreader.js」です。

基本的にはWEBはほとんどが縦スクロールの構成になっていて、長文を読むにはあまり適しているとは言えないので、長い文章を見せるときなんかは有効なスクリプトだと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:42  |  
Category: WebDesign   
2009年02月19日

WEBデザイナーの為の美しいフリーフォント集「10 Beautiful and free fonts for web designers」

WEBデザインに限らずデザインにはフォントはとても重要で、特にタイトルや見出しなど注目を集める部分や集めたい場所によってはフォント選定にもセンスが問われます。今日紹介するのはWEBデザインに使えそうな10個のフォントを収録したフリーフォント集「10 Beautiful and free fonts for web designers」です。

fontfreewebd01
Take out the garbage

柔らか目なフォントから、洗練されたフォントまで様々なタイプのフォントが紹介されていますが、その中でも気になった物をいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:14  |  
Category: Design , Font   
tag: 
2015年01月10日

フレッシュなフリーPhotoshopファイル「40 Fresh & Free Photoshop Files For Your Next Design」

デザイン素材の中でも、Photoshop形式のファイルは特にクオリティが高くとても便利なもの。今回はそんなフレッシュなフリーPhotoshopファイル「40 Fresh & Free Photoshop Files For Your Next Design」を紹介したいと思います。

freepsd_1
iPhone 6 Plus – 365psd

さまざまな種類のPhotoshopファイルが厳選され、まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:32  |  
Category: Photoshop   
2013年11月16日

デザイン性の高い35のtumblrのテーマ「35 Magnificent Free and Premium Tumblr Blog Themes」

日本ではまだまだ一般的には知名度の低いtumblr(タンブラー)ですが、ブログの様に記事を投稿できたり、他人が書いた記事を引用・共有するなど、手軽で面白い使い方ができるツールです。今回はデザイン性の高い35のtumblrのテーマ「35 Magnificent Free and Premium Tumblr Blog Themes」を紹介したいと思います。

35mfaptbt_0
Blogging – Tumblair | ThemeForest

流行のフラットデザインを取り入れたものや、イメージを強く打つ出したものなど、個性豊かなテーマが取り揃えられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 12:36  |  
Category: WebDesign   
2012年05月18日

Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」

クオリティの高いデザイン制作のために、細かいパーツを一つ一つ制作したり、パーツの加工をPhotoshopで行うことも多いと思いますが、一手間も二手間もかかり、制作時間も増えてしまいます。そんなシーンに是非活用したい、Illustratorの表現の幅が広がるIllustratorブラシセットをまとめた「75+ Illustrator Brush Sets for Download」を紹介したいと思います。


illustrator brush set 3 by ~nrmb on deviantART

さまざまな罫線を制作できるブラシや、繊細なモチーフやパーツを表現できるブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

2009年を代表するフリーフォントを集めた「The Best Free Fonts of 2009」

デザインを行う上で、かなり重要な要素を締めるフォント。様々なフリーフォントが配布され、Designdevelopでも様々なを紹介してきましたが、今回紹介するのは2009年にリリースされたフリーフォントのなかから特にクオリティが高いフォントを集めたエントリー「The Best Free Fonts of 2009」です。

professional_fonts_01
Chunk

海外のサイトなので、欧文書体ばかりですが、The Best Free Fontsと言うだけあってどれも素晴らしいクオリティのフォントが揃っています。今日はその中からさらに気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:31  |  
Category: Design , Font   
tag: Design Font
2009年01月03日

WEBアプリに使えるフリーアイコンセット「21 Best Icon Sets for Designing Web Apps」

WEBアプリケーションに使えそうなフリーアイコンセットが今回紹介する「21 Best Icon Sets for Designing Web Apps」です。クオリティはまちまちですが、インターフェイス的なアイコンでシンプルなものが多く様々なシーンで使えそうなアイコンセットが多々紹介されています。


Jonas Rask Design Icons for Developers

全部で21個のアイコンセットが公開されていますが、今回はその中から気になったアイコンセットをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:38  |  
Category: Design , WebDesign   
2012年11月27日

レトロな質感を表現できるペーパーテクスチャまとめ「23 Free High Quality Old Paper Photoshop Textures」

古い紙の質感をデザインソフトで再現するのは難しく、試行錯誤しているという方もいらっしゃるのではないでしょうか?そこで今回紹介するのが、レトロな質感を表現できるペーパーテクスチャまとめ「23 Free High Quality Old Paper Photoshop Textures」です。


Old Paper Photoshop Brush Set by ~gojol23 on deviantART

古い洋書の一ページから、グランジ感のあるペーパーまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:56  |  
Category: Design   
2013年12月15日

2014年に消えていくであろうWebトレンド「Web Design Trends That Will Disappear in 2014」

リッチからフラットへとデザインのトレンドが変わってきているように、Webにおいても時代のトレンドや利便性の向上を目指して、新たなトレンドが生まれると共に古いトレンドが消えていく、そういった進化の道を歩んでいます。今回紹介するのは2014年のWebでは見なくなるであろう古いトレンドたち「Web Design Trends That Will Disappear in 2014」です。

wdttwdi_0

昔はよく見たけれど最近はあまり見かけなくなってきた、そんなトレンドたちが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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