TOP  >  最適化

Tag : 最適化

2016年10月04日

あらゆる画像フォーマットを、最適化したjpegに変換してくれる「jpeg.io」

画像の重さはWEBサイトにとって非常に重要な要素で、最適化することで、読み込み速度やサーバー負荷など多くの問題を解決してくれます。今日紹介するのはWEB上で、あらゆる画像フォーマットを最適化したjpegに変換してくれるWEBサービス「jpeg.io」です。

jpegio01

利用方法は非常に簡単で、基本的に変換したいファイルをドロップアンドドラッグするだけでjpgを最適化してくれます。

詳しくは以下

(続きを読む…)

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

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

2009年05月28日

アイデア溢れるロゴデザインのインスピレーション集「36 Clever and Creative logo」

企業や団体のアイデンティティを確立するための一つの重要なデザインとなるロゴデザイン。今日紹介する「36 Clever and Creative logo」はアイデア溢れるロゴデザインを集めたデザイン集です。

logolo01
Food Writers

全部で36ものクリエイティブなロゴが紹介されていますが、今日はその中からいくつか気になったロゴをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:39  |  
Category: Design   
tag: Design
2015年10月24日

2000種もの豊富な種類が魅力のフリーアイコンセット「Thousands Icons」

非常に便利な素材・アイコン。種類が豊富に揃っているほど、表現の幅を格段に広げることができます。そんな中今回紹介するのは、2000種もの豊富な種類が魅力のフリーアイコンセット「Thousands Icons」です。

thousands1

ポップなテイストが特徴。いろいろなジャンルのアイコンセットがフリーダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2018年09月02日

手書きのワイヤーフレームからHTMLに自動変換してくれるMicrosoft「Sketch 2 Code」

WEBを制作する際のフローとして、まずは手書きでワイヤーフレームを設計してそれらを固めてから、実制作に移るという方は多いのではないでしょうか?今日紹介するのは、手書きのワイヤーフレームからHTMLに自動変換してくれるMicrosoft「Sketch 2 Code」です。

sketch2

こちらは、2018年8月に公開されたもので、現在はailab/Sketch2Code at master · Microsoft/ailab · GitHubにて公開されています。開発者インタビューや実際の利用シーンがまとめられた動画が公開されていましたので以下からご覧ください。

動画は以下から

(続きを読む…)

続きを読む
posted 11:40  |  
Category: Tool , WebDesign   
2008年03月08日

日付表示のデザイン集と素材集「Gallery Of Date Stamps And Calendars」

ブログと言う言葉もかなり定着してきて、個人でも多くの人がブログを持っていて、何かしらの形で利用しているかと思います。名前の通りログを残していくという概念ですので、ブログには日付表示が必ずと言っていいほどあるかと思います。今日紹介するのはブログの日付表示のデザインを集めたデザイン集「Gallery Of Date Stamps And Calendars」です。

日付アイコンデザイン集

単純に参考画像として乗っているだけではなく日付アイコンやカレンダーアイコンのPSDの素材が用意されていて、さらにチュートリアルまで公開しています。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:34  |  
Category: WebDesign   
tag: webdesign
2009年03月11日

表現の幅を広げてくれるphotoshopブラシ集「34 Super Cool Photoshop Brushes」

作り込んだデザインを一瞬にして再現してくれるphotoshopブラシ。自分の探している物が見つかれば、制作する上でものすごくチカラになってくれます。今日紹介するphotoshopブラシ集「34 Super Cool Photoshop Brushes」はグランジからフィルム、切手などなど様々なジャンルにまたがってphotoshopブラシを集めたエントリーです。

photoshopbrashised01
Starry Grunge

沢山のphotoshopブラシ集が紹介されていますが、今日はその中から気になったものをいくつかピックアップして紹介致します。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:26  |  
Category: Design , Photoshop   
tag: 
2012年12月09日

【商用可】300個のアイコンをセットにしたフリーアイコンセット「Batch.」

WEBデザインに限らず、その作り込みや分かりやすさでデザインの精度を左右する要素アイコン。アイコンを作りこむにはかなりの時間を要しますが、今回紹介するのはそんなアイコン制作の手間を軽減してくれる、300個のアイコンをセットにしたフリーアイコンセット「Batch.」です。

全部で300以上のアイコンがセットになっており、スタンダードなものから少し変わったものまで、考えられるアイコンは粗方押さえられています。

詳しくは以下

(続きを読む…)

続きを読む
2009年07月06日

ECサイト制作者のためのデザインリソース「ecommr」

ASPやオープンソースなどでECサイトを構築する敷居も相当下がってきて、世間的にもインターネットでの販売が当たり前になってきた部分があり、ECサイトを運営しているという方は以外と多いのではないでしょうか?

ecdesignresou01

今日紹介するのはECサイトのデザインのリソースをあつめたWEBサイト「ecommr」です。ECサイトのなかでもサイト全体ではなく、インターフェイス毎にデザインが収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:21  |  
Category: WebDesign   
tag: webdesign
2009年11月21日

雑誌風、新聞風のWEBレイアウト50選「50 Impressive Magazine and Newspaper Styled Web Designs」

最近国内でもよく見かける紙面のような、レイアウトのWEBデザイン。従来のモノと比べて新鮮な印象を受けます。今日紹介するのはそんな雑誌風、新聞風のWEBレイアウトを集めた、インスピレーション集「50 Impressive Magazine and Newspaper Styled Web Designs」です。

magazinedesign01
R.fm – The Finest Blend of Club Culture

一口にマガジンタイプといっても、様々なレイアウトが公開されています。全部で50ものレイアウトが公開されていますが、今日はその中から気になったものをいくつか消化したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:26  |  
Category: WebDesign , WebService   
tag: webdesign
2011年09月16日

デザイン性の高いシームレス素材集「20 Great Seamless Backgrounds」

さまざまな素材が展開されているパターンやバックグラウンド素材を、デザイン制作に活用しているという方も多いはず。そんな中今回紹介するのは、汎用性の高いシームレスな素材を集めた「20 Great Seamless Backgrounds」です。


Seamless Chromatic Rainbow Patterns | WebTreats ETC

イラストやファブリック・写真素材まで、さまざまなシームレス素材が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:14  |  
Category: Design   
2018年02月22日

制作時に役立つillustratorのチュートリアル「Illustrator Tutorials: 35 Fresh and Useful Adobe Illustrator Tutorials」

デザイナーはイラストレーションやフォントの処理など様々なテクニックが求められます。高度な技術を求められた時、チュートリアルがあるととても便利です。今回紹介するのは、制作時に役立つillustratorのチュートリアル「Illustrator Tutorials: 35 Fresh and Useful Adobe Illustrator Tutorials」です。

Illustrator_Tutorials_01
Create a Shattered 3D Geometric Text Effect in Adobe Illustrator – Vectips

初心者にも役立つ基本的な操作から、高度な技まで幅広くチュートリアルが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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