TOP  >  天気

Tag : 天気

2016年08月28日

アプリやウェブサービスに最適なお天気アイコン「Free Weather Icons」

天気は私達の生活には欠かせない情報の一つであり、それだけに求められるシーンも非常に多く、数多くのサービスやアプリがリリースされています。そんな天気情報をひと目で理解できるようにしてくれるのが天気のマーク。今日紹介するのはアプリやウェブサービスに最適なお天気アイコン「Free Weather Icons」です。

weather_icons

このアイコンセットは基本的な天気のアイコンがまとまっており、全部で16のマークがセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:27  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2014年06月12日

さまざまな天気の表現を可能にする フリーウェザーウィジェット「13 Free Weather Widget PSD Files」

webサイトなどで、天気の情報を表示するために使用されるウィジェット。いざデザインしようと思うとどうしてもワンパターンになってしまいがち、そんな方も多いのではないでしょうか?今回はそんなとき是非参考にしたい、フリーウェザーウィジェット「13 Free Weather Widget PSD Files」を紹介したいと思います。

weather140611_1
Dribbble – Weather Widget Fun by Christopher Swanger

さまざまな天気の表現を可能にする、クリエイティブなpsdウィジェットがまとめられています。

詳しくは以下

(さらに…)

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

天気予報のためのシンプルなアイコンセット「Free Weather Icons」

誰しもが気になる情報コンテンツの一つが天気予報。多くの方が毎日チェックするものですが、コンテンツを作る立場にとっては、それぞれの天気をいかに直感的に分かりやすく、見せてあげるのかが、頭を悩ませるところだと思いますが、今日紹介するのは天気予報のためのシンプルなアイコンセット「Free Weather Icons」です。

晴れ、くもり、雨というシンプルなものから、竜巻や風速計などすこし変わったものまで様々なものが収録されています。

詳しくは以下

(さらに…)

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

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

2015年07月31日

最新の魅力あふれるフリーリソースを集めた「50 incredible freebies for web designers, July 2015」

豊富に配布されるフリー素材の数々。その中からすぐれたものを探し出すのは、なかなか大変な作業です。今回はそんなシーンに是非参考にしたい、最新の魅力あふれるフリーリソースを集めた「50 incredible freebies for web designers, July 2015」を紹介したいと思います。

designers0731_0
Bukhari Script – Free Font on Behance

フリーフォントからアイコン、UI、JS、アニメーションなど、デザイナー側・開発側どちらにも便利なフリーツールが多数紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 11:05  |  
Category: Design   
2010年03月19日

クリエイティブなグラフィックが魅力のパッケージデザイン「25 Inspirational Package Designs」

商品に施されているパッケージデザインのはさまざまなものがありますが、今回はクリエイティブなグラフィックが魅力のパッケージデザイン「25 Inspirational Package Designs」を紹介したいと思います。

packeger

食品や雑貨、プロダクト、化粧品など、いろんな分野のパッケージの優秀なデザインが集められています。

詳しくは以下

(さらに…)

続きを読む
posted 12:00  |  
Category: Design   
tag: 
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年08月06日

ハイクオリティなーphotoshopチュートリアル集「 40 (NEW) High Quality Adobe Photoshop Tutorials」

グラフィックデザインの世界では欠かせないソフトウェアの一つphotoshopその可能性は毎日使っていても追いきれないくらい深く、広いです。今日紹介するのは最近公開されたもので、質の高いphotoshopチュートリアルを40個あつめたチュートリアル集「 40 (NEW) High Quality Adobe Photoshop Tutorials」です。

new-ps-tut01
Creating an Abstract Watercolor Wallpaper

グラフィックやタイポグラフィ、エフェクトで見せるものなどなど様々なチュートリアルが紹介されています。今回はその中からいくつか気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:50  |  
Category: Design , Photoshop   
2009年09月18日

スクロール終端で出現するTOPに戻るボタン「jQuery Scroll to Top Control v1.1」

WEBはどうしてもその性質上縦に長くなってしまう傾向があり、縦にスクロールして見ていくと言うサイトも多いかと思います。よくユーザーインターフェイスをよくするためにページ下層にTOPに戻るボタンが用意されていて、読み終わった後に一瞬でTOPに戻れる仕組みを取っているサイトも多いのですが、今回紹介するのは常に表示させておくのではなく、スクロール終端で出現するTOPに戻るボタン「jQuery Scroll to Top Control v1.1」です。

topcontlol01

ユーザーがページ下部に戻ったときだけ、フェードインで登場し、逆にスクロールで上部に戻ると言った時には消えると言う仕組みになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:49  |  
Category: WebDesign   
2011年03月21日

クリエイティブなjQueryプラグイン28選「28 Fresh jQuery Tutorials」

先日、jQueryのプラグインを「新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」」という記事で紹介したばかりですが、今回はクリエイティブなjQueryプラグインを集めたエントリー「28 Fresh jQuery Tutorials」を紹介いたします。


Fullscreen Gallery with Thumbnail Flip

このエントリーでは、スライダー、ギャラリーなどを中心に演出に凝った、見せるためのjQueryプラグインが多数まとめられていました。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:15  |  
Category: WebDesign   
2011年06月21日

背景素材に使いやすい Photoshopパターン集「Ultimate Collection Of Free Photoshop Pattern」

デザインに厚みを出す際に欠かせない背景等のパターンですが、手の込んだデザインが必要となり、1から作り上げるのには時間と手間が掛かってしまいます、そこで今回紹介するのが、素材として利用しやすいPhotoshopパターン集「Ultimate Collection Of Free Photoshop Pattern」です。


Paper Patterns for PS and Gimp by *starsunflowerstudio on deviantART

シンプルなパターンから、華やかなパターンまで、さまざまなタイプの素材が紹介されています。中でも特に気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:09  |  
Category: Design   
2018年01月13日

繊細なイメージ表現に活躍する 細身なフリーフォントまとめ「20 Free Thin Fonts for Elegant Designs」

フォントにはいろいろな種類がありますが、細身のタイプはデザインを繊細で美しく見せてくれる効果を発揮します。今回はそんな繊細なイメージ表現に活躍するフリーフォントまとめ「20 Free Thin Fonts for Elegant Designs」を紹介したいと思います。

font0113_4
Honeymoon PERSONAL USE font by Måns Grebäck – FontSpace

フォント全体が細身なものから、強弱が付いた印象的なものまで、20種のフリーフォントがピックアップされています。

詳しくは以下

(さらに…)

続きを読む
posted 10:06  |  
Category: Font   
2016年10月09日

UIデザインのベースにできるシンプルなUIフリーサンプル「Ease UI Component Free Sample」

WEBデザインのトレンドの推移は早く、年々あらたなトレンドが生まれては消えていきますが、今日紹介するのはUIデザインのベースにできるシンプルなUIフリーサンプル「Ease UI Component Free Sample」です。

Ease-UI-Component-Free-Sample-prev02

非常にシンプルでスタイリッシュなデザインでブログ、メディア、フォーム、Eコマース、ベースパーツなどなど様々なユーザーインターフェースのパーツが収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 12:11  |  
Category: Design , Photoshop   
2017年08月13日

モバイル向けデザインテンプレートまとめ「8 Fresh & Free Mobile App PSD Templates」

国内外でも比率が年々増しているスマートフォン。ユーザーインターフェイスの設計は、PCとはまた違った観点の設計・デザインが求められます。今日紹介するのは、モバイル向けのデザインテンプレートをまとめたエントリー「8 Fresh & Free Mobile App PSD Templates」です。

mobileapp01
Clean & Modern iOS UI Kit by Sandeep Kasundra – Dribbble

ハイクオリティなモバイルデザインテンプレートがまとめられています。気になるものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: Tool , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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