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   
このエントリーをはてなブックマークに追加

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

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年08月27日

デザインのアクセントにぴったりなフリーバッヂアイコンパック「6 Free Stylish Web Badges」

デザインのワンポイントやアクセント、注目度をアップさせたい場合に良く利用されるシールやバッヂ風のアイコン。デザイン性の高い作品に使用する場合は特に一つ一つのパーツにも作り込みが必要になり、クオリティを追求するには時間がかかります。そんな中今回紹介するのが、デザインのアクセントにぴったりなフリーバッヂアイコンパック「6 Free Stylish Web Badges」です。

カラーや雰囲気の異なるバッヂが6種類パックになった、さまざまなシーンで利用しやすいバッヂアイコンとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:06  |  
Category: Design   
2018年03月20日

絶滅種をあつめた動物アイコン「Extinct animals project (Free)」

動物をモチーフとしたアイコンは幅広く存在し、デザインによく使用されるものの一つなのではないでしょうか。今回ご紹介する「Extinct animals project (Free)」では、一風変わった他にはない動物アイコンとなっています。

ShockFamily_top

絶滅危惧種をテーマとして集められたアイコン。動物だけでなく、魚や虫などもまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
2007年10月18日

ページナビゲーションを拡張してくれるWPプラグイン「WP-PageNavi」

通常のWordPressのページナビゲーションは「« Previous Page Next Page » 」として表示され、今何ページ目にいてどのくらい続きがあるかが直感的に分かりません。

そこでそんなインターフェイスの不便利を解決してくれるのが今回紹介するプラグイン「WP-PageNavi」です。

WP-PageNavi

プラグインを導入すればページナビゲーションが上記のように表示され、今何ページ目にいるのかが瞬時に分かるようになります。ほんの少しの事ですが、閲覧する側を考えれば当然の配慮かと思います。

インストール方法

1.WP-PageNaviからプラグインをダウンロード

2.ローカルで展開後フォルダごと「wp-content/plugins」へアップロード

3.「WP-PageNavi」プラグインの有効化

以上です。

これだけではページナビゲーションは反映されませんので下記の手順を踏んでください。

導入方法は以下
(続きを読む…)

続きを読む
posted 10:01  |  
Category: plugin , WordPress   
2012年01月17日

webデザイン用のUIセットをまとめてダウンロードできる「Free download: Balio Web UI Kit」

webデザインでは、ユーザーがサイト内を遷移しやすいUI制作が重要。そんな中今回紹介するのが、デザイン感の統一されたUIセットをまとめてダウンロードできる「Free download: Balio Web UI Kit」です。

基本的なボタンデザインをはじめ、アプリストアリンクボタン・リボンデザイン・ログインフォーム・ページナビゲーション・グローバルナビゲーション・アンケート投票・ビデオやミュージックプレーヤーなど、webデザインに必要なさまざまなUIがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:50  |  
Category: WebService   
2015年08月06日

自身で一から作り上げることができるデザインチュートリアルまとめ「38 Best Design Tutorials for Learning Sketch 3」

1つのデザインを完成させるためには、多くの素材の組み合わせが必要になってきます。フリーで配布されているものも多数ありますが、時には自分で作らなくてはいけない、オリジナル性を求められるシーンに遭遇することもあるのではないでしょうか?今回はそんな時に参考にしたい、自身で一から作り上げることができるデザインチュートリアルまとめ「38 Best Design Tutorials for Learning Sketch 3」を紹介したいと思います。

vector_tu0807_3
iOS Design using Sketch. Part one: iOS Navigation Bar – YouTube

アイコンやイラスト、UI、アニメーション、ツール類など、多彩なチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2012年02月10日

ダークな配色を使いながらも美しさを感じられるwebデザイン「30 Beautiful Dark Web Designs for Inspiration」

黒や茶色などのダークな色合いは、暗い印象を与えてしまうのではないかと懸念される方も多いと思います。今回は、ダークな配色を使いながら、美しさを感じられるwebデザインをまとめた「30 Beautiful Dark Web Designs for Inspiration」を紹介したいと思います。


Dark Web Designs for Inspiration 15

色の使い方にこだわった、デザイン性の高いサイトばかりが紹介されています。中でも気になったものをいくつくかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:31  |  
Category: WebDesign   
2007年11月20日

PhotoShopブラシを100個集めた「100 Awesome High Resolution Photoshop Brushes」

photoshopのブラシを使うと表現の幅はかなり広がります。今回紹介する「100 Awesome High Resolution Photoshop Brushes」はフォトショップのブラシが100個集められていてそのブラシで作られたイメージサムネイルを見ながら選べると言う物です。

photoshopブラシコレクション

ペン先でずらーっと並ぶよりも上記のようなイメージ画像の方がかなり分かりやすいです。種類もグラフィカルなものから可愛らしいものまで様々な種類のブラシが集められています。これらの配布されているブラシを駆使すればアーティステックな作品が作れそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:04  |  
Category: Design   
tag: 
2013年06月21日

多彩なジオメトリックパターンをまとめた「80 Triangle Patterns for Subtle Geometric Touches」

パターン素材は、自分でオリジナルを作ることもあると思いますが、配布されているものを使用することで、自身の表現の幅を超えたデザイン制作が可能になることも。そんな中今回紹介するのは、多彩なジオメトリックパターンをまとめた「80 Triangle Patterns for Subtle Geometric Touches」です。

geometric03
{Patterns Triangles} by ~PerffectWay on deviantART

三角形をベースにしたジオメトリックパターンを80種もチェックできるようになっています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:05  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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