TOP  >  

Tag :

2017年12月10日

冬のシーズンにぴったりな 霧や氷の表面を思わせるテクスチャセット「Arctic Frost Textures」

師走に入り、寒さの厳しい季節が到来。デザイン業務でも、冬らしさや季節感を求められることも多いのではないでしょうか。今回ご紹介するのは、そんな冬を感じさせるデザインにぴったりな、霧や氷の表面を思わせるテクスチャセット「Arctic Frost Textures」です。

arctic-frost-textures1
Arctic Frost Textures — download free textures by PixelBuddha

見ているだけでひんやりするような、冷たさの伝わるハイクオリティなテクスチャセットです。

詳しくは以下

(さらに…)

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

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

2014年01月27日

デザイナーのためのフリーアイコンセット20種「20 Free Icon Sets for Designers」

フリーのデザインアイコンはインターネット上で多数展開されており、素材ストックとしてたくさん所持されている方も多いと思います。今回は新たに追加しておきたい、デザイナーのためのフリーアイコンセット20種「20 Free Icon Sets for Designers」を紹介します。

freeicon140127_1
25 Free Icons on Behance

ミニマルなシンプルアイコンや、リアルを追求したもの、さまざまなタイプがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 12:40  |  
Category: Design   
2012年09月30日

直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」

WEB以上にUIが重要視される、モバイルアプリ開発。当然情勢も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。

ブラウザ上で、用意されたパーツを並べていくだけで簡単にUIを設計することができます。非常に直感的に操作できるようになっており、海外のサービスですが、説明やチュートリアル無しで制作していくことができました。

詳しくは以下

(さらに…)

続きを読む
2010年02月07日

ユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」

タブやフォーム、ラジオボタンにチェックボックス、ページングとWEB特有のデザインや昨日はいくつもありますが、WEBデザインを起こす時、それを一つ一つデータを起こしているとかなり大変です。今日紹介するのはユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」です。

uiparet01
Flex Stencil Kit

様々なインターフェイスに対応した素材がまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:50  |  
Category: Photoshop , WebDesign   
2009年11月23日

jQueryで実現するナビゲーションテクニック「15 Excellent jQuery Navigation Techniques and Solutions」

様々なエフェクトを可能にしてくれるjQuery。その用途は幅広く、様々なシーンで使われていますが、今回紹介するのはjQueryで実現するナビゲーションテクニック「15 Excellent jQuery Navigation Techniques and Solutions」です。

jquery_navigation_8
Create Vimeo-like top navigation

タブメニューからツリー表示、などなどなかなかHTML+CSSだけではできないアニメーションや仕組みを使ったナビゲーションのテクニックが紹介あれています。今日はその中から幾つ描きになったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:26  |  
Category: WebDesign   
2008年06月13日

【FreeFont】無料で利用できる教科書体フォント「NTモトヤ教科書2」

教科書で使われている独特な書体、教科書体フォント。今回紹介するのはモトヤが提供している。教科書体フォント「NTモトヤ教科書2」です。

フォントはTrueTypeフォントで配布されていて、ダウンロードするにはモトやへの登録が必要になり、インストールは登録ユーザーが所有する1台のパソコンにと限定はされていますが、非商用利用の個人の利用に限り、自由に利用できるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:41  |  
Category: Design , Font   
tag: Design Font
2016年05月30日

リッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」

マウスオーバーすると、色が変わったり、様々なアクションが走ったりと、WEBデザインでは多用されるホバーエフェクト。簡単に透明度だけ変えたり、色を変えたりというシンプルなものも良いのですが、一工夫されたホバーエフェクトは上手に使えばサイトの質を向上させてくれます。今日紹介するのはリッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」です。

hover01

画像が拡大されたり、フィルタが掛かったような表現になったり、全部で16ものホバーエフェクトを簡単に実装することが可能です。

詳しくは以下

(さらに…)

続きを読む
posted 10:34  |  
Category: WebDesign   
2016年03月14日

ハンバーガーボタンにアニメーションを「Tasty CSS-animated hamburgers」

スマートフォンサイトではすっかりお馴染みのメニューアイコン、ハンバーガーボタン。最近ではスマートフォンだけではなく、PCサイトもメニューとして利用されているのもよく見ますが、今回紹介するのは、ハンバーガーボタンにアニメーションを簡単に与えることができる、「Tasty CSS-animated hamburgers」です。

Hamburgers

こちらはCSSのアニメーションを利用してスムーズにアニメーションするハンバーガーボタンを簡単に実装可能です。

詳しくは以下

(さらに…)

続きを読む
posted 10:33  |  
Category: javascript , WebDesign   
2010年01月06日

photoshopで使える煙ブラシセット集「350+ Smoke Brushes for Photoshop」

料理の湯気だったりタバコの煙だったり、様々なシーンで演出的に使われる煙。今回紹介するのはphotoshopで使える煙ブラシセット集「350+ Smoke Brushes for Photoshop」というエントリーです。

smoke01
Thick Curly Smoke Brushes

様々なタイプの煙を表現したphotoshopブラシが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , Photoshop   
2013年12月28日

フラットからリアルまで フリーアイコンが豊富に揃う「Fresh and Free Icons for December 2013」

webデザインの制作素材として欠かすことができないアイコン素材。デザインテイストに合わせて、アイコン自体のデザインも使い分けたい、そんな時に是非参考にしたいフリーアイコンまとめ「Fresh and Free Icons for December 2013」を今回は紹介したいと思います。

freeicon2013_4
Weather Icons

フラットタイプのアイコンを中心に、さまざまなジャンルのアイコンがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:33  |  
Category: Design   
2015年06月30日

ビジネスシーンを想像させるフリーアイコンまとめ「30+ Freebie Business Icons You Should Have」

ソーシャルアイコンやビジネスツールなどをビジュアル化したアイコンセットは多数配布されていますが、今回紹介するのは、ビジネスシーンを想像させるフリーアイコンまとめ「30+ Freebie Business Icons You Should Have」です。

busness1
IWork 10 Iconset (7 icons) | Gordon Irving

手帳やバッグ、ノートやパソコンなどのデバイスなど、仕事をする際に必要なアイテムがアイコン化されたセットが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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