TOP  >  site

Tag : site

2018年01月30日

圧縮率を選んでオンラインで簡単に圧縮することができるPNG専用の便利サイト「UPNG」

背景を透過することができたり、フルカラーで保存すれば劣化が少ないなどのメリットがあるPNG画像。WEBデザインに使用する機会も多いものですが、フルカラー保存となると、画像サイズが大きくなってしまって困ることも少なくありません。そんなときに役立つ「UPNG」を今回はご紹介していきます。

スクリーンショット-2018-01-30-10.08.44
UPNG: fast PNG minifier

簡単な操作でソフトのダウンロードも不要。便利なオンラインの圧縮サイトになります。

詳しくは以下

(さらに…)

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

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

2011年03月22日

クリエイティブなテキスト加工ができるPhotoshopチュートリアルまとめ「30 Awesome Photoshop Text Effect Tutorials」

ロゴやイメージ的なタイトルを作成する際には、Photoshopでの加工がとても有効的ですが、加工の仕方は限りなく多く、思い通りのテイストを表現することはなかなか難しいもの。そこで今回紹介するのは、さまざまな場面で活用できる加工のチュートリアルをまとめた「30 Awesome Photoshop Text Effect Tutorials」です。


Create Super Glossy 3D Typography in Illustrator and Photoshop

Photoshopを基本にさまざまなデザインソフトを駆使した、完成度の高いテキスト加工が多数紹介されており、ハードな表現から食べ物をイメージさせる柔らかいテイストまで、印象度をアップさせてくれるチュートリアルばかりです。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2011年08月02日

デザイン性を兼ね備えたショッピングサイトまとめ「25 Ecommerce Websites for Your Design Inspiration」

たくさんの人が、日常生活の中で利用しているショッピングサイト。機能や使いやすさはもちろん、デザイン性も兼ね備えたサイトがやはり求められます。今回はそんな時是非参考にしたい、デザイン性を兼ね備えたショッピングサイトまとめ「25 Ecommerce Websites for Your Design Inspiration」を紹介いたします。


Red Velvet — Welcome

パターン化してしまいがちなショッピングサイトのデザインが、さまざまなテイストでまとめられています。ピックアップしたデザインは以下より。

詳しくは以下

(さらに…)

続きを読む
2012年10月17日

秋のさまざままな雰囲気を表現できるテクスチャ&パターンまとめ「150+ Fall Backgrounds: Textures and Patterns」

朝晩の肌寒さを感じるようになり、一気に秋の気配を感じられるようになってきました。そんな中今回紹介するのが、秋のさまざままな雰囲気を表現できるテクスチャ&パターンをまとめた「150+ Fall Backgrounds: Textures and Patterns」です。


Free Texture Grab: Soft Grunge Autumn Textures | inSight Designs’ Blog

イメージ的なパターンから落ち葉や紅葉等の風景テクスチャまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:16  |  
Category: WebService   
2015年09月02日

アイコンからUIまで 多彩な最新リソースが揃った「50 Free Resources for Web Designers from August 2015」

常に新しい素材を探し求め、インターネット上を検索しているデザイナーの方は多いと思いますが、膨大な量の中からサーチするのは大変なもの。今回はそんな時に参考にしたい、多彩な最新リソースが揃った「50 Free Resources for Web Designers from August 2015」を紹介したいと思います。

resources0902_0
Splash Photoshop Brushes by BrielleFantasy on DeviantArt

アイコンからUIを中心に、クオリティの高い素材が揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 12:47  |  
Category: Design   
2007年10月23日

CSSの働きを動的に確認できる「CSS Sandbox」

完全に覚えていないとなかなかCSSのコードからその処理を頭に思い描くのは難しいかと思います。今日紹介するのはCSSの動きを簡単に確認できるサービス「CSS Sandbox」を紹介したいと思います。こちらを使えば瞬時に動作確認が行なえます。

CSS Sandbox

使い方は非常に簡単で画面の下のコードをクリックするだけで上のプレビュー欄に反映され、確認する事が出来ます。

選択されたCSSは上記のように赤く反転しますので今どんなCSSが使われているのかが直感的に分かるようになっています。かなりの数のCSSが登録されていますのでCSSを覚えたての方は色々な発見が出来きるかと思います。

CSS Sandbox2

CSSの処理を学ぶだけではなく、ブラウザ上で動作しますのでCSSでのブラウザごとの表示など様々な用途で使えそうです。動的に動いているのでサクサクチェックできるのもポイントです。

CSS Sandbox

続きを読む
posted 12:05  |  
Category: WebService   
2009年06月07日

魅力的なナビゲーションを作る為のインスピレーション「30 Examples of Attractive Nav」

WEBデザインで最も重要な要素の一つナビゲーション。今日紹介するのは良質なナビゲーションを制作する為の例を紹介しているエントリー「30 Examples of Attractive Nav」を紹介したいと思います。

sitenabiex01
Typographica Typographica

良質なナビゲーションの種類と実例を紹介しながら、まとめられています。今日はその中からいくつか気になったナビゲーション例をピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:42  |  
Category: WebDesign   
tag: webdesign
2012年10月12日

表現力の高いクラウドアイコンまとめ「50+ beautiful cloud icons」

最近ではクラウドコンピューティングを用いたシステムを利用して、いつでもどこでも仕事ができる体勢を整えている方も多く、そのようなサービスを提供しているサイトも少なくありません。そんな中今回は、クラウドサービスアイコンを制作する際のヒントとなる、表現力の高いクラウドアイコンをまとめた「50+ beautiful cloud icons」を紹介したいと思います。


Dribbble – weather icons by matt yow

シンプルなクラウドマークをはじめ、デザイン性の高いアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:35  |  
Category: WebService   
2008年12月04日

クリスマスに使えるフリーphotoshopブラシ「20 Free Christmas Photoshop Brush Sets」

もうすぐクリスマス。広告業界ではもうクリスマスは終わりつつありますが、今回紹介するのはクリスマスをデザインするのに最適なフリーphotoshopブラシセットをまとめた「
20 Free Christmas Photoshop Brush Sets」です。


Christmas Tree Branch BrushesT

雪の結晶から、もみの木、ツリーや氷の結晶等々、様々なクリスマスを演出できるフリーブラシが全部で20セット紹介されています。今回はいくつか気になったブラシセットを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:17  |  
Category: Design , Photoshop   
2017年11月28日

デザイナーの為のグラフィカルな最新フリーフォントまとめ「22 Fresh Free Fonts Download」

優れたフォントはデザインをする上で欠かせない要素のひとつ。より良いデザインを目指していくためにも、常に最新のフォントはチェックしておきたいもの。今回ご紹介するのは、そんな貴方におすすめしたいデザイナーの為の最新のフリーフォントをまとめた「22 Fresh Free Fonts Download」です。

22-fresh-free-fonts-download
22 Fresh Free Fonts Download | Fonts | Graphic Design Junction

フリーフォントの中でも見出しやポイントなどに使いやすい、グラフィカルなフォントが22種類も紹介されています。その中からこれはと思ったフォントを抜き出してまとめましたので是非ご覧ください。

詳しくは以下
(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
2018年05月18日

幅広く活用出来るWebサイトテンプレートまとめ25「25 Best Free Website Templates For Launching Your Website Today」

Webサイトの制作時にフリーで活用出来るテンプレートはとても役に立ちます。作業効率がよくなるのはもちろん、デザインのクオリティも上げることができます。今回は、幅広く活用出来るWebサイトテンプレートまとめ25「25 Best Free Website Templates For Launching Your Website Today」の紹介です。

WebTemplate01
Oleald Website Template | Free Website Templates | OS Templates

様々なシーンで活用出来るてんぷれーとが紹介されています。今回はその中から気になったものをピックアプしてみましたので、気になった方はチェックしてみてください。

詳しくは以下

(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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