TOP  >  トグル

Tag : トグル

2017年12月18日

クリスマスなWebデザインのアクセントに!グラフィカルなトグルボタン「CodePen – Bauble Toggle」

クリスマスまであと数日。デザインのちょっとした部分にもクリスマス感を取り入れることで、より気分を高めることができるのではないでしょうか。そんな中今回ご紹介するのは、クリスマス気分を盛り上げてくれるグラフィカルなトグルボタン「CodePen – Bauble Toggle」です。

codepen-bauble-toggle1
CodePen – Bauble Toggle

クリスマスのオーナメントをイメージさせるイラストがボタンになった、可愛らしいトグルボタンです。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2010年03月25日

ドラッグして画像を回転できるjqueryプラグイン「jQuery Reel Plugin」

軽量で高機能なjavascriptライブラリjQueryその手軽さから、多くのWEBデザイナーに利用されており、様々な機能が開発され公開されていますが、今回紹介するのはドラッグして画像を回転できるjQueryプラグイン「jQuery Reel Plugin」です。

reelreel

実際言葉だけではなかなか伝えづらいのでデモが配布元に公開されていましたので、デモをご覧になりたい方は「jQuery Reel Plugin」からどうぞ。こちらはクイックタイムのVRのように画像を回転させる事ができます。これによりプロダクトを様々な側面で見たり、パノラマビューを違う角度でみせたりなど、いままでFLASHなどを使わなければ実現できなかった表現が可能になっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:07  |  
Category: WebService   
2013年01月29日

インターフェースを整えるために欠かせないPSD素材まとめ「110 Free Progress / Loading Bar PSD Designs」

WEBサイトを活性化させるためには、WEBデザインの基本的なインターフェースを整えるのはもちろんですが、ページの切り替わりやローディング時にパーセンテージを表示したりと細かいところに気遣うことで、ユーザーの滞在時間も大きく変わってくるもの。そんな中今回紹介するのが、インターフェースを整えるために欠かせないローディングバーなどのPSD素材をまとめた「110 Free Progress / Loading Bar PSD Designs」です。


Progress Bars | Best PSD Freebies

シンプルなテイストから、演出にもこだわったPSD素材が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:41  |  
Category: Design   
2018年05月14日

写真やデザインにアクセントをつけたい時におすすめのPhotoshopブラシ「Brushing Up: A Large Collection of Free Photoshop Brushes」

Photoshopには様々な機能がありますが、中でも重宝されるのがブラシ機能。難しい表現も可能にしてくれるので活用している人も多いのではないでしょうか。そんな中今回は、写真やデザインにアクセントをつけたい時におすすめのフリーで使えるPhotoshopブラシ「Brushing Up: A Large Collection of Free Photoshop Brushes」を紹介したいと思います。

paintingbrushes01
Ebullient| 9 Painting Brushes by desperatedeceit on DeviantArt

様々なテイストのブラシが紹介されています。中でも気になったものをいくつかピックアップしてみましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Photoshop   
2009年02月13日

ボール紙のテクスチャを集めた「 Cardboard Textures and Objects 」

素材感を出す為によく使われるのが、紙だったりボール紙だったりしますが、今日紹介するのはボール紙のテクスチャをひたすら集めたテクスチャ集「 Cardboard Textures and Objects 」です。

普通の物から汚れているもの、ビリビリに破かれているものなど、様々なテイストのテクスチャが公開されていて、テクスチャはFlickrにてセットで公開されていましたので下記にスライドショーを貼付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:35  |  
Category: Design   
tag: Design
2010年01月25日

商用可も有り!フリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」

デザイン的にもユーザビリティ的にも非常に便利に使えるアイコン。デザインをより分かりやすくしてくれます。今回紹介するのはそんな制作に使えるフリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」です。

freeicons

基本的に、アイコン個別ではなくて、アイコンセットが多数、集められていると言う形になります。沢山のアイコンセットが公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:56  |  
Category: WebDesign   
2017年04月25日

デザインのために生み出された様々な種類の新しいフリーフォントまとめ「18 New Free Fonts for Graphic Design」

フォントはデザインの仕上がりを大きく左右する非常に重要な存在で、自分の考えるデザインの雰囲気に合わせるためにも、しっかり選定しておきたいところ。今回はそんな時に参考にしたいまとめ「18 New Free Fonts for Graphic Design」を紹介したいと思います。

top
ELIXIA™ | Typeface on Behance

さまざまなテイストのデザインフォントが18種ピックアップされています。気になったものを紹介していますので、下記よりご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:21  |  
Category: Font   
2014年01月08日

5色のグランジテクスチャセット「Five Colored Grunge Textures」

デザイナーなら必ず使用したことがあるであろうテクスチャ。フリーで使用できるものが非常にたくさん展開されており、グラフィックからwebまで用途が幅広い点も魅力となっています。今回はそんなテクスチャの中でグランジテイストの「Five Colored Grunge Textures」を紹介したいと思います。

coloredgrunge1

絶妙に質感の違う5色のグランジテクスチャがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:00  |  
Category: Design   
2009年07月21日

ペインティングを実現するphotoshopブラシ集「300+ Excellent Photoshop Brushes for Creating Painted Effects」

photoshopには様々なブラシがリリースされており、ブラシ次第でその表現の幅はかなり広がります。今日紹介するphotoshopブラシ集300+ Excellent Photoshop Brushes for Creating Painted Effects」は絵の具やペンキで描いたような表現を可能にしてくれるブラシセットを集めたエントリーです。

painted_brushes_01
WaterColor Reloaded – 83 brushes

様々な種類のブラシセットがあつめられていますが、今日はその中からいくつか気になったものいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:37  |  
Category: Design , Photoshop   
2011年04月25日

ストライプパターンのフリー素材まとめ「400+ Free Photoshop Stripe Patterns」

デザイン背景やパーツの背景となるパターンにこだわることで、デザインの質の向上につながりますが、一つ一つの素材を一から制作していくには、膨大な時間と手間がかかってしまい、作業効率が落ちてしまうということも多いかと思います。そこで今回紹介するのは、数あるパターンの中からストライプのパターンをまとめた「400+ Free Photoshop Stripe Patterns」です。


Stripes Collection by ~photoshop-stock on deviantART

カラフルなものから上品なパターン、またシックなものまで、400ものストライプパターンが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:48  |  
Category: Design   
2008年08月17日

個性的な背景素材をダウンロードできる「Shizoo – einfach mal Design haben」

Designdevelopでは「ディテールまでこだわって背景画像が作れるジェネレーター「Tiled backgrounds designer」/a>」や「商用可!パターン背景素材集「DINPATTERN」」など背景素材がダウンロードできるサイトをいくつか紹介してきましたが、今日紹介するのは個性的な背景素材を配布しているWEBサイト「Shizoo – einfach mal Design haben」です。

シンプルでキレイ目な背景画像も用意されていますが、どちらかと言うと、カラフルなストライプやイラストレーション、柄物などなど少し個性的な背景素材を手に入れる事ができます。全部で25種類の背景画像が収録されている内容の一部を下記に貼付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:35  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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