Inserit-Blog WEBデザイナー必須ツールへのリンク集。 フォント、HTML/CSS関連チュートリアル、クールCSSデザインページのリンク集サイト、カラーツール、テンプレート、画像などの有用なリンクが集約されています。 WEBデザイナの方にはなかなか便利なリンク集なのではないでしょうか。 関連エントリ ウェブデザインに便利なツールをまとめた「Web Design Tools」
www.logotypes.ru 企業ロゴなどをイラストレータの形式でダウンロードできる「logotypes.ru」。 有名企業のロゴが5000ロゴ以上あって、ロゴをプレビューしたり、イラストレータ形式でダウンロードしたり出来るようです。 日本の企業もザッと見ただけで、任天堂やトヨタ、SEGA、ソニー、SO-NET等色々あるようです^^; 利用には注意が必要だと思いますが、私的にロゴを編集してみたりするのも面白いかもしれませんね。 関連エントリ クールなロゴをオンラインでお手軽作成「FREE Logo Maker」 WEB2.0なロゴを作成するPhotoShopチュートリアル Web 2.0なサイトのロゴに使われているフォントへのリンク集
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成: 2007-01-08T01:58:41+09:00 更新: 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
フォントの色と大きさと背景色の微妙な関係 December 26, 2006 10:00 AM written by 8maki 12月1日からクリスマスまで、日替わりでウェブ制作のちょっとしたTipsを紹介する「24 ways」が今年も開設されているようです。 その24 waysから一つご紹介。 » 24 ways: Cheating Color フォントの色と大きさと背景色についてのTipsです。 わかりやすく例を出していきましょう。 架空の会社のロゴを例にしてご説明します。まず、大きいフォントで「Double Dagger」という社名があり、その下に小さいテキストが入っています。よくあるデザインですよね。さて、このデザインについて見ていきましょう。 ■ 薄い背景に明るいフォントの場合 さて、下に2つのロゴがあります。 左のロゴは色の統一感のルールに従って社名とテキストを同じ色にしてい
これは貴重な資料です。リアルに人体を描くための動画が178ものステップにわけられて公開されています。 それらのすべてはYouTubeで見ることができます。こちらが、そのリンク一覧です。すごい試みですが、もっと高画質で見たい人はDVDを買ってね、ということらしいです。 » The Structure of Man 描いているのはRiven Phoenixさん。例えばこのような(↓)動画が公開されていますよ。 ステップごとにわかれているのがいいですね。お正月に新しいスキル獲得を目指されている方は一つずつクリアされてみてはいかがでしょうか。 ■ 関連記事 ディズニーの絵の描き方がわかる61のPDFが公開されています! | p o p * p o p
さてデザイナーでもなんでもないのでかなり個人的な主張ですが、「Web 2.0っぽいデザイン」の次を考えてみました。 名づけて『Web 2.1のデザインパターン』w。 個人的には「角丸の次って何よ?」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特徴をまとめてみました。 かな~り主観なので「そうかぁ?」と思われる方もいらっしゃるとは思いますが・・・間違いを恐れずにメモ書き程度にエントリーです。 では早速。僕が感じている「次っぽいデザイン」の特徴は4つ。 【1】 極太ストライプ(Bold Stripe) ストライプはWeb 2.0っぽいデザインでも流行っていますが、それをもちょっと太くしたやつを最近よく見ます。 ↑ タイトルと背景が太いストライプに。 ↑ 細いストライプはWeb 2.0っぽかったですが、最近はちょっと太めが流行りかな。 【2】 極太枠線(Bold Borde
bmfactory.org 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
よくあるアイコン配布サイトまとめですが、自分へのメモ書きの意味も込めてエントリー。ドイツ語のページでよくまとまっているものがあったのでご紹介しておきます。よろしければどうぞ。 » Icon-Sammlungen — Software Guide ご利用の際には、それぞれの利用ライセンスに従ってご活用くださいませ。 ■ 「80×15」ボタン ↑ 3,400個ものミニボタンを公開しています。 Adam KalseyやLuca Zappaを使えば、ボタンの作成もできます。ブログのRSS用ボタンも簡単に作れます。 » George Taylor McKnight ■ intersmash.com ↑ 1,800のサイトから集められた300のアイコンを公開。矢印、記事、メール、吹き出しなどに使えるかわいらしいのがたくさんあります。サイズは16×16ですね。 » intersmash.com/300i
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
Web 2.0のデザインパターン November 24, 2006 12:15 PM written by Gen Taguchi メモ書きにてエントリー。訳しただけだけど。 Pixel Acresにて「The visual design of Web 2.0」という記事があがっています。Web 2.0っぽいサイトのデザインをパターン化したものです。見た目がすべてではありませんが、とっても重要なのは間違いないです(「見た目いけてないから他のサイト行こうっと」はよくありますよね・・・)。 さて、ではポイントをば。 ■ グレーの次はグリーンだ! 明るいグリーンが流行です。下記サイトをみてもそうですよね。 ■ 角丸命! Rounded Cornersは新しい標準す。 ■ 「無料!」印がキーワード まずはトライアルができるのがWeb 2.0の特徴。無料の文字もいれときましょう。 ■ は?素材集す
Friday Likes 505Reviewed From WIKKA, Auge Design, and Marc Hill
Great Fonts for Web 2.0 Fonts are an essential part of design - but there are thousands of fonts out there, so knowing which ones to use can be quite daunting. Here's a roundup of some fonts that have found popularity recently. Ning, POPURLS, TechCrunch などの有名なサイトのロゴに使われているフォントへのリンク集。 43Things に使われている American Typewriter Ning に使われているClarendon POP URLS に使われているDin Engschrift TechCrunchに使われているFrutiger
Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
~10程度っすよ ~50程度かな ~100くらい ~300程度です ~500はこなす ~1000はやってます これ以上 ( ! )
Microsoft Design Gallery Live(120,000点) Microsoft(株)運営。Microsoft Office製品などで利用できる120,000を超える数々ジャンルのクリップアートをダウンロードできる。クリップアート形式。参考:クリップオーガナイザの使い方。 プリントアウトファクトリー(10,000点) (株)リコー運営。10,000を超える数々ジャンルのクリップアートをダウンロードできる。Microsoft Office製品のテンプレートが数々用意されている。特にパワーポイント テンプレートが充実しており、企画書作りにとても役立ちます。WMFとEPS形式。 Yahoo!コンピュータ - デジタル素材(5,000点) Yahoo(株)運営。数々ジャンルのクリップアートをダウンロードできる。JPEG形式。 印刷用イラスト素材のイラストポップ(1,000点) 文
脱力系フォントのまとめ 2006.10.27 Friday エロゲや同人で使えそうな脱力系フォントを集めてみました。主に OpenTypeまたはTrueType漢字も結構入ってるもの を中心に選んであります。他にもたくさんあると思いますが、とりあえず。なお、リンク先のサイトさんには他にも素敵なフォントがたくさんあります。 あくびん **萌萌可愛字體あくび印** もえたんで一世を風靡(?)した「あくびん」。その他にも多数の可愛い系フォントが揃ってます。 みかちゃん オリジナルフォント【みかちゃん】 おそらく最も有名な手書きフォント。 あくあフォント Teardrops in Aquablue これも有名。 S2G海フォント・S2G月フォント :::STUDIO twoG::: えれーな ロシア風素材とフォント☆コサック☆ ふい字 ふい字置き場 あずきフォント・うずらフォント あずきフォント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く