Webデザイン > Webデザインに役立つサイト

2006年06月19日

久しぶりのエントリー。
del.icio.usでブックマークしたWebデザイン関連のサイトを、まとめてみる。
紹介しているサイトは、一部を除き個人利用であれば大体フリーで使えるはず。 商用利用はサイトによってまちまちなのでご注意を。

デザインテンプレート

Open Source Web Design

Open Source Web Design - Download and upload free web designs.
はてブでも取り上げられていたのでご存知の方も多いと思うが、1,600以上のデザインテンプレートを無償でダウンロードできるサイト。 1,600以上のテンプレートから気に入ったテンプレートを探せるように検索や、人気のあるテンプレートが紹介されているが、それでもお気に入りのデザインを探すのには苦労する。 del.icio.usでも6,000以上のブックマークを集めている人気サイト。

Open Web Design

Open Web Design - Home
日本ではあまり知られていないのかも知れないが、こちらも1,600以上のデザインテンプレートがダウンロードできる。 先に紹介したOpen Source Web Designとサイト名も機能も似ており、重複しているデザインも多いが、 個人的にはOpen Source Web DesignよりもOpen Web Designをお勧めする。理由は以下の通り。

お気に入り機能
アカウントを取得してログインすれば、気に入ったデザインをどんどんお気に入りとして追加でき、 マイページで閲覧できる。
検索機能
キーワードで検索した際にOpen Source Web DesignよりもHIT数が多い。
ランダムに閲覧できる
1,600以上ものデザインを全て見るのは、かなり骨が折れる。
Open Web DesignにはAm I Design or Not?からランダムにデザインを閲覧して評価する機能があり、 デザインをランダムに閲覧しながら、どんどん評価していくことで偶然の出会いに期待できる。
RSSで新着デザインを閲覧できる
Open Source Web DesignでもRSSが配信されているが、デザインビューを閲覧するにはワンクリック必要になる。
それに対してOpen Web DesignはデザインビューのページをRSSとして配信しているので、直接デザインビューを閲覧できる。 こういう細かい気遣いが嬉しい。

CSS

Yahoo! UI Library

米Yahoo!が提供するユーザインターフェイスライブラリ。
BSDライセンスでDHTMLのライブラリが使える。CSS Page Grids なんかは非常に便利に使える。

Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!

CSSによるレイアウトサンプル集。40のレイアウトサンプルがある。

デフォルトスタイルの差異をなるべく無くすCSS

ブラウザはそれぞれデフォルトスタイルシートというデフォルトで適用されるスタイルシートがある。
これはブラウザごとに実装が違うので、このデフォルトスタイルシートの差を埋めて、かつある程度自分好みしようというのがdefault.css。

CSSバグリスト＠CSSバグ辞典スレッド

タイトル通り、CSSのバグリスト。
大量の情報があまり整理されていない事から多少見難いが、それでも有用だと思う。

CSSレイアウトの定石 WinIE6バグ回避法

よくはまりやすいIEのバグを回避する為の方法が書いてある。
ここに書いてある事を守っていれば、ある程度はIEに悩まされなくて済む（はず）。

CSSによる段組（マルチカラム）レイアウト講座

CSSで段組レイアウトをする為の様々な方法。
経験則からある程度は知っているが、非常に詳しく説明されており、改めて勉強になる。

カラー

GIGAZINE - ページ配色を決めるのに便利な無料サービスいろいろ

配色を決めるのに便利なサイトが一通り紹介されている。

caramel*vanilla ≫ 色に関する便利ツールいろいろ

一つ前で紹介したGIGAZINEさんのエントリー同様に、色に関する便利サイトがまとめられている。

WEB色見本 原色大辞典

色見本帳。一覧で見易いので、個人的に好き。

アイコン

Dr. Web Weblog ≫ Blog-Archiv ≫ Symbole, Buttons und Icons zum Download

カッコいいアイコンを配布しているサイトをまとめた海外の方の記事。もちろん英語だが、スクリーンショット付きで分かりやすく紹介されている。 ここを見れば、恐らく有名どころのアイコンサイトを知る事ができる。

その他

前項の記事で紹介されていないサイトや、個人的に気になった物を羅列してみる。

小粋空間: ボタン・バナー・アイコン作成・配布サイト一覧
ボタン・バナー・アイコンが作成出来るサイトがいろいろ紹介されている。
Free! Icons for your website or application at MaxPower
フリーで使えるアイコンサイトのリスト。
The Iconfactory: Your Quality Freeware Icons Hub (linksignup.asp)
Mac界隈では割と有名なアイコン配布サイトらしいが、Webで使えるのか？ライセンスがどうなっているのか？よく分かってないが、デザイン的に好みのアイコンがたくさんある。
StockIcons.com - Info
前項のIconfactoryが運営する別サイト。「Royalty-Free Icons」と歌っている割には「Buy It!」なんて書かれている。結局買わないといけないのか？教えて偉い人。

画像配布サイト

Where to Find Free Images and Visuals for My Blog - Robin Good's Latest News

フリーで使用できる写真やイメージが配布されているサイトをまとめて紹介している記事。
数多くのサイトが紹介されており、ここを見るだけで写真・画像配布サイトをまとめて見ることが出来るのは便利。

アイコン｜0円のWEB素材屋さん/ホームページ作成 素材/無料イラスト/アイコン

イラストやアイコンをフリーで提供されている日本のサイト。
なかなか良いと思う。

かわいいフリー素材、幼稚園素材、動物や食べ物イラスト、素材のプチッチ

日本のWeb素材配布サイトを巡っていてたまたま見つけたサイト。
女性が好みそうなかわいいデザインが多いが、大見出し、キャプチャー素材で配布されている画像はクオリティもまずまず高く使えそうな感じ。

フォント

デザイナーによるフォント情報サイト

現役のデザイナーさんによるフォント情報サイト。
フリーフォントを配布しているサイトがいろいろ紹介されている。

GIGAZINE - 9800個のフリーフォント配布サイト

9800個フォントがダウンロード出来るという9800 Free Fonts, fonts for free, font finder, download free fonts, free typographyを 紹介したGIGAZINEさんの記事。他にもフリーフォントを配布しているサイトを紹介している。

Vitaly Friedman's Notebook: 25 Best Free Quality Fonts

お勧めフォントのベスト20を紹介している記事。
del.icio.usでは4000以上のブックマークを集めており、かなり有名な記事だと思う。 個人的にもここで紹介されているフォントは好み。

Antraxja - fonts,fonty,czcionki,type,fontes,shrift

かなりの数のフォントを配布しているサイト。
中には映画のタイトルを模したフォントも多く配布されている。著作権的にはあれな感じなので、使用の際は自己責任で・・・。 ほとんどは非商用ならフリーで使えるような事が書いているが、詳しいライセンスは不明。

他にも何か色々あったような気もするが、今回はこの辺で終わるとする。 JavaScriptを使ったエフェクト効果もまとめてみたいな。気が向いたら、また書くことにします。

posted by 37to at : 03:56 | コメント (0) | トラックバック (0)

コメント

この記事に対するコメントはまだありません。


投稿する

投稿者情報を保存しますか?


トラックバック

トラックバックURI


一覧

この記事に対するトラックバックはまだありません。