TOP  >  アイデア

Tag : アイデア

2013年11月06日

改めて参考にしたいクリエイター達のワイヤーフレーム集「UI & Wireframe Sketches to Keep You Inspired」

ワイヤーフレームは新しいWebサイトやサービスのUIを考える時、その構造を可視化するもので、制作する前には必ず作るというクリエイターも多いのではないでしょうか?今回紹介するのは改めて参考にしたいクリエイター達のワイヤーフレーム集「UI & Wireframe Sketches to Keep You Inspired」です。

uwstkyi_0
Dribbble – App design | Phase 1: Sketching by Alex Deruette

軽めのタッチのものから、細かく描かれたものまで、さまざまなワイヤーフレームが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(さらに…)

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

HTML5で作られた、ベースになるWordPressテーマ集「Blank & Bare WordPress HTML5 Frameworks」

WordPressを利用している方でHTML5ベースでサイトを制作したいという方におすすめなのが、今回紹介するHTML5で作られたベースになるWordpressテーマ集「Blank & Bare WordPress HTML5 Frameworks」です。カスタマイズしやすく、シンプルな作りのテーマは、オリジナルで一から作るよりも手早くサイトを作れそうです。

html503
Starkers

多くのテーマが紹介されていましたが、今回はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

ログインやブックマークに使えるソーシャルボタン集「20 Free Social Login and Bookmark Buttons Source Files」

国内でも多くのソーシャルメディアが数多く展開されていて、多くのサイトがFacebookやTwitterなどと連携していますが、今日紹介するのは連携の際に利用できる、ログインやブックマークに使えるソーシャルボタン集「20 Free Social Login and Bookmark Buttons Source Files」です。


Twitter & Facebook Connect Buttons

上記の他にも全部で20種類の素材が公開されていました。いくつか気になったものを下記に紹介したいと思います。

詳しくは以下

(さらに…)

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

1ページに全てのコンテンツを集約したデザインwebサイトまとめ「35 Nice Single Page Web Designs」

多様化するwebデザインの中で、効率的にユーザビリティーに配慮したサイトを構築するというのは難しい部分でもあります。今回紹介するのは、1ページに全てのコンテンツを集約したデザインwebサイトまとめ「35 Nice Single Page Web Designs」です。


WebGuerilla

一つのwebサイトにいくつものページを構成するのではなく、1ページのみですべてのコンテンツを完結させた、機能性と構成のアイデアを融合させた斬新なwebサイトが多数紹介されています。中でも特に気になったサイトをチェックしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

ギャラリー構築のためのjQueryプラグイン集「20 jQuery Image and Multimedia Gallery Plugins」

高機能なjavascriptライブラリjQuery。サイトを製作されている方には説明も必要もないほど有名なライブラリで様々なサイトに実装されており、様々な機能を持ったプラグインが日々、世界中公開されています。今回紹介するのはギャラリー構築のためのjQueryプラグインを集めた「20 jQuery Image and Multimedia Gallery Plugins」です。


Galleriffic

サムネイルが付いたものから、ズームアップのようなエフェクトのもの、iPhoneで見ることを前提としたギャラリーなど様々なギャラリープラグインがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

jQueryで利用出来る便利なナビゲーション26選「26 Useful jQuery Navigation Menu Tutorials」

軽量で高機能なjavascriptライブラリjQuery。様々なプラグインがリリースされていて、簡単にWEBに動きや機能を付加してくれるため。使い勝手が良く多くのWEBサイトで利用されていますが、今日紹介するのはjQueryで利用出来る便利なナビゲーションを集めたエントリー「26 Useful jQuery Navigation Menu Tutorials」です。


Mega Drop Down Menus w/ CSS & jQuery

ドロップダウンメニューからユニークなアコーディオンメニューまで様々なナビゲーションがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2014年08月19日

50種の最新の魅力的なフリー素材を集めた「50 fantastic freebies for web designers, August 2014」

デザインするものや目的、予算などに合わせて、使う素材には様々なバリエーションが必要となってきます。今回はそんな時に是非参考にしたい、50種の最新の魅力的なフリー素材を集めた「50 fantastic freebies for web designers, August 2014」を紹介したいと思います。

free1408_1
baguetteBox.js | Demo

比較的新しい使い勝手のよい、いろんな種類の素材がピックアップされまとめられています。気になったものを選定しましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

フリーで使用可能 HTML・PSDテンプレート集「20+ Fresh and Free HTML and PSD Templates plus GUI Packs」

webサイトやスマートフォン・タブレット対応のサイト制作をする際に便利なフリーのテンプレート。すでにすべてが完成された状態のため、使用するだけでデザイン性の高いサイトを作り上げることができます。今回はそんなHTML・PSDテンプレート集「20+ Fresh and Free HTML and PSD Templates plus GUI Packs」を紹介したいと思います。

temp_2
Kuntitled – Free Bootstrap Theme | Pankogut

デザイン性に優れたテンプレートが豊富にまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

シームレスに敷きつめられるWEB用背景素材配布サイトまとめ

WEBを制作する上で、印象を決定付ける大きな要素が背景。表示面積が大きいだけに背景が与えるものは大きい。今日紹介するのはそんなWEB制作の際に使えるシームレスに敷きつめられるWEB用背景素材配布サイトを集めたエントリー「27 Best WebSites to Download Free Seamless Patterns」を紹介したいと思います。

haikei
Pattern 8

ジェネレーター的な使い方ができるサイトから種類豊富に幅広い背景素材を配布されているサイトまで様々なサイトが収録されています。今日はその中からきになったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:16  |  
Category: WebDesign   
2009年10月19日

ラフなイメージを演出できるフリーコミックフォント「30 Free Comic Fonts」

柔らかいイメージを作りたい。そんなデザインもあるかと思います。そんな時に役立つのが、POPで面白い印象を与えてくれるコミックフォント。今日はそんなフリーコミックフォントを集めたエントリー「30 Free Comic Fonts」を紹介したいと思います。

comicfree01
Font: JL QUIXS by ~jelloween on deviantART

手書き風なモノから、立体的なモノまで、様々なフォントが紹介されています。今日はその中からいくつ描きになったモノをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:46  |  
Category: Design , Font   
tag: Design Font
2015年10月19日

制作方法の参考に 最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」

イラストレーターなどのデザインソフトを使うことで、さまざまなグラフィック表現が可能となりますが、頭で思い描いているデザインをどうやったら作り出せるかわからない時もあるのではないでしょうか?今回はそんなシーンで参考にしたい、最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」を紹介したいと思います。

tutorials1019_1
Create a Highlighter Text Effect Vector in Adobe Illustrator – Vectips

イラストレーターでの制作チュートリアルを中心に、いろんな種類のグラフィック制作方法が紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 03:33  |  
Category: Design   
2007年11月23日

サンプルPSD付き!高品質なphotoshopチュートリアル集「PSDTuts」

デザインの現場で様々なシーンで活躍してくれるphotoshop。本当に様々な事ができ表現の可能性は無限に思える程広がっています。今回紹介するphotoshopチュートリアル集「PSDTuts」です。

photoshopチュートリアル

現在は膨大なとは言えませんがそこそこ数がそろっていて、クオリティの高いデザイン、表現のチュートリアル集が揃っています。

詳しくは以下

(さらに…)

続きを読む
posted 10:55  |  
Category: Design , Photoshop   
2012年03月21日

イメージ通りの色補正が可能になる!Photoshopアクションまとめ「50 Time Saving Photoshop Actions to Boost Your Images」

スナップ写真でも雰囲気のある写真に変えられる色補正は、補正のプロが存在するほど高度な技術とセンスが必要になり、作業時間もかかるもの。そんな状況に役立つ、イメージ通りの色補正ができるPhotoshopアクションをまとめた「50 Time Saving Photoshop Actions to Boost Your Images」を今回は紹介します。


CoLoR effect 4.5 by `sa-cool on deviantART

写真の明るさを変えられるアクションはもちろん、さまざまな雰囲気を演出できるアクションが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:45  |  
Category: Design , Photoshop   
2008年05月31日

シンプルなサイトステータスチェックサービス「urlmetrix」

自分で運営しているサイトは可愛い物で、どんな状況に置かれているのかが気になる人も多いかと思います。そこで今回紹介するのが、ページランクやGoogleやYahoo!など検索エンジンのページランクやインデックス数やバックリンク数、テクノラティランクなどを一括でスマートに表示してくれるWEBサービス「urlmetrix」を紹介したいと思います。

使い方も至ってシンプルで「Your URL」の欄に調べたいサイトのURLを入力して「Check」のボタンを押すだけです。動作も軽快でサイトのステータスがストレス無く表示されます。

詳しくは以下

(さらに…)

続きを読む
posted 10:53  |  
Category: WebService   
2009年02月19日

WEBデザイナーの為の美しいフリーフォント集「10 Beautiful and free fonts for web designers」

WEBデザインに限らずデザインにはフォントはとても重要で、特にタイトルや見出しなど注目を集める部分や集めたい場所によってはフォント選定にもセンスが問われます。今日紹介するのはWEBデザインに使えそうな10個のフォントを収録したフリーフォント集「10 Beautiful and free fonts for web designers」です。

fontfreewebd01
Take out the garbage

柔らか目なフォントから、洗練されたフォントまで様々なタイプのフォントが紹介されていますが、その中でも気になった物をいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:14  |  
Category: Design , Font   
tag: 
2013年11月25日

ピクセルで構成されたシンプルなPhotoshopパターン「Fun Photoshop Pixel Patterns」

Photoshopのパターン機能は、オブジェクトにテクスチャを貼付けて、簡単に見た目にアクセントを付けられる便利なものです。今回紹介するのはピクセルで構成された扱いやすいパターンセット「Fun Photoshop Pixel Patterns」です。

fppp_0

縦線や横線、斜め線から、少し変わった雰囲気の枠柄など、合計32種類のパターンが収録されています。

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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