TOP  >  UI

Tag : UI

2013年10月23日

web・アプリケーション開発に使えるフリーUIデザインのまとめ「18 Useful Free UI Kits for Designers」

Webサービスやアプリケーションの開発においてUIデザインは必ず付いてまわるもの。けれど、0から作っていてはどうしても時間が掛かってしまうことが多いと思います。今回はそんな時に是非使ってほしい、フリーのUIデザインのまとめ「18 Useful Free UI Kits for Designers」を紹介したいと思います。

18ufukfd_0
Dribbble – #flatlyfe UI Kit [FREEBIE] by Dylan Opet

シンプルなものやリッチデザインなものまで、さまざまなテイストや利用シーンを想定したUIデザインが揃っています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

新しいユーザーインターフェイスを利用できる「10 Free UI Kits」

インターフェイスは日々進化しており、デザインの流行り廃りデバイスの進化などを含めて多様化そして変化してきています。今日紹介するのは、最近リリースされているユーザーインターフェイスをセットにして利用できるインターフェイスキットを集めたエントリー「10 Free UI Kits」です。

css_ui_kit_02
Pure

最近流行りのフラットデザインからスタンダードなものまで、様々なユーザーインターフェイスキットが紹介されていますが、いくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2013年09月08日

質の高いUXを与えるためのjQueryプラグイン集「9 jQuery Plugins for Improving Website Navigation」

WEBにとってUXはとても重要な要素の一つ。隅々までサイトを見ていただくためにはここがダメだと利便性が悪く、多くのユーザーに不快な思いを与えてしまいます。今日紹介するのはjQueryで質の高いUXを実現するためのjQueryプラグインを集めたエントリー「9 jQuery Plugins for Improving Website Navigation」です。

jquery05
Intro.js

jQueryを利用した様々な仕組みが紹介されています。クリエイティブであれば良いというものではありませんが、斬新な動きだったり、仕組みだったり、工夫を凝らしたプラグインが集められています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: javascript , WebDesign   
このエントリーをはてなブックマークに追加
2013年09月07日

クリエイティブでセンスのあるコンタクトフォーム集「Inspiring & Creative Contact Forms」

WEBではユーザーと運営者をつなぐもっとも一般的な手段であるコンタクトフォーム。何が目的でコンタクトを取っていただくかにもよりますが、その使い勝手やデザインは、途中で離脱させないためにも様々な工夫が必要であると言われていますが、今日紹介するのはクリエイティブでセンスのあるコンタクトフォーム集めたエントリー「Inspiring & Creative Contact Forms」です。

form_01
Contact • Café Evoke // Coffee, Wine, Beer, Eats, and Catering in Edmond & Oklahoma City

一般的に国内でよく見るコンタクトフォームでは無く、海外のものが中心で、どれもクリエイティブなものとなっています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:32  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2013年07月28日

WEBデザイナーのためのHTML/CSSの最新チュートリアル10「10 Useful HTML/CSS Tutorial for Web Designers」

WEBデザインは日々進化していて、最近では、フラットデザインも大きな一つのジャンルになりつつあり、シンプルなデザインだけに、ちょっとした動きやエフェクトが大事だったりします。今日紹介するのはそんなデザインの味付け的なWEBデザイナーのためのHTML/CSSの最新チュートリアルをまとめたエントリー「10 Useful HTML/CSS Tutorial for Web Designers」です。

css_tutorial_1
How to Create a Trendy Flat Style Nav Menu in CSS

全部で10のチュートリアルが紹介されていますが、今日はその中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:29  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加
2013年06月19日

iOS7のデザインに合わせたデザイン制作ができるUIキット「Free iOS 7 UI Kit」

iOS7で発表されたフラットデザインへの基準デザインの変更にともない、アプリ制作者のデザイン感にも大きな影響を与えているのではないかと思います。今回はそんなiOS7のデザインに合わせたデザイン制作ができるUIキット「Free iOS 7 UI Kit」が早速公開されていましたので、紹介したいと思います。

dd_free_01

iOS7の特徴的なフラットデザインを取り入れた、スマートフォンサイトやアプリ制作に使いやすい基本UIが詰まったキットとなっています。

詳しくは以下

(さらに…)

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

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

2018年01月14日

男性の顔をカスタムできるイラストジェネレーター「Gentleman Character Generator」

自身のプロフィールやポートフォリオを作成する際に、顔写真を使用することがあると思いますが、中にはちょっと抵抗がある方もいらっしゃるはず。今回はそんな時に活躍してくれそうなカスタムできるイラストジェネレーター「Gentleman Character Generator」を紹介いたします。

facemake1

さまざまなパーツを組み合わせて、オリジナルの男性の似顔絵を作り上げることができます。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
2014年01月05日

デザイン性のあるカレンダーアイコンセット「45 Stunning Calendar Icon Sets For Free Download」

日にちを表現するデザイン部分に利用できるカレンダーアイコンは、使用頻度はそれほど高くないかもしれませんが、持っているといざという時に非常に便利なもの。今回はそんなカレンダーアイコンセット「45 Stunning Calendar Icon Sets For Free Download」です。

calendar1
Calendar Icon by thiago-silva on deviantART

デザイン性のあるさまざまな種類のアイコンがまとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:17  |  
Category: Design   
2012年09月03日

シンプルで使いやすい サンセリフフォントまとめ「20 Free Popular Sans-Serif Fonts For Designers」

デザインを印象的に魅せるために、ユニークなフォントを使うこともあると思いますが、やはりデザインの基本となるのはオーソドックスなゴシック体や明朝体。そんな中今回紹介するのが、シンプルで使いやすいサンセリフフォントをまとめた「20 Free Popular Sans-Serif Fonts For Designers」です。


Roboto font by Google Android – FontSpace

シンプルな中にも存在感を感じられるフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:37  |  
Category: Design , Font   
2014年03月23日

光の柔らかなニュアンスが感じられるブラシ素材まとめ「20 Amazing Photoshop Bokeh Effect Brushes」

光のきらめきなどの表現は、Photoshopを使って加工を施したり作り出すことができますが、1から制作するのはなかなか大変なもの。そんな中今回は、光の柔らかなニュアンスが感じられるブラシ素材まとめ「20 Amazing Photoshop Bokeh Effect Brushes」を紹介したいと思います。

bokeh1
Bokeh Brushes by redheadstock on deviantART

ボケ足のある光がまたたく雰囲気を簡単に描き出せるブラシ素材がまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:04  |  
Category: Photoshop   
2012年01月25日

フリーで利用できる種類の豊富な幾何学模様パターンまとめ「250+ Free Distinct Geometric Patterns」

デザインの質を高めてくれる背景パターンは、なるべく多くストックしておきたいもの。そんな中今回紹介するのが、フリーで利用できる種類の豊富な幾何学模様パターンをまとめた「250+ Free Distinct Geometric Patterns」です。


Free seamless patterns Green, Pink 70s |

シンプルなパターンからギミックの繊細なパターンまで、さまざまな幾何学模様パターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:08  |  
Category: Design   
2017年01月21日

2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」

1カラムのダイナミックなデザインが主流となって暫く経ちますが、WEBサイトの印象を決定づける要素の一つに背景があります。特にPCサイトでは大きな面積を占めることから非常に重要な要素ですが、今日はそんな背景デザインのアイデア集、2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」を紹介したいと思います。

haikei01
1. Geometry on Photos
幾何学的なデザインを写真に重ねる背景デザイン

2017年のトレンドとなりうる背景デザインが全部で5つ掲載されていましたので以下からご覧ください。

詳しくは以下

(さらに…)

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

シームレスに利用できるアスファルトテクスチャ「Most Useful Collection Of Free Seamless Asphalt Textures」

シームレスに継ぎ目なく使用できるテクスチャは、非常に便利で重宝する素材。今回はそんなシームレスに利用できるアスファルトテクスチャ「Most Useful Collection Of Free Seamless Asphalt Textures」を紹介したいと思います。

asp1
[GH Free Texture Library]: (ASPHALT 1) seamless tarmac road tar texture

いろいろなデザインに活用できそうなアスファルトをテーマにしたテクスチャがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:11  |  
Category: Design   
2011年11月15日

psdのフリースライダー素材まとめ「Huge Collections of Different kinds of Free Slider (PSD Files)」

インターネット上にはさまざまなフリー素材が公開されており、自分とは異なる感性で制作された素材を活用されている方も多いはず。そんな中今回紹介するのは、webサイト制作に利用するさまざまなスライダー素材を集めた「Huge Collections of Different kinds of Free Slider (PSD Files)」です。


Volume Slider Free PSD – Ahmad Hania Blog

メイン画像用のスライダーから、パーツデザインとしてのスライダーまで、さまざまなスライダーが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2012年01月04日

ユニークなナビゲーションメニューまとめ「2011 50 Interesting Navigation Menus」

ユーザーにスムーズにページを遷移してもらうために重要なナビゲーションメニューは、デザイン性と分かりやすさが非常に重要になってくるのではないでしょうか?そんな中今回紹介するのが、ユニークなナビゲーションメニューをまとめた「2011 50 Interesting Navigation Menus」です。


Racket – Web Design, Print Design, Art & Photography

形やレイアウトにこだわったメニューから、アピール度の強いメニューまで、さまざまなメニューデザインが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2017年04月11日

コーダーの為の実用的な色理論が学べる「Practical Color Theory for People Who Code」

Webサイトのコーディングを一手に担うコーダー。デザインに関する知識を持っているだけで、仕事の仕方も大きく変わってきます。そんな中今回ご紹介するのは、コーダー達へ向けた簡易的な色彩学を学ぶためのWebサイト「Practical Color Theory for People Who Code」です。

gGD2GtQBgu8yQAAAABJRU5ErkJggg==

色相の説明から始まりトーンオントーンなど、基礎的な知識を学ぶことができます。

詳しくは以下

(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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