TOP  >  ユーザーインターフェース

Tag : ユーザーインターフェース

2017年02月12日

ダイナミックで洗練された検索ユーザーインターフェイスキット「Inspiration for Search UI Effects」

WEBサイトにおいて、探すインターフェイスは非常に重要で、初めて見るサイト・使い慣れたサイトでもともによく利用するものとなりますが、今回紹介するのはダイナミックで洗練された検索ユーザーインターフェイスキット「Inspiration for Search UI Effects」です。

SearchUIEffects_01

WEBサイトで利用できる様々なユーザーインターフェイスが全部で11まとめられています。全画面でダイナミックにアニメーションするものから。検索コマンドのように事例を見せるユニークなタイプのものまでがまとめられています。

詳しくは以下

(続きを読む…)

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

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

2016年11月20日

2017年のWEBデザインのトレンドをまとめた「The Future of Webdesign: Trends 2017」

WEBデザインの世界は非常にトレンドの流行り廃りが早く、昨年のものは今年、今年のものを来年使えないぐらいのスピードでトレンドが移り変わっていきます。今日紹介するのは来年の2017年のWEBデザインのトレンドをまとめた「The Future of Webdesign: Trends 2017」です。

photo-1467232004584-a241de8bcf5d

来年の注目すべき、WEBデザインのトレンドが全部で6つまとめられていましたので、順に紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:20  |  
Category: WebDesign   
2015年10月02日

いろいろな種類の最新フリー素材をまとめた「50 Free Resources for Web Designers from October 2015」

日々、さまざまな種類の素材がフリーでダウンロードできるよう配布されており、常にチェックされている方も多いのではないでしょうか?そんな中今回紹介するのは、いろいろな種類の最新フリー素材をまとめた「50 Free Resources for Web Designers from October 2015」です。

free1102_4
10 Free and Gritty Photoshop Brushes Made With Tea

フォントやアイコン、UIといった種類のフリー素材が厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:10  |  
Category: Design   
2010年03月02日

jQueryで魅せる動きのテクニック「10 jQuery Transition Effects: Moving Elements with Style」

先日「最新の使えるjQueryプラグイン集「25 Amazing and Fresh jQuery Plugins」」と言う記事で、最新の機能のjQueryプラグインをまとめたエントリーを紹介致しましたが、今日紹介するのはjQueryで動きが特徴的な魅せる動きを集めたエントリー「10 jQuery Transition Effects: Moving Elements with Style | DevSnippets」を紹介したいと思います。

jquery-01
Fluid Navigation – How to create an informative menu-bar with jQuery & CSS

スムーズに出現するフェードだったり、スライドインだったり、気持ちいい感じの動きをするjQueryのテクニックが集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:30  |  
Category: WebService   
2007年12月25日

【tool】LeopardのSpacesをもっと便利にする「Warp」

Leopardの新機能の一つSpaces。この機能はデスクトップをアプリケーション毎に割り当てて作業スペースを整理してくれる画期的な機能です。このSpacesは通常切り替えには何かボタンを割り当て無ければ行けませんが、今回紹介するソフトウェア「Warp」を使えばマウスカーソルをスクリーンの端に移動しただけで作業スペースを切り換える事ができます。

warp

フリーウェアで無料で使用する事ができますが「Paypal」で寄付も受け付けているみたいなので本当に気に入った方は寄付してあげてください。当然ですが動作環境はOS X 10.5以上となります。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:42  |  
Category: Tool   
tag: Tool
2008年11月17日

コンテナをテーマにしたフリーデスクトップアイコン「Container Icons 」

電車だったり街中だったりさま様々ですが、日本でもたまに見かけるコンテナ。今日紹介するのはコンテナをテーマにしたフリーデスクトップアイコン「 Container Icons 」です。アイコンは全部で40種類収録されており、カラフルに表現されています。

デスクトップで使用することを前提として作成されていますので、各々のコンテナにはAdobe製品をはじめとする様々なアイコンが用意されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:54  |  
Category: Design   
2013年06月20日

多彩な種類が魅力 線画イラストレーションセット「430+ FREE storyboard illustrations」

デザイン用のイラスト制作のためび、毎回手描きで起こしている方も多いと思いますが、伝わりやすい作品にするために細かく書き込んでいくと、ついつい時間がかかってしまうものです。そんな時に是非利用したい、多彩な種類が魅力の線画イラストレーションがセットになった「430+ FREE storyboard illustrations」を紹介したいと思います。

dd_story_01

イラスト制作やアイコンデザインを手がけるクリエイター・Julian Burford氏が無料配布している、使いやすいイラストセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:33  |  
Category: Design   
2009年07月28日

イラストレーターのチュートリアル22選「22 Very Useful Adobe Illustrator Tutorials」

デザイン業界には必須のアプリケーション。イラストレーター多くのクリエイターが利用しているかと思います。今日紹介するのはそんなイラストレーターのチュートリアルを集めたエントリー「22 Very Useful Adobe Illustrator Tutorials」です。

illustrator_tuts_01
Design with Swirls and Flourishes

WEBのワイヤーフレームから、グラフィックテクニックまで幅広いチュートリアルが記載されています。今日はその中からいくつか気になったチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:42  |  
Category: Design , vector   
2007年10月26日

ITunseのCoverFlowを再現したFLASHギャラリ−「iTunes Coverflow v2」

前回「ポラロイド写真のように見せる画像ギャラリー「Polaroid Gallery」」で机の上におかれたポラロイド写真風ギャラリーを紹介しましたが、今回も質の高いFLASHギャラリーサンプルを紹介したいと思います。

iTunes Coverflow v2

そのFLASHギャラリーサンプルは「iTunes Coverflow v2」と呼ばれ、名前の通りiTunesの特徴的なインターフェイスであるCoverflow風に画像を見せれるFlashギャラリーです。上記のように鏡面処理等も施され洗練された感じで画像を見せる事ができます。

画像表示の仕組みは単純で表示させたい画像を任意のフォルダに格納しておいて、XML中でファイル名とディレクトリを指定をすれば簡単に表示させる事ができます。前回同様Flaファイルでの配布なので、自分のサイトに合わせてカスタマイズする事が可能で、カスタマイズによってはさらに完成度を上げる事ができるかと思います。

ここまでの物をFlaファイルで配布してくれるのは嬉しい限りです。使わないにしてもソースコードを見ても勉強になりますので、ダウンロードしてソースを覗いて見ても良いかもしれません。動作サンプルとFlaファイルのダウンロードは「n99creations.com」からどうぞ。

続きを読む
posted 11:49  |  
Category: WebDesign   
2014年07月30日

敷き詰めて使える花柄パターンまとめ「Create Pretty Designs With Free Seamless Flower Patterns」

パターン素材の中で、比較的定番の部類に入るであろう花柄。女性らしいデザインなどによく利用されます。今回はそんな花柄のシームレスパターンをまとめた「Create Pretty Designs With Free Seamless Flower Patterns」を紹介したいと思います。

flowertex1
seamless vintage rose pattern by dengwei1361159 on deviantART

華やかな印象をあたえてくれる華柄パターンが厳選されまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2011年05月25日

雲の表情が特徴的な空のテクスチャ集「48 33 Free Cloud Textures to Capture Your Interest」

空のテクスチャはデザインの現場で頻繁に使用される素材の一つ。色々なバリエーションを確保しておきたいものです。そこで今回は、雲の表情が特徴的な空のテクスチャ集「48 33 Free Cloud Textures to Capture Your Interest」を紹介したいと思います。

雲が浮かぶ空のテクスチャが豊富なバリエーションで紹介されています。中でも特に気になったものをピックアップしてみましたので、以下よりご覧ください。

(続きを読む…)

続きを読む
posted 11:15  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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