【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
こんにちは 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のデザインパターン | S i M P L E * S i M P L E
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の特徴。無料の文字もいれときましょう。 ■ は？素材集す
Web 2.0なサイトのロゴに使われているフォントへのリンク集:phpspot開発日誌
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風の16x16アイコンを配布しているサイト集:phpspot開発日誌
DHTML Site - Free 16x16 Icons 22 Free Essential Icon Sets フリーのWeb2.0風の16x16アイコンを配布しているサイト集。 サイトの彩りやユーザビリティに欠かせないアイコンがフリーということでアイコンが書けない開発者にはうれしい限り。 Silk Icons Mini Icons Sweetie Tango Icon Gallery Web Control Icons IceCons Mini Pixel Icons Gallery 2 Web Icon Set →他にも見る これだけ沢山のフリーアイコンがあるとサイト作りがますます楽しくなりそうです。 フリーですが、ライセンスについては各サイト上の明記を確認の上で使いましょう。
Great Fonts for Web 2.0
Apache/2.4.29 (Ubuntu) Server at modernlifeisrubbish.co.uk Port 443
i d e a * i d e a - 2.0っぽいデザインのフォトショップテンプレート集（しかも無料！）
昨今のウェブデザインでは2.0っぽいものがまずは候補になると思いますが、一から作っていては面倒です。そこで無料でPhotoshopのテンプレートがゲットできるサイトをご紹介（む、『ゲット』って死語か？）。 たとえば・・・。 とか、 とか、 とか、 などなど。2.0っぽいすね。すべてPhotoshopのPSDファイルでダウンロードできます（フォントがなかったりするときがあるのがちょっとアレですが）。 それからこれらのファイルはPhotoshopのチュートリアルブログで提供されているものっぽいですね。詳しい作り方はそちらをご参照ください。 そのブログは↓。デザイン系興味のある人はRSS購読してみては。 » photoshop it! それからこれらのテンプレート、Photoshopで開くと次のようなメッセージが。 さりげなくサイトの宣伝ですね。「ブログで宣伝してね！さ、もうこのレイヤー削除して
【 無料イエローページ 】
01 Free＆Rental 無料HPスペース 無料掲示板 [A ～わ] 無料掲示板スキン対応 デザイン素材サイト [1] デザイン素材サイト [2] デザイン素材サイト [3] デザイン素材サイト [4] デスクトップ素材 レンタルカウンター 02 Support＆Item ホームページ作成講座 テンプレート配布 アイテム＆サービス ブログレンタル＆配布 ブログアクセサリ メールアカウント 配色解説＆色見本 オート生成ツール 無料アクセス解析 03 Script＆Sound フリー＆アレンジCGI [1] フリー＆アレンジCGI [2] フリーMIDI＆サウンド フリーJavaScript 04 Design Font デザインフォント [1] デザインフォント [2] デザインフォント [3] デザインフォント [4] 05 Mobile Item 顔文字＆絵文字 携帯HP＆掲示板作成
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web2.0っぽいデザイン | i d e a * i d e a