圧縮率を選んでオンラインで簡単に圧縮することができるPNG専用の便利サイト「UPNG」
TOP > Design , Tool , WebDesign , WebService > 圧縮率を選んでオンラインで簡単に圧縮することができるPNG専用の便利サイト「UPNG」 背景を透過することができたり、フルカラーで保存すれば劣化が少ないなどのメリットがあるPNG画像。WEBデザインに使用する機会も多いものですが、フルカラー保存となると、画像サイズが大きくなってしまって困ることも少なくありません。そんなときに役立つ「UPNG」を今回はご紹介していきます。 UPNG: fast PNG minifier 簡単な操作でソフトのダウンロードも不要。便利なオンラインの圧縮サイトになります。 詳しくは以下 方法はドラック&ドロップのみ。圧縮したい画像を指定の場所にドロップすることで、開始されます。下部にはどれくらい品質を落とすかのバーがあるので、左右に動かして圧縮率を決定。何パーセン
アナログで描いたような柔らかいタッチを可能にする水彩テクスチャーセット「Aqua Mellon Artistic Toolkit」
TOP > Design > アナログで描いたような柔らかいタッチを可能にする水彩テクスチャーセット「Aqua Mellon Artistic Toolkit」 デザインの流行のひとつである、アナログテイストや手書き風のグラフィック。その中でも柔らかなタッチや優しい色合いが出せる水彩風なテクスチャーは、人気の高いモチーフです。そんな中今回ご紹介するのは、水彩風なデザインに手軽に挑戦できる水彩テクスチャーセット「Aqua Mellon Artistic Toolkit」です。 Aqua Mellon Artistic Toolkit — discover Pixelbuddha Plus design resources library アナログっぽい質感を手軽に再現できる、美しい配色で色彩が魅力的なテクスチャーなどがまとめて手に入るボリューミーな素材セットです。 詳しくは以下 5種
デベロッパーであれば知識として取り入れておきたいCSSで作るVR「CSSVR: Progressive VR experiences」
TOP > javascript > デベロッパーであれば知識として取り入れておきたいCSSで作るVR「CSSVR: Progressive VR experiences」 他の世界に入り込むような没頭感を味わうことができるVR。気軽にデモを作成ができたらと、デベロッパーであれば1度は感じたことがあるかもしれません。そんな中今回紹介するのは、CSSで作るVR「CSSVR: Progressive VR experiences」です。 VRの複雑な動きをどう再現していくのか、その再現率の高さはどうれくらいなのか。デベロッパーであれば気になるところ。下記にデモを載せているのでご覧ください。 詳しくは以下 VRならではの立体感をきちんと再現し、ドラッグで中を見渡すことが可能。奥行きのある建物内で“open ドア”と書かれたボタンをクリックすると壁が開き、宇宙空間が広がります。クローズボタ
美しいグラデーションを簡単生成可能なwebジェネレーター「ColorSpace」
グラデーションカラーを取り入れたデザインは、現在の主流トレンドの一つとなっていますが、思うような色合いを作りだすのはなかなか難しいもの。そんな時に参考にしたい「ColorSpace」を今回は紹介したいと思います。 美しいグラデーションを簡単に生成することができるwebジェネレーターです。 詳しくは以下 基準にしたい1色を選択すると、その色を基準としたさまざまなグラデーションパターンのパレットが自動生成されます。生成パターンが非常に豊富で、それぞれのカラーコードもきちんと表示されており、非常に便利。また「gradient」メニューを選択すると、8種方向からのグラデーションパターンを確認することができます。思わずいろんな色で試してみたくなる、グラデーションの美しい色合いに魅了されそうです。 webデザインはもちろん、グラフィックデザインでグラデーションを取り入れたい、単色でどこか物足りなさを感
種類豊富でカラーバリエーションも豊かなアイコンセット「Freebie: Funkies Icon Set (100 Icons, SVG & PNG)」
種類豊富でカラーバリエーションも豊かなアイコンセット「Freebie: Funkies Icon Set (100 Icons, SVG & PNG)」 ユーザーを視覚的に誘導してくれるアイコン。1つの種類でカラーバリエーション豊かなものがあると、アイコンのばらつきで雰囲気を損ねることなくデザインに統一性を持たせることができます。今回ご紹介する「Freebie: Funkies Icon Set (100 Icons, SVG & PNG)」は、5つのバリエーションでデザイナーの役に立ってくれるアイコンセットです。 シンプルでミニマルなテイストのアイコンが100種、セットでダウンロードできるようになっています。 詳しくは以下 フルカラーのもの、枠線にグラデーションがかかったもの、くすんだ色味など、さまざまなバリエーションが収録されており、表現したいテイストによって使い分けることができそう。
高品質なフリーのPhotoshop素材まとめ「44 Useful Free Photoshop Files For Designers」
TOP > Photoshop > 高品質なフリーのPhotoshop素材まとめ「44 Useful Free Photoshop Files For Designers」 Photoshopは便利な画像加工ソフトですが、クオリティの高いデザインや部品を作ろうとするとどうしても時間が掛かってしまうものです。今回はそんな時に便利なPhotoshopフリー素材のまとめ「44 Useful Free Photoshop Files For Designers」を紹介したいと思います。 Stylish Ribbons PSD | PixelsDaily デザインの骨組みとなるUIから細かなアイコン群まで、数多くの素材まとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 iPhone 5 Psd Landscape Mockup | Psd
いろいろなデザインで活用できる ミニマルデザインフォントまとめ「19 Free And Stylish Minimalistic Fonts For Your Designs」
いろいろなデザインで活用できる ミニマルデザインフォントまとめ「19 Free And Stylish Minimalistic Fonts For Your Designs」 インターネット上で配布されている素材の中でも、活用の幅の広いフリーフォント。特にシンプルで汎用性の効くタイプは1つでも多く持っておきたいものです。今回そんなタイプのミニマルデザインフォントまとめ「19 Free And Stylish Minimalistic Fonts For Your Designs」を紹介したいと思います。 （Simple Ronde Font | dafont.com） いろんなデザインに使用できそうなフォントが19種、ビジュアルイメージと共に公開されています。いくつかピックアップしていみましたので、下記よりご覧ください。 詳しくは以下 ■Gabriele 8008 Typewriter
最新のデザイナーズフリーフォント「9 Fresh Free Fonts for your Designs」
デザインする上で、クリエイティブなフォントはいくらあっても困らないくらい重要な要素の非乙ですが、今日紹介するのは最新のデザイナーズフリーフォントを集めたエントリー「9 Fresh Free Fonts for your Designs」です。 The Quantum クリエイティブなフォントが全部で9つ紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Track Type 過度が少しだけ丸いフォントセット。硬い中にも柔らかさが見えるフォントセットです。 BARON 一部の文字が特徴的な書体に置き換えることができるフォントタイプ。記号と文字の中間のようなフォントはデザイン性がかなり高い。 Gabriela 丸い印象を受けるが、洗練された、少し変わったフォントタイプ。 上記の他にも様々なフォントが公開されています。クリエイティブなフ
気品のあるバラを再現できるPhotoshopブラシまとめ「26 Lovely Sets of Rose Brushes」
TOP > Design > 気品のあるバラを再現できるPhotoshopブラシまとめ「26 Lovely Sets of Rose Brushes」 立春も過ぎ、少しずつ春の兆しを感じられるようになると、花など華やかなイメージを利用する機会も増えてくるのではないでしょうか？そんな中今回紹介するのが、気品のあるバラを再現できるPhotoshopブラシをまとめた「26 Lovely Sets of Rose Brushes」です。 14 Roses Brushes for Photoshop CS4 by ~Shizuru117 on deviantART ベクターイラストのブラシや写真を加工したようなブラシまで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Rose Brushe
WEBデザインに質感を与えてくれるシンプルなフリーパターン素材15「15+ Free Patterns for your Designs」
背景やエリアなどに敷くパターン素材。無機質なWEBデザインに質感やクオリティをプラスしてくれる非常に便利な素材です。今日紹介するのはシンプルなフリーパターン素材を集めたエントリー「15+ Free Patterns for your Designs」です。 Subtle Light Tile Pattern Vol5 様々な素材のパターンがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Wood Pattern Background シンプルめな木目のパターンがセットになったパターン素材。 Subtle Grunge シンプルなシロ系のグランジ素材。ちょっとだけ質感を持たせたいときにおすすめです。 Lined paper ノートの罫線を表現できるパターン素材。コンテンツエリアに利用しても面白いかもしれません。 上記の他にも様
2012年のベストフリーPSD「Best Free UI PSDs of 2012」
サイトを制作する上で、便利な素材PSD。photoshopで扱えるファイルで、細かなカスタマイズも可能で、扱いやすいファイル形式は制作者としてはありがたい形式ですが、今日紹介するのは、2012年に公開されたフリーPSDを集めたエントリー「Best Free UI PSDs of 2012」を紹介したいと思います。 Mini glyphs (12 px) ベーシックなアイコン素材から、ローディング用のプログレスバーなど、制作に利用できそうな様々な素材がまとめられています。今回はその中から特に気になったPSD素材を紹介したいと思います。 詳しくは以下 Circular Progress Bar 立体的で円形のプログレスバー。ローディングを印象的に見せたい時におすすめです。 Free Footer Detailing フッターに利用するTOPに戻るボタンをリアルなリボンで表現したPSD Pric
特別な印象を与えられるリボン素材まとめ「A Collection of Beautiful Free Ribbons PSD Files」
TOP > Design > 特別な印象を与えられるリボン素材まとめ「A Collection of Beautiful Free Ribbons PSD Files」 webデザインのあしらいとして利用されることの多いリボン素材。使いやすい素材だけに、バリエーションはなるべくたくさん保持しておきたいもの。そんな中今回は、リボン素材の多彩なデザインをまとめた「A Collection of Beautiful Free Ribbons PSD Files」を紹介したいと思います。 Fabric Ribbons – 365psd タイトルとして利用できるタイプから、デザインのワンポイントとして利用できるものまで、さまざまなテイストが収録されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Stylish Web Ribbons
さまざまなアイコンデザインに出会えるアイコン紹介サイトまとめ「10 Websites for Finding iOS App Icon Design Inspiration」
さまざまなアイコンデザインに出会えるアイコン紹介サイトまとめ「10 Websites for Finding iOS App Icon Design Inspiration」 デザイン制作をしているとさまざまなアイコンが必要になりますが、クオリティを追求したアイコンを考えるというのはなかなか時間のかかる作業です。そこで今回紹介するのが、さまざまなアイコンデザインに出会えるアイコン紹介サイトをまとめた「10 Websites for Finding iOS App Icon Design Inspiration」です。 Pinterest / Search results for iOS Icon iPhoneアプリのアイコンデザインをまとめたサイトが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■iOS Icon Gal
Photoshopでのデザイン制作の参考に!テクスチャ制作チュートリアルまとめ「40 Great Photoshop Texture Tutorials」
Photoshopでのデザイン制作の参考に!テクスチャ制作チュートリアルまとめ「40 Great Photoshop Texture Tutorials」 画像加工やCG制作になくてはならないソフトとなっているPhotoshopは、非常にたくさんの機能が備わっており、さまざまなクリエイティブを生み出すことができます。そんな中今回紹介するのが、Photoshopの効果を有効活用したテクスチャの制作チュートリアルをまとめた「40 Great Photoshop Texture Tutorials」です。 Mix&Mash: Transform a boring piece of wood メタリックな表現や、チェックなどのファブリックを再現したテクスチャまで、さまざまなシーンを生み出すことができるチュートリアルが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記より
立体表現が美しいPSD素材まとめ「40 Fresh And Free PSD Files For Designers」
TOP > WebService > 立体表現が美しいPSD素材まとめ「40 Fresh And Free PSD Files For Designers」 画像編集からCG制作まで、制作シーンで欠かせない存在となっているPhotoshop。今回は、そんなPhotoshopを利用して制作されたさまざまな立体素材をまとめた「40 Fresh And Free PSD Files For Designers」を紹介したいと思います。 （Metallic Slider & Dropdown PSD | PixelsDaily） 最新のiPhone5のモック素材から、ビジネスバッグなどのアイテムまで、さまざまなPhotoshop素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Briefcase | Inventlayo
フリーページネーションpsd素材を集めた「20 Free Pagination PSDs for Web Designers」
TOP > Design > フリーページネーションpsd素材を集めた「20 Free Pagination PSDs for Web Designers」 ブログや記事投稿型のサイトなどでよく見かけるページネーションは、案外シンプルにデザインされていることが多く、味気ないもの。そんな中、今回紹介する「20 Free Pagination PSDs for Web Designers」は、さまざまなデザイン性が取り入れられた、デザイン制作に是非活用したいフリー素材です。 （Pagination – PSD | Collatd.） 定番として活用できそうなものから、個性的なデザインのものまで、幅広いラインアップが魅力のページネーション素材がまとめられています。中でも気になったものをピックアップしましたので、下記より御覧ください。 詳しくは以下 ■Pagination – Freebi
幻想的な雰囲気を演出できる 雪&雨のテクスチャ「A Collection of Free Snowfall and Raindrop Texture to Add Up a Moody Feel」
幻想的な雰囲気を演出できる 雪&雨のテクスチャ「A Collection of Free Snowfall and Raindrop Texture to Add Up a Moody Feel」 空から振る雨や雪は、時に幻想的な雰囲気を感じさせてくれるもの。そんな中今回紹介するのは、雪&雨のテクスチャを多数集めた「A Collection of Free Snowfall and Raindrop Texture to Add Up a Moody Feel」です。 （rain texture by *orbitingasupernova on deviantART） 見ているだけで吸い込まれていきそうな、しんしんと降り注ぐ雪と雨の様子が、多彩なテクスチャとなって紹介されています。中でも気になったものをピックアップしました。下記より御覧ください。 詳しくは以下 ■Snowing text
いままでにないレンガデザインを発見できるレンガテクスチャセット「20 High-Res Brick Textures: Exlusive Freebies」
TOP > Design > いままでにないレンガデザインを発見できるレンガテクスチャセット「20 High-Res Brick Textures: Exlusive Freebies」 自然の石が作り出す表情もさることながら、人の手によってきちんと並べられたレンガには、独特の魅力があります。そんな中今回は、さまざまなデザインのレンガを発見できるテクスチャセット「20 High-Res Brick Textures: Exlusive Freebies」を紹介したいと思います。 普段の生活の中で良く見かけるレンガや、カラフルでデザイン性の高いレンガまで、さまざまなレンガのテクスチャが紹介されています。 詳しくは以下 日本国内にもあるデザインのレンガはもちろん、色とりどりな石を敷き詰めてデザインされたレンガや、自然の石をそのまま利用して作られたレンガの壁面など、雰囲気・テイストの異な
さまざまな織り目が楽しめるタオル生地テクスチャまとめ「A Collection of Free and Comfy Towel Texture」
TOP > Design > さまざまな織り目が楽しめるタオル生地テクスチャまとめ「A Collection of Free and Comfy Towel Texture」 世界中には無数の種類の布地があり、デザインテイストに合わせてさまざまな織り目のテクスチャを選択していると思います。今回はそんな布地の中からタオル生地にクローズアップ。さまざまな織り目が楽しめるタオル生地テクスチャをまとめた「A Collection of Free and Comfy Towel Texture」を紹介したいと思います。 A Towel -Greyscale- by ~Wezza-T on deviantART タオルの柔らかい雰囲気をはじめ、織り目の異なるテクスチャが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Nav
直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」
WEB以上にUIが重要視される、モバイルアプリ開発。当然情勢も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。 ブラウザ上で、用意されたパーツを並べていくだけで簡単にUIを設計することができます。非常に直感的に操作できるようになっており、海外のサービスですが、説明やチュートリアル無しで制作していくことができました。 詳しくは以下 予めよく利用するパーツが取り揃えられれていますので、基本設計は用意されているパーツで十分行えると思います。 フリー版では1つのプロジェクトで10スクリーンまで、10MBのアップロード領域まで利用できるそうです。それ以上は、STANDARD、PROFESSIONAL、EXPERTと開発規模に応じて有料プランが用意されています。有料版の利用料金は料金は「Plans & Pr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
