[B! design] tompeterのブックマーク

| ＾＾ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ

2009年06月08日鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめカテゴリ：WEBデザインデザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザインリンク集 : ikesai.com --- いけてるサイトドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB

tompeter 2009/06/09

リンク

リストに使える小さいサイズのアイコン素材集５サイト - DesignWalker

tompeter 2007/06/23

design
icon

リンク

Web 2.0っぽいロゴがさくっと作れる『LogoCreatr』 | SiMPLE*SiMPLE

またかよ・・・という方もいらっしゃるかと思いますがｗ、Web 2.0風のロゴジェネレーターをご紹介。いろいろ設定できて便利ですよ。 ↑ 設定項目はこちら。フォントの色、サイズ、星の形などいろいろできます。文字ごとに色も変えられますね。 ↑ この設定で作ってみたのがこちら。 ↑ ちなみに別メニューでボタンジェネレータもありますね。こちらも便利。似たようなジェネレータは他にもありますが、かなり柔軟に設定できるので個人的にはこれが今のところ一番かも。よろしければどうぞ。 » Web2.0 – Logo Creatr こちらもあわせてどうぞ。 » 簡単に2.0っぽいロゴがつくれるメーカー | i d e a * i d e a

tompeter 2007/06/19

リンク

製品ロゴなどに使われているおなじみのフォント集 - GIGAZINE

企業ロゴやドリンクのパッケージ・本のタイトルなどで見たことがあるような、なじみ深い字体を模したフォントが大量に集められたサイト。使用は自己責任でお願いします。詳細は以下から。 Famous Fonts at Sharkshock 11種あるカテゴリは以下の通り。印刷物のロゴフォント。 Famous Fonts at Sharkshock- Publications 飲み物や食べ物のロゴフォント。 Famous Fonts at Sharkshock- Food-Drinks 外食系のフォント。 Famous Fonts at Sharkshock- Restaurants 企業ロゴ。 Famous Fonts at Sharkshock- Companies 映画やテレビのフォント。 Famous Fonts at Sharkshock- Movies-TV アニメ関係。 Famous

tompeter 2007/06/17

リンク

シンプルで使いやすい７つのフリーフォント:phpspot開発日誌

7 Brilliant Free Fonts: Faceplate, Sling, Cicle | Smashing Magazine Every month we take a look around, browse through dozens of fonts collections and select most irresistible typefaces released recently. シンプルで使いやすい７つのフリーフォントが紹介されていました。 Web2.0風なサイトを作ったりするのにぴったりなフォントもあります。 Faceplate™ A Gauge Sling Cicle Steiner Existence Light FF Mt FF Clan Narrow Bold 個人的には Steiner がカッコいいんじゃないかと思ってます。

tompeter 2007/06/12

design
font

リンク

40,000個以上のアイコンをシンプルなインターフェースで検索できる『iconlet』 | POP*POP

これ以上ないぐらいシンプルなアイコン検索エンジンが登場。以前ご紹介した「iconfinder」と合わせて使うといいかもですね。基本はシンプルな検索ですが、いくつかオプションも選べるみたいですよ。詳しい使い方は以下からどうぞ。 ↑ Goolgeライクなシンプルインターフェース。 ↑ ためしに「iPod」で検索。なかなかいい感じ。 ↑ それぞれのアイコンをクリックすると詳細情報が表示されます。 ↑ オプション設定はこんな感じ。ライセンスごとに選べるのがうれしいですね。ご利用は以下からどうぞ。 » iconlet.com – icon search engine – free icons for your project こちらもあわせてどうぞ。これは使える！17,000個以上のアイコンから検索できる『iconfinder』

tompeter 2007/06/10

design
icon

リンク

色々ロゴジェネレーター:Cool Text

Cool Text: Logo and Graphics Generator Cool Text is a Free Graphics Generator いろんなロゴをオンライン上で作成できるサイト。ためしに作ってみました。 [これはすごい] 関連エントリ：ロゴメーカー集 Logo54.com flickr風のロゴを簡単に作成 : flickr logo maker

tompeter 2007/06/10

design
logo

リンク

https://del.icio.us/lomo

tompeter 2007/06/10

lomoさんのブックマークを見ればWEBデザインの参考サイトがたくさん

design

リンク

All sizes | LOGO2.0 part I and II | Flickr - Photo Sharing!

License Some rights reserved by Ludwig Gatzke Download Download the Original size of this photo (All sizes of this photo are available for download under a Creative Commons license) Sizes Original (990 × 2700) Square 75 (75 × 75) Square 150 (150 × 150) Thumbnail (37 × 100) Small 240 (88 × 240) Small 320 (117 × 320) Small 400 (147 × 400) Medium 500 (183 × 500) Medium 640 (235 × 640) Medium 800 (293

tompeter 2007/06/10

ロゴを作るときの参考

design
logo

リンク

色で選べる Web デザインギャラリーまとめ

Web デザインを考えるとき、色彩のイメージはとても大切です。配色のヒントは Web 上だけではありませんが、配色に悩んだときに便利な、色で選べる Web デザインギャラリーをまとめてみました。イメージに合った色の選び方や、レイアウトもとても参考になります。

tompeter 2007/06/10

design

リンク

ColorBlender.com |色の相性

To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated. You may swicth to Direct Edit mode to tweak or edit individual colors of your blend. Saved blends will be associated with your account if you signed in or stored in your browser cookies if you are not a member yet.

tompeter 2007/06/10

色の組み合わせを考える

design

リンク

「色」が持つ3つのチカラ

第一印象を判断する時間は短く、約5～7秒程度で決まると言われています。初めてブログを訪れた時の第一印象は、以前、イメージは色で決まるでも書きましたが、文章でもデザインでもなく「色」なんです。 Webデザインエンジニアリング第23回　「色」が持っている三つのチカラ：ITpro こちらの記事を読んで、「色」が持っている三つのチカラ「強調」「印象」「関連」についてとても参考になりました。テキストを読んでいるつもりでも、無意識に「色」の情報が伝わっているんですね。 1. 注目してほしいところタイトルや見出しテキストやリンク色 2. 与えたいイメージ女性らしさ、優しい印象（ピンク系）←わたしはココ！楽しい印象（黄色やオレンジ）信頼、さわやか（ブルー系）など参考：色が与える印象の違い 3. 同じ色でグループ化サイドバーやカテゴリーごとに分類する。メインカラーと同系色か、3色まで

tompeter 2007/06/10

design

リンク

ウェブ2.0っぽいストライプ画像が簡単に作れる『Stripe Generator』 | POP*POP

これは素敵。最近はストライプ柄のデザインをよく見るようになりましたよね。そんなストライプ柄を簡単に作ってくれるジェネレータをご紹介。これを使えば簡単に2.0っぽい（死語？）デザインを作ることができますね。使い方も簡単です。以下に画像付でご紹介。 ↑ ストライプの太さや色、背景色などを決めていきます。ストライプに影もつけられますね。 ↑ 右の画像をクリックすればプレビューできます。できあがったら「DOWNLOAD」をクリック。 ↑ このような画像ができるので背景に指定すればOKです。ご自身で作ってみたい方は以下からどうぞ。 » Stripe Generator – diagonal stripes background tiles ■ おまけこうした2.0っぽいジェネレータはいろいろありますよね。せっかくなのでまとめておきます。よろしければどうぞ。 Web20Generator: X

tompeter 2007/06/10

design

リンク

Webサイトの背景画像にピッタリなストライプ模様を作れるサービス - Stripe Generator - sta la sta

Stripe Generator - ajax diagonal stripes background designer 背景画像に斜めのストライプ模様を施しているブログやサイトを最近よく見かける気がします。そんなオシャレさん御用達のストライプ模様を簡単に作れるサービスのご紹介。こちらの名前そのままな『Stripe Generator』では、ストライプの幅や色、背景のスタイル、ストライプの向きなどを指定することで、タイル状に並べて使えるストライプ模様の画像を作成できます。上のイメージのような普通のストライプの他にも、背景をグラデーションにしたストライプやバックのストライプに影をつけた模様なんかも作れます。これは激しく便利ですね。試しに作ったストライプはこちらです。ブログの背景に使ってみようかな。でも全体のバランスが難しそう。もうちょっと色んなパターンを作成してから考えます。