So-net無料ブログ作成

webデザインリンク集サイトまとめ

デザインが良いサイトを集めたwebデザインリンクサイトのまとめメモ。

HeartRails Glanceを入れていますので、URLにマウスカーソルを合わせるとリンク先のスクリーンショットが表示されます(一部のサイトで非表示になるようですが)。

いけてるサイト ドットコム http://www.ikesai.com/

GOODEZA http://www.goodeza.net/

WEBdeDB http://www.webdedb.com/

ウェブデザインエクスプレス http://design.kamimoto.jp/

ウェブセレクション http://web-selection.com/

WebSite Color Index http://www.ubusuna.co.jp/

週刊ウェブデザイン 
http://www.dailywebdesign.com/ 

デザインリンクデータベース http://www.designlinkdatabase.net/

S5-Style 
http://bm.s5-style.com/

Web Design Clip http://www.webdesignclip.com/

BestDesign.org http://www.bestdesign.org/

straightline bookmark http://bm.straightline.jp/

DreamTemplate http://www.dreamtemplate.com/

HomePage Store https://rc.hpstore.jp/

見出しデザイン.com http://midashi-design.com/

 
 

 

web制作会社の制作実績一覧

web制作会社の制作実績一覧

参考になる会社をちょこちょこ時間があるときに付けてしていきます。

web制作会社年鑑に掲載されているような有名どころの制作実績へのリンク一覧。
見られない場合は、リンクが変更されている場合があるので、ルート*から辿ってみてください。

*例えば下記のようにアドレスを直してアクセス
 http://www.yahoo.co.jp/works/http://www.yahoo.co.jp/


イー・バード
http://www.e-bird.biz/works/

ウサくま
http://www.usakuma.co.jp/mt/archives/case_studies/

FICC
http://www.ficc.jp/

ARCHETYP
http://www.archetyp.jp/#/works

アイアクト
http://www.iact.co.jp/works/

IMJ
http://www.imjp.co.jp/group/case_study/

id-br
http://www.id-br.com/works/

アクアリング
http://www.aquaring.co.jp/portfolio/

アジャスト
http://www.adjust.ne.jp/portfolio

イクリプス
http://www.eclipse-jp.com/

lNVOGUE
http://www.invogue.co.jp/portfolio/

eLife
http://www.elife.co.jp/case/

株式会社イングス
http://www.ingsnet.co.jp/portfolio/

 
 

 

簡単にウェブ、ホームページが作れるjimdoってすごい

ホームページ作成サイト Jimdo
http://jp.jimdo.com/

どんどんバージョンアップして、Flashさえも簡単に作れるようになれば、へたなweb屋はつぶれちゃうかもね。年賀状作るのに昔は印刷屋に頼んでいたのが個人で作るようになったように。

でも、文章の書き方や写真の見せ方などは素人では難しいので、その辺の作業を代行する会社は重宝されるかもしれない。

参考サイト

 
 

 

商用使用OKな写真素材19サイトまとめ

フリーで使える画像素材集のサイトをまとめてみました。一昔前のフリー写真素材といえばCD-ROM媒体が一般的でしたが、近年ではマイクロストック写真サイトから購入する方法も一般的になり、数多くの質の良い写真から必要な枚数だけを安く購入できる環境になってきました。個人的なおすすめ順に紹介します。

HeartRails Glanceを入れていますので、URLにマウスカーソルを合わせるとリンク先のスクリーンショットが表示されます(一部のサイトで非表示になるようです)。

 

fotolia(フォトリア) http://jp.fotolia.com/
画像数:★★★ 価格帯:★★★

世界中の個人~プロが素材画像を提供しているため画像1枚113円からと非常に安い。しかも画像の質も非常に高い。前までは日本人素材が少なかったが最近徐々に増えてきてここで希望の素材見つけられれば、低コストで画像をそろえられます。


iStockphoto(アイストックフォト) http://nihongo.istockphoto.com/
画像数:★★★ 価格帯:★★★

世界中の個人~プロが素材画像を提供している。画像はサイズによって1枚135円~2025円で購入できる。カナダの企業でグローバルに展開しているので外国人中心の画像が多いが日本人も多数ある。また写真だけではなくイラスト、ビデオ、オーディオ、Flash素材もある。上記で紹介したfotoliaと同じような画像マーケットサイト。

 

IPSnet(アイピーエス) http://ipsnet.jp/
画像数:★★★ 価格帯:★★

日本人が豊富で画像の品質も高い。画像サイズ、写真毎によって価格が異なり、1枚6000~30,000円程度する。


TAGSTOCK
 http://tagstock.com
画像数:★★ 価格帯:★★★
imagesite15.jpg
日本人中心の写真画像とイラスト素材があり1枚500円からと価格は低め。


足成 
http://www.ashinari.com/
画像数:★   価格帯:★★★

画像使用料無料サイト。個人を中心に画像が提供されているので偏りがあるが無料で使えるのは魅力。


pixta(ピクスタ) 
http://pixta.jp/
画像数:★★★ 価格帯:★★

画像1枚500円より。人種や風景で日本での撮影画像が多い。


DEX(デクス) 
http://www.dex.ne.jp/dexcreative/
画像数:★★   価格帯:★★

日本人中心の高品質の画像がある。1枚、約1万円から。


photolibraryt(フォトライブラリー) 
http://www.photolibrary.jp/
画像数:★★★ 価格帯:★

画像1枚1500円~が中心。上記サイトと同様に人種や風景で日本での撮影画像が多い。


imagenavi(イメージナビ) 
http://imagenavi.jp/
画像数:★★   価格帯:★★

高品質な画像が多数あり。1枚、約3000円から購入可能。写真によっては見積もりが必要な場合もあり。


Shutterstock 
http://www.shutterstock.com/
画像数:★★   価格帯:★★

高品質な海外中心の画像が多数あり。日本人も少しある。5点、8000円からなど販売形態は色々ある。


fotosearch 
http://www.fotosearch.jp/
画像数:★★   価格帯:★★

高品質な海外中心の画像が多数あり。日本人も少しある。1点、4000円から。


daj(ディーエージェー) 
http://www.daj.ne.jp/
画像数:★★   価格帯:★★

高画質で日本人中心のサイト。1枚、約1万円より。


満タンWEB 
http://www.dex.ne.jp/mantan/
画像数:★★  価格帯:★

定額(例:90日コース/3600円)で、いくらでも画像・イラストなどがダウンロードが出来る。


EyesPic 
http://eyes-art.com/pic/
画像数:★   価格帯:★★★

高画質素材集の縮小画像をフリー素材として公開している。画像の種類に偏りがかる。


amanaimages(アマナイメージズ) 
http://amanaimages.com/
画像数:★★   価格帯:★

高品質な写真が多数あり。世界遺産、世界の偉人など珍しい写真もある。購入は使用形態、試用期間によって料金が異なる。


fordesign http://www.fordesign.jp/
画像数:★ 価格帯:★★★

シルエット、フォント、グラフィックス、フォトなどを扱うサイト。主にシルエットが中心。テーマ毎に300程度のシルエットがセットになっており1280円よりダウンロードできる。


image gap http://www.imagegap.com/index_jp.html
画像数:★   価格帯:★★

世界、日本の風景、人物などあり。テーマ毎にセットになっており約1万円より購入可能。


グランイメージ http://www.artzone.co.jp/gran/
画像数:★   価格帯:★

世界の街並みや自然(ケニアなどでの動物の群れなど)が中心。テーマ毎にセットになっており約3万円より購入可能。

 

メディピクス http://www.medicalimage.jp/
画像数:★   価格帯:★
メディピクス
医療系に特化した写真素材サイト。一枚9800円より。

 
 

 

商用利用可の無料フリーアイコン素材サイトまとめ 

Web/ホームページを制作する時にあると助かる無料アイコン素材サイトの紹介です。さらにその中で「ライセンスフリー・商用利用可、ビジネス利用可」で、許諾不要のサイトのみに絞ってみました。

使用条件の変更がある場合考えられますので、使用前に利用規約の確認をお願いします。

※2010/12/31 3サイト追加。
※2011/06/02 3サイト追加。
※2013/01/25 3サイト追加。

 

アイコン素材の0円のweb素材屋さん http://www.image-seed.com/
icon_01.jpg

ランキング、リスト、new、オモシロ系、数字・アルファベットアイコン、ビジネス系アイコン、コメント枠、ボタン・メニュー、看板、壁紙など。WEBデザイナーさんが作っているみたいなのでトレンドを抑えた綺麗な仕上がりのアイコンが多いです。

 

 

デザイン素材.com http://designsozai.com/
icon_03.jpg

矢印、メール、ホーム、虫眼鏡、RSS、ボタン、矢印など。32pxと16pxあり携帯サイト向けとPCサイト向けで使い分けが出来そう。グラデーションが使われていて透明感のある綺麗なアイコンが多いです。

 

 

イラスト・アイコンのフリー素材 http://www.soozai.com/
icon_04.jpg

矢印、三角形、丸形、四角、帯、NEW、E-mailなど見出し・タイトルのワンポイント・背景として使えるアイコンが多数あり。アイコンとCSSを使った例(CSSの記述例有)あってとても便利です。

 

 

サイト・チラシ作成によく使う無料アイコン素材 http://free-icon.org/
icon_05.jpg

電話・携帯・人・矢印・ビル・介護などなど、シンボル・マーク・シルエットアイコンが多数。嬉しいことにGifの他にイラストレーター形式でも配布されているので綺麗で簡単に好きな色やグラデーションをかけて使うことが出来ます。

 

 

フリー素材「blue-green」 http://bluegreen.jp/
※HP制作代行業者の場合使用不可
icon_06.jpg

アイコン、ボタン、壁紙、優先、目標、入、リストマーク、区切り線、カウンター、テーブル、ブログなど。ナチュラルで柔らか味のあるアイコンがあります。

 

 

フリー素材・ドットアイコン http://www.zigu-web.com/sozai/
icon_07.jpg

携帯のように絵文字から矢印、ボタンのワンポイントアイコンまで多数。携帯サイト向けのアイコン素材として使うことが出来ます。

 

 

アイコン素材@アイコンの王宮 http://icon.yoweb.net/
icon_08.jpg

食べ物・雑貨・文具・家電など多彩の種類のアイコンがあります。こちらも携帯サイト向けのアイコン素材として使うことが出来ます。

 

 

WEBデザイナーが作った超シンプル素材集 http://sozai.akuseru-design.com/
WEBデザイナーが作った超シンプル素材集

矢印、ポイトン、NEW、ボタン、メニューなど兎に角種類が豊富です。またCSS、Javascriptやサイト制作のネタなどのあり参考になります。

 

 

ImageLife http://www.image-life.com/
icon_10.jpg

アイコン・バナー・ブログパーツ、ボックスアイコンなど今時のデザインでとても綺麗です。

 

 

ICON HOIHOI http://iconhoihoi.oops.jp/
ICON HOIHOI

家・建物、人物、医療系、電化製品、お金、正月・干支、天気、文房具、自然、生き物、ファイル、クリスマスなど、全般的なジャンルを抑えて種類も豊富です。アイコンサイズも7種類あり携帯向けからPCサイト、印刷物まで使えそうです。

 

 


無料素材倶楽部 http://sozai.7gates.net/
無料素材倶楽部

矢印アイコン、汎用アイコン、花・植物、ハート アイコン、姫系画像アイコン、文具・雑貨・ピン、音符・楽器、乗り物、スタンプ・はんこ、ランキング(王冠・祝・賞)、羽・十字架、PC・ネット・ブログ、ジュエリー・宝石・アクセサリー、キラキラ 素材、new・upアイコン、 スポーツ用品、変な素材・オモシロ素材、食べ物・ドリンク・お菓子、プレゼント・ギフト・リボン、ペット・動物・鳥・生物・虫、野菜・果物アイコン、アニメーションアイコン、その他。ボタン台・プレート、アクアなボタン台、文字入りボタン、メニューバー、バナー、イラスト・カット・クリップアート、花・植物、野菜・果物 イラスト、リボン・プレゼント、春の素材、夏、秋、冬の素材、クリスマス素材、お正月の素材、バレンタイン素材など、と、かなり豊富な素材サイトです。

 


emStudio http://www.emstudio.jp/
icon_13.jpg

自然・エコロジー、季節・四季、人物・動物、オブジェクト・小物、アイコンなど種類が豊富です。これらの素材を使ったバナーサンプルなどもあり大変役に立つと思います。

 


商用利用可のWEB素材が無料な素材屋 http://ec-sozai.net/
商用利用可のWEB素材が無料な素材屋

ネットショップ素材
ショッピングカート関連、送料無料アイコン、決済方法/梱包アイコン
時間指定アイコン、注目アイコン、在庫関連、メニュー関連
クチコミ/レビュー/ランキング、EC携帯関連アイコン

業種/職業別素材
職業別アイコンセット、ファッション関連、ホテル/旅行サイト素材

 

 


ソザインク http://sozaing.com/category/material/
icon_15.jpg

アイコン、バナー、オブジェクト、ボタン、モバイルサイト用、見出しなど。

 



chaosmode.info  http://chaosmode.info/
chaosmode.info

ボタン素材、メニュー素材、見出し素材、ネットショップ素材、CSS、ワードプレス、雑記など。

 

 

アイコン配布中! http://icon.touch-slide.jp/
アイコン配布中!

リアルアイコン、シルエットアイコンの2タイプで、カテゴリーは「動物、建物・不動産、食べ物・飲み物、人物、植物、乗り物、季節、生活雑貨、医療、美容・ファッション、楽器、文房具、場所、WEB、スポーツ・アトドア、キッチン用品、天気、ビジネス、教育・学校、記号、PC機器、モバイル、電化製品、国旗・地図、娯楽」と多岐に及びます。

データ形式は、透過PNG、Illustrator、Photoshop、Fireworksで、透過PNG以外はパスデータなので、使い勝手がとてもいいです。

 

styraise http://www.styraise.com/material/
styraise

パーツ素材は「イラスト、ドットアイコン矢印アイコン、文字アイコン、シンプルアイコン、ナビゲーション、ボタン素材、タイトル素材」で、PSDとPNGデータでダウンロードできます。

 

 

ICON HOUSE http://www.xn--ccke9b5p.jp/
icon-house アイコンハウス

カテゴリーは「パソコン操作、周辺機器、アプリケーション、ステータス、天候、標識、顔・表情、世界の国旗」です。データ形式はpng、SVG。

 


関連記事

商用使用OKな写真素材19サイトまとめ

Fireworks用テクスチャ・スタイルファイルのまとめ

 
 

nice!(133) 
 

共通テーマ:パソコン・インターネット

youtube(HTML)の画面が崩壊する!

「ワリオランドシェイク」の広告動画
http://jp.youtube.com/experiencewii

ソースコード解説
http://d.hatena.ne.jp/nitoyon/20080929/warioland_shake

取り上げた記事
http://www.itmedia.co.jp/news/articles/0810/03/news065.html
 
 

nice!(0) 
 

ホームページ・サイトジェネレーター

ホームページを作る人のネタ帳
120以上生成できるCSSメニュー作成ジェネレータ『IzzyMenu』レビュー
http://e0166.blog89.fc2.com/blog-entry-433.html
 
 

nice!(0) 
 

ホームページネタ帳、纏めサイト

ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/
 
 

nice!(0) 
 

CSS基本まとめ

とほほのスタイルシート入門(基礎知識)
http://www.tohoho-web.com/css/basic.htm

スタイルシートリファレンス(目的別)
http://www.htmq.com/style/index.shtml

フロートとネガティブマージンまとめ:CSS
http://junon.tumblr.com/post/2171181/css

ボックスをはみ出さないようにfloatをクリアCSSclearfixハック  Tech de Go
http://www.techdego.com/2007/01/floatcssclearfix.php

firefoxで上下のpaddingが効かない(IE6では効く)です、、原因教えて下さい。
http://q.hatena.ne.jp/1151036372

CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント
http://www.designwalker.com/2007/02/css-body.html

*{ margin : 0 }はもう古い!?
http://www.lllcolor.com/web/css/51.html

リストタグを使ったメニューサンプル
http://desperadoes.biz/style/ul.php

メニュー部分に画像を使う
http://www.zkdesign.jp/arch/Web%C0%A9%BA%EE/CSS/TIPS/%A5%E1%A5%CB%A5%E5%A1%BC%C9%F4%CA%AC%A4%CB%B2%E8%C1%FC%A4%F2%BB%C8%A4%A6/

IE6とFireFoxで知っておくべきmarginに関するCSSハック
http://www.u-ziq.com/blog/2006/08/ie6firefoxmargincss_css.html

CSSレイアウト実践講座
http://css.uka-p.com/

CSSハックしない、JavaScript使わないCSSの教科書みたいな
テンプレホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-492.html

CSSの見出しサンプル
http://www.u-ziq.com/blog/2006/11/css.html

CSSだけで画像をフレーム表現するあれこれ
http://h2ham.seesaa.net/article/92918147.html

背景画像の表示方法-基本編、「角が丸い背景(角丸)の実現方法」
http://css-el.seesaa.net/article/44950997.html

ボックスの背景をそろえたい
http://css-el.seesaa.net/archives/200706-1.html

CSS と JavaScript でタブ切り替え
http://nais.to/~yto/tools/css_tabs/

CSSでメニューイメージをswap
http://distraid.co.jp/demo/css_imgswap.html

【CSS編集】画像に枠をつけてみました。
http://blog.goo.ne.jp/blue_sky_blog/e/1bab6e5af9d03c3e298e60a73563eb8a

[CSS]IE6でよく遭遇する6つのバグとその解決方法
http://coliss.com/articles/build-websites/operation/css/1036.html

 
 

nice!(0) 
 

住所をプルダウンではなく地図で入力できるWebフォーム

アスキーネタ帳編集部
さらばプルダウン! 地図で入力できるWebフォーム
http://ascii.jp/elem/000/000/144/144735/
 
 

nice!(0)