TOP  >  ユーザーエクスペリエンス

Tag : ユーザーエクスペリエンス

2019年01月07日

様々なサービスのUIサウンドを集めた「UI Sounds」

エラー・許可・着信などなど、優れたユーザーインターフェイスは視覚だけではなくて、直感的にわかりやすい音があり、表示されるユーザーインターフェイスに組み合わせることで、ユーザーがどのようなことをしたかの理解を早めてくれます。今日紹介するのはそんなユーザーインターフェイスの音を、様々なサービス別に集めたWEBサイト「UI Sounds」です。

uisound01

今までユーザーインターフェイスをまとめて紹介するサイトは多数ありましたが、こうして音に注目したサイトは珍しいと思います。

詳しくは以下

(続きを読む…)

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

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

2011年07月15日

クオリティの高い金属テクスチャ素材集「High Quality Metal Textures You Would Download」

ハードなイメージを表現する時に効果的な金属テクスチャ。独特の錆具合や汚れ具合などイメージ通りのテクスチャを探し出すことができれば、世界観をより一層つくりあげることができます。そこで今回紹介するのが、さまざまな金属テクスチャ素材を集めた「High Quality Metal Textures You Would Download」です。


Grunge Textures – Manhole Cover #1134 – Free Stock Photo

金属の輝きが美しいテクスチャから、使い込まれた独特の風合いを持つテクスチャまで、さまざまなテクスチャが紹介されています。今回はその中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2013年09月15日

WEB上のオブジェクトのアニメーションを簡単に制御できるjQueryプラグイン「animo.js」

最近ではブラウザ側も機材も進歩してきて、jsでアニメーションを作り込むという仕事も増えてきていると思います。今日紹介するのはWEB上のオブジェクトのアニメーションを簡単に制御できるjQueryプラグイン「animo.js」です。

animojs

こちらのプラグインはjsとcssで、簡単にアニメーションを指定のクラスやIDに付けていけるというものです。回転や移動の他、絵やテキストをボカシてフォーカスするなんてものもセットされていて、組み合わせ次第で色々な動きを表現できそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:44  |  
Category: javascript , WebDesign   
2008年03月21日

illustrator&photoshop CS3のキーボードショートカット50選

印刷業界の変換期も佳境を超えた感じがして、CS系での仕事がどんどん増えてきた感じがしますが、それでもMac OS9オンリーで仕事をしていらっしゃる方もまだいるみたいです。自分も含めて周りの話を聞いていて、OSの移行、ソフトのバージョンアップしての問題で、必ずと言って良いほど出てくるのがillustrator&photoshopのショートカットの変更です。

illustphotoshop01.jpg

ショートカットは大きな基本は変わっていないものの、細かなところで修正があり戸惑う事も多いみたいです。そこで今回紹介するのは「DTP Transit」さんが公開している「illustrator&photoshop CS3のキーボードショートカット50」です。厳選して50のキーボードショートカットを参照しやすいように一覧表にして公開されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:20  |  
Category: Design , Photoshop   
2011年07月20日

IllustratorでもPhotoshopでも使えるチェックパターン素材セット「10 Seamless Plaid Patterns for Illustrator and Photoshop」

デザインに利用する素材を探している時に、”せっかく良い素材が見つかったのに、使えるソフトが違って利用できない”という経験をされている方も多いはず。そこで今回は、IllustratorでもPhotoshopでも使えるチェックパターン素材がセットになった「10 Seamless Plaid Patterns for Illustrator and Photoshop」を紹介したいと思います。

明るめの柄からシンプルな柄まで、使いやすいチェックパターンが10種類もセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
2012年09月14日

ユーザービリティに配慮したデザイン制作に!ローディング画像のPSD素材まとめ「18 Free Progress And Loading Bars High Quality PSD’s」

企業の顔として当たり前の存在となっているWEBサイトは、一般ユーザーの方がいかにストレスなく利用することができるかを考えることが重要です。そんな中今回は、ユーザービリティに配慮したデザイン制作に使える、ローディング画像のPSD素材をまとめた「18 Free Progress And Loading Bars High Quality PSD’s」を紹介したいと思います。

印象的なローディング画像やプログレスバーが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:33  |  
Category: Design   
2017年01月18日

キッチン用品を集めたフリーベクターアイコンセット「Kitchen Tools & Appliances Icons 」

特殊な領域のアイコンセットは、特定の分野のデザインにはとても便利で上手く使えばサイトの世界観・クオリティを引き上げてくれます。今回紹介するのは冷蔵庫、電子レンジ、鍋つかみなど、キッチン用品を集めたフリーベクターアイコンセット「Kitchen Tools & Appliances Icons 」です。

KitchenIcons_800x600

全部で20個のキッチンで利用する家電やツールが収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:54  |  
Category: Design , vector   
2011年02月16日

個性的なPhotoshopブラシまとめ「Best Photoshop Brushes for January 2011: 10 High-Quality Sets」

デザインのクオリティをアップさせるのに重宝するphotoshopブラシ。工夫次第でより個性的なデザインに仕上げることができる、グラフィカルな表現を求められる際に非常に役に立ちます。そんな中今回紹介するのは、個性的なPhotoshopブラシまとめ「Best Photoshop Brushes for January 2011: 10 High-Quality Sets」です。


Grunge Stars Pack by ~OneLttle1 on deviantART

インパクトのある個性の強いタイプのPhotoshopブラシが収録されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:21  |  
Category: Design   
2011年07月05日

webデザインで使いやすいPhotoshopパーツ集「55 Brilliant Free Pixel Perfect PSDs」

webサイト制作に欠かせないボタンなどのUI素材。フリーで利用できるパーツ素材が多数発表されており、活用しているという方も多いと思います。そんな中今回紹介するのは、デザイン性が高く利用しやすいPhotoshop素材を集めた「55 Brilliant Free Pixel Perfect PSDs」です。


tutegate™ | Motion graphics and design blog » Neat sliders

ボタンセットからアイコンまで、さまざまな素材が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:39  |  
Category: Design   
2009年11月03日

素晴らしいフリーWordPress Themesを集めた「45+ great looking free WordPress Themes」

全世界で使われているオープンソースなCMS、Wordpress。高い拡張性と柔軟なデザイン性が人気ですが、数多く公開されているレベルの高いテーマもその人気を支える一つです。

freewordpress01
Inuit Types WordPress Theme

今回紹介する「45+ great looking free WordPress Themes」はそのタイトル通り、素晴らしいフリーWordpress Themesを集めたエントリーです。いくつか紹介されていますが、今回は紹介されているものの中からいくつか気になったモノをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:22  |  
Category: WordPress   
2009年04月26日

フリーグランジフォント50選「50 Most Extreme Free Grunge Fonts」

グランジ表現を可能にしてくれる素材は今までDesigndevelopでもデータの形式を問わず「グランジを表現するベクターデータ「15 Grunge Vectors」」や「汚れを表現したフリーブラシセット集「250+ Stains Brushes for Photoshop」」といくつか紹介してきましたが、今回紹介するのはグランジを表現したフリーフォントをまとめたエントリー「50 Most Extreme Free Grunge Fonts」です。

grunge_fonts

アナログ感溢れるグランジ表現のフォントが多々集められています。今日はその中からいくつか気になったグランジフォントを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:04  |  
Category: Design , Font   
tag: Design Font

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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