最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
込められた意味がよく分かるクリエイティブなロゴいろいろ
Webデザイン意味を持たせる 以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 インスピレーション向上に。 以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 ロゴ制作をされてる方にも 少しは参考にして頂けるかと 思ってシェアしたいと思います。 こういうロゴを作りたい、というロゴ集です。どのロゴでも意味はあるのでしょうが、どの国の人が見ても、意味が分かるようなロゴはなかなか凄いですよね。インスピレーション向上になります。冒頭の「以前の記事」もよかったら。 City Cliq 指とボタンでcliqを表現しつつ、指とボタンが「太陽と街(city)」にも見えるように工夫されています。 City Cliq Birdie バーディとバードをかけて、アイアン
国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ - かちびと.net
日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやすいデザインが沢山あります。 加工、商用OK、印刷物、ソフトウェアでも可能、Webデザイナーも利用可能。再配布、２次配布は不可。
フォト蔵API(β版)とは - 写真共有「フォト蔵」
･ﾕ･ｩ･ﾈﾂ｢API､ﾈ､ﾏ｡｢ﾂｾ､ﾎ･ﾗ･愠ｰ･鬣爨ｫ､鬣ﾕ･ｩ･ﾈﾂ｢､ﾋ･｢･ｯ･ｻ･ｹ､ｹ､�､ｿ､皃ﾋﾄ｡､ｷ､ﾆ､､､�ｳｰﾉﾗ･愠ｰ･鬣爭､･ｿ｡ｼ･ﾕ･ｧ｡ｼ･ｹ､ﾇ､ｹ｡｣ ･ﾕ･ｩ･ﾈﾂ｢API､ﾈﾍﾑ､ｹ､�､ｳ､ﾈ､ﾋ､隍ﾃ､ﾆ｡｢･ﾕ･ｩ･ﾈﾂ｢･｢･ﾃ･ﾗ･悅ｼ･ﾀ｡ｼ｡ﾖﾅｽ､�ﾂ｢｡ﾗ､ﾎ､隍ｦ､ﾊ･ﾗ･愠ｰ･鬣爨鋿ｮ､ｹ､�､ｳ､ﾈ､ｬ､ﾇ､ｭ､ﾞ､ｹ｡｣ API､ﾋ､隍�･｢･ｯ･ｻ･ｹ､ﾏ1･�･ｯ･ｨ･ｹ･ﾈ/ﾉﾃ､ﾜｰﾂ､ﾈ､ｷ､ﾆ､ｯ､ﾀ､ｵ､､｡｣･ｵ｡ｼ･ﾓ･ｹ､ﾋｱﾆｶﾁ､ﾎｽﾐ､�ｲ眄熙ﾊ･｢･ｯ･ｻ･ｹ､ﾏﾀｩｸﾂ､ｵ､ｻ､ﾆ､､､ｿ､ﾀ､ｯｾ�ｹ遉ｬ､｢､熙ﾞ､ｹ､ﾎ､ﾇ､ｴﾎｻｾｵ､ｯ､ﾀ､ｵ､､｡｣ ｲ霖�･ｵ･爭ﾍ･､･�､ﾊﾃｱ､ﾋｼ霹ﾀ､ｹ､�､ｿ､皃ﾎAPI､簗ﾌﾅﾓﾍﾑｰﾕ､ｷ､ﾆ､､､ﾞ､ｹ｡｣ ･ﾕ
なにこの怪獣みたいな生き物…トゲだらけの悪魔「モロクトカゲ」 : らばQ
なにこの怪獣みたいな生き物…トゲだらけの悪魔「モロクトカゲ」 オーストラリアの乾燥した砂漠に生息するモロクトカゲは英語で"Thorny devil"（トゲだらけの悪魔）と呼ばれています。 見ての通りいかつい姿ですが、体長15cmほどで手乗りにしても無害な大人しいトカゲだそうです。 円谷プロもびっくりな怪獣のような姿。 でも手に乗せても大人しく、アリを捕食しているトカゲだそうです。 とは言え、アップにするとやっぱり怪獣。 暑い砂漠に住んでいるためか、地面に出来るだけ触れないようなゆっくりとした特徴的な歩行をします。 なんだかフリーザ様にでも変身しそうな姿勢。 こんなにトゲトゲなら食べられないだろうと思いきや、大きなトカゲや鳥が天敵だそうです。 お腹にも小さなトゲが。 こんなのが窓から覗いていたら、小さいとは言え仰天です。 鮮やかな色。温度が高いと体色は明るくなるとのことです。 目を閉じている
ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方
ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方をSmashing Magazineから紹介します。 5 Simple Tricks To Bring Light and Shadow Into Your Designs 以下、その意訳です。 ライトとシャドウというのは単にそこにあるだけではありません。ライトは対象物を射し、シャドウを生み出します。 形や大きさ、質感を伝え、目にする対象物の理解を深めます。 ウェブデザインでもこのライトとシャドウは非常に重要で、デザインをよりナチュラルにし、感動的で直感的なものにします。 ここに、ライトとシャドウの洗練された5つの使い方を紹介します。 A Quick Anatomy Of Light And Shadow ライトとシャドウの構造 下の図は、ライトが左からあたっています。ハイライトはそのライトが一番強くあたっている箇所です。そして
ウェブデザインにおける効果的な背景の使い方
Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェブデザインの最近のトレンドをふまえた、背景のベストプラクティスを紹介します。 1. The Basic Background Structures 良い背景を設計する際に、背景の基本構造を知る必要があります。 Body Background bodyの背景は、昔から使用されている背景です。 主にイメージ、イラスト、テクスチャ、パターンなどを使用します。 Content Background コンテ
画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
東京のど真ん中に不思議なダンジョンがある :: デイリーポータルZ
先日「風雲コネタ城」に書いた有楽町にあるダンジョンの記事が思いの外みなさんの興味をひいたようなので、ちゃんと紹介したいと思う。東京の人も案外知らないこの不思議空間。一度は行った方がいいよ、ほんとに。 （大山 顕）
どういうときにどんなグラフを使えばいいかが一発でわかるチャート - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
Photoshopでやってしまいがちな12個の間違った使い方
Photoshopは便利なソフトウェアである反面、あまりにも便利なので思わずやってしまいがちな間違い、誤用、乱用といったものもあります。これらのことをしてしまっているからといって嘲笑の対象になるというのではなく、こういうミスを犯しがちなのでPhotoshop初心者・初級者は気をつけましょうというポイントのリストになっています。 どれもこれもPhotoshopをマスターしている人から見れば当然のことばかりなのかもしれませんが、誰でも一番最初には「初めて」のときがあったことも事実なので、これらの間違いを犯しているユーザーを見かけたら、相手の心を傷つけないように注意しながら、上達を促してあげると良いのかもしれません。 Photoshopでやってしまいがちな12個の間違った使い方は以下から。 12 Common Photoshop Mistakes, Misuses and Abuses | Th
神速(´・ω・)VIP:グラデーションが綺麗な画像ください
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
木目や錆、繊維など使えるテクスチャ画像集まとめ:phpspot開発日誌
29 Most Useful Texture Packs of 2008 | Web Design Ledger 2008年のもっとも使えるテクスチャ29画像集まとめ、というエントリがあがっていたので紹介。 2008年でもっとも使える、かどうかは分かりませんが、木目や錆、繊維、絨毯風の模様など、多数あって今回も色々と応用できそうです。 vintage grunge textures color grunge textures Large Paper Grunge Textures Anatomy of a Dumpster: 12 Textures rust textures Grunge II Texture Pack Old Grunge Photo Texture Pack TEXTURES PACK 1 15 Old Book Cover Textures 17 More Old
２ちゃんねる コピペ 女の子の太もも画像（３次限定）【1200枚】
1 名前：愛のVIP戦士 投稿日：2008/12/06(土) 19:38:49.22 ID:elYFBktG0 皆さんジャンジャン貼っていってください。 1 人気のコミュニティサイト 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51525354555657585960616263646566676869707172737475767778798081828384858687888990176 名前：愛のVIP戦士[] 投稿日：2008/12/07(日) 05:21:21.21 ID:lrHiQZcR0携帯から移してきたやつがほとんどだからサイズ小さいが、よかっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop VIP ☞ 背景デザインに使える継ぎ目のないオシャレなストライプ柄パターン、400個あつめました。
IDEA * IDEA
http://www.designwalker.com/2009/02/bg-pattern.html
Snake Foot Worker 〜蛇足亭〜
背景画像をつくるのに便利なサイト12選 | IDEA*IDEA
ダウンロードし放題 商用利用可能な写真素材サイトいっぱい | DesignWalker
