タグ

ブックマーク / gigazine.net (84)

  • インパクト十分、かつスタイリッシュな名刺のデザイン100選

    名刺は自分の顔と名前を覚えてもらうための、社会人にとっていわば1つの武器と言っても過言ではないアイテムですが、だからといって顔写真を入れたり、自社のロゴを全面に押し出した物ではやぼったくなってしまいがちです。 インパクトを与えつつ、かつスタイリッシュで人に好印象を与えられそうな絶妙なさじ加減は難しいものですが、お手となりそうなデザインをとにかくたくさん見るのが、必殺の武器となる自慢の名刺デザインには欠かせないはず。 ということで、秀逸な名刺のデザイン100パターンは以下から。100 Awesome and Original Business Cards from Designers | MyInkBlog 001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020 021 022 023

    インパクト十分、かつスタイリッシュな名刺のデザイン100選
  • 暗闇に青く発光する湖をとらえた幻想的な写真

    水中のプランクトンの生物発光により水面が神秘的に輝く自然現象をとらえた写真です。日近海でも時折大発生して光るヤコウチュウによるものなのですが、オーストラリアのこの湖ではここまで強く光ったのはこの50年間で初めてとのことで、SF映画の一場面のような異様な雰囲気となっています。 詳細は以下から。Glowing in the dark: Eerie phenomenon turned swimmers brighter shade of blue | Mail Online ヤコウチュウは物理的な刺激に応答して光る特徴があり、水面に石を投げると発光を促すことができます。 写真はビクトリア州ギプスランドの東部の海岸沿いに湖や沼沢地、ラグーンが連なるGippsland Lakesで撮影されたもの。 夜の湖で泳ぐ友人たちを撮影したメルボルン出身の写真家Phil Hart氏(34歳)は、「放射性塗料で

    暗闇に青く発光する湖をとらえた幻想的な写真
  • CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスいろいろ

    ページの制作において必須とも言えるCSSですが、そのCSSファイルを最適化することによってページの読み込みを早くしてみたり、トラフィックの多いサイトであれば転送料の節約にも貢献できるらしい。 というわけで、現時点で存在するCSS最適化ネットサービスをいろいろと探して列挙してみました。最適化といってもサービスによって方法はいろいろなので、この中から自分の目指す方向の最適化サイトが見つかるかも。 CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスのリストは以下の通り。 Clean CSS - A Resource for Web Designers - Optmize and Format your CSS http://www.cleancss.com/ コメントを残したり、並べ替えたり、圧縮したり、最適化レベルやオプション指定によってかなりカスタマイズできるCSSファイルの容

    CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスいろいろ
  • あらゆるマルチメディアファイルを相互変換するフリーソフト「SUPER C」 - GIGAZINE

    使い方は簡単、変換したいファイルをドラッグ&ドロップして、コンテナ形式(iPod用とかPSP用とかAVIファイル用とかが用意されている)を選び、ビデオ形式とオーディオ形式を選ぶだけ。 変換できるビデオ形式は3gp/3g2、asf、avi(DivX・H263・H263+・H264・XviD・MPEG4・MSmpeg4など)、dat、fli/flc/flv(Flash)、mkv、mpg(MPEG1・MPEG2)、mov(H263・H263+・H264・MPEG4など)、mp4(H263・H263+・H264・MPEG4)、ogg、qt、rm/ram/rmvb(RealPlayer)、str(PlayStation)、swf(Flash)、ts(HDTV)、viv、vob、wmv。おまけでGIFアニメーション形式も可能。 また、変換できるオーディオ形式はac3、amr、mp2、mp3、mp4、m

    あらゆるマルチメディアファイルを相互変換するフリーソフト「SUPER C」 - GIGAZINE
  • 絵を描くと3Dステレオグラムに変換するFlash「3D Stereogram」

    マウスでお絵かきすると、それが立体視することで飛び出る3Dステレオグラムに変換されるというのがこの「3D Stereogram」というFlash。自分のページに貼り付けるためのタグも自動生成されます。 使い方は以下の通り。 3D Stereogram http://www.flash-gear.com/stereo/ アクセスするとこんな感じでお絵かきできます。ブラシの太さや濃淡が調節可能。また、生成される3Dステレオグラムのベースカラーも設定可能。お絵かきが終わったら左下の「Done」をクリック 生成中…… できあがり。上の方には埋め込み用のタグがあります。 ・おまけ アニメーションする3Dステレオグラム Image:Stereogram Tut Animated Shark Small.gif - Wikipedia, the free encyclopedia

    絵を描くと3Dステレオグラムに変換するFlash「3D Stereogram」
  • グラデーションを使ったデザインのやり方 - GIGAZINE

    Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか?」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ

    グラデーションを使ったデザインのやり方 - GIGAZINE
  • 想像を絶するモスクワの地下ダンジョン写真いろいろ

    以前に「ロシアの地下鉄のトンネルはすごいらしい」という記事を書きましたが、モスクワの地下はもっとすごいことになっていました。モスクワの地下鉄駅は「地下宮殿」とも呼ばれているのですが、こっちはまさに全体がRPGのダンジョンみたいになっており、ものすごい光景です。 詳細は以下の通り。 MetroDream by Russos これらはいずれもHDR(ハイダイナミックレンジ)処理されているのでこのように迫力のある写真になっているというわけです。 地下ダンジョンへ 神秘的 向こうの先が見えない どちらを選べばいいのか なんだか危ない雰囲気 一体ドコへ続いているというのでしょうか…… なお、モスクワの地下鉄駅は確かに宮殿っぽいです。下記サイトにいろいろと写真があります。 Станция <<Арбатская>> russos: Станция <<Арбатская-глубокая>> ほかにも

    想像を絶するモスクワの地下ダンジョン写真いろいろ
  • 策略を巡らせて必死に鳥を狩ろうとするネコ

    何とかして鳥を狩ろうとしているネコのムービーです。頭を働かせて作戦を練っていますが、ロード・ランナーを捕まえようとするワイリーコヨーテのように見事に失敗しています。 詳細は以下から。 応援したくなる頑張りっぷり。 YouTube - clever but not lucky オマケ 忍者のように軽やかな動きでネコの攻撃をかわすシマリス。 YouTube - Ninja Chipmunk バスタブのザリガニが気になるけど、飛び込む勇気がでないネコ。 YouTube - My little cat..lol hunting

    策略を巡らせて必死に鳥を狩ろうとするネコ
  • ステキなデスクトップ用壁紙配布サイトまとめ - GIGAZINE

    日頃から使っているパソコンのイメージを一新する一番簡単な方法はデスクトップの壁紙を変更すること。壁紙を変えるだけで随分と気分が違ってくるものです。 というわけで、デスクトップ用の壁紙を配布しているサイトを総まとめにしてみました。 XSHOCK | virtual creations 1280x1024が多いですが、1600x1200、1680x1050なんていうサイズも用意。非常にシャープで鮮烈な印象を持つ壁紙が多いです。海外の壁紙をいろいろと集めているサイトだとこの系統が非常に多い。個人的にはかなりお気に入り。 Desktop Wallpapers - 3d MayaとかLightwave、Photoshopなどを駆使し、3次元空間をうまくCGで表現した壁紙がメイン。単なる3DCGとは違い、空間に奥行きや高さが感じられます。 Blogpaper フランスのサイト。イラスト調の壁紙がメイン

    ステキなデスクトップ用壁紙配布サイトまとめ - GIGAZINE
  • 鍵の9割は10本の合い鍵のどれかでいとも簡単に開いてしまう

    安物の鍵であろうが高級な鍵であろうが、古典的な形式を採用した鍵であれば、わずか10の合い鍵(というかそういう鍵)を利用することであっという間に開いてしまうという戦慄のムービー。鍵の形状やピン数さえ合えば、最短だと開けるのに要するのはわずか数分どころか、ほんの数秒。 平均すると、3分以内に80%の鍵はダメージを与えることなくこの方法で解錠が可能で、50%以上は1分以下で解錠可能だそうです。「ダメージを与えることなく」というのがポイントで、破られたことにすら気がつかないわけで…。 鑑賞は以下から。 YouTube - Bump keying 上記ムービーはオランダの「NovaTV」による取材結果のドキュメンタリーで、取材を受けたこの技術について詳しい「TOOOL」のページには元の高解像度版ムービーが置いてあります。ちゃんと英語の字幕付き。どうやら許可を得た上でサイトにて配信を行っているようで

    鍵の9割は10本の合い鍵のどれかでいとも簡単に開いてしまう
  • ヘアピン一本で手錠を外しているムービー

    フィクション作品で手錠をかけられた登場人物がヘアピンで手錠を外してしまうシーンは見かけることがあるのですが、当にこんな簡単に開けられるとは思いませんでした。使われている手錠はスミス&ウェッソン社製のModel100で、アメリカでは法執行機関で採用されているそうです。 ムービーの再生は以下から。 使うのは何の変哲もないヘアピン一。詳しく手順を説明してくれます。 Unlock Handcuffs With A Bobby Pin! Trick Revealed! Video こちらはいろんな道具を使っています。 YouTube - Handcuff Picking 101 当にできるかどうかわかりませんが、悪用厳禁のテクニックですね。

    ヘアピン一本で手錠を外しているムービー
  • 思わず目を疑うような建物の写真いろいろ

    実際に存在する、思わず目を疑うような変わった建物の数々の写真です。 目の錯覚でゆがんで見えるのではなく、実際にゆがんでいる建物や、何を考えてその形にしたのか分からない建物までいろいろ。 詳細は以下の通り。 なんだか地盤沈下で沈んでいるかのよう。 ギザギザしています。 目の錯覚でもなんでもなく、当にゆがんでいます。 足…。 どうやって生活しているのでしょうか。 ロボットみたいなビル。 キングコングが暴れています。 なんだか建物自体が傾いて見えます。 中がどうなっているのかが気になります。 どうしてこういう建物にしたのか、当にわかりませんね…。 以下のリンクに他にも写真があります。 It's Knuttz - Unnusual Buildings and Houses

    思わず目を疑うような建物の写真いろいろ
  • CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE

    CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄(フォーム)部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ

    CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
  • いろいろなフィルム効果を施すPhotoshop用プラグイン「PixelSampler」

    手持ちの写真にいろいろなフィルムエフェクトを施すことができる無償のプラグイン集です。Photoshop用だけでなく、これ単体でも実行可能ですので、Photoshopを持っていなくても利用できます。 収録されているのは「Black and White」「Contrasting Levels」「Duotone」「Starlight」「Starpoint」「Grain」「Monotone」「Tonal Streak」「Warm Cool」の9種類。どれもこれもシンプルですが既存の写真を簡単かつお手軽にいかにもそれっぽくすることができます。かなり便利です。 詳細は以下の通り。 PixelSampler Details ダウンロードは以下から。Windows版とMac版があります。右下にあるPixelSamplerからダウンロード可能。 TwistingPixels 体験版ダウンロード 「Black

    いろいろなフィルム効果を施すPhotoshop用プラグイン「PixelSampler」
  • ダーク系配色のデザインを採用しているサイトいろいろ - GIGAZINE

    背景色が黒色の場合、白の割合をどれぐらいにするか、そしてそれをどれぐらい効果的に表現しようとするか、つまり機能美として背景などの目立たないところにはハイライトを使わず、読ませたい部分にきっちり目の焦点を合わせるために使われているか、そういう点に気をつけるのがポイントだそうで。 というわけで、デザイン的にダーク系配色を使う場合に見ておいた方がいいサイトの例があるそうなので、見てみましょう。言うまでもありませんが、デザイン最優先で見がたくなっているものから、いわゆる機能性を優先しつつデザイン性まで確保しているものまで様々ですので、すべてがいいデザインというわけではありませんが、参考にはなるのではないかと。 30 Dark Designs You Should’ve Seen | Smashing Magazine デザイン的に一番機能美として優れているとされるのは一応、以下のサイト。目立たせた

    ダーク系配色のデザインを採用しているサイトいろいろ - GIGAZINE
  • Appleの名作CM「Think different.」とそのメイキング映像 - GIGAZINE

    「Think different.」というのはApple社が1998年に手がけたキャンペーン。これは各界の偉人や著名人を起用したもので、当時地に落ちていたブランドイメージを再び高め、8月のiMacの大ヒットとあわせてAppleを復活させたと言えるものだったようです。そんな「Think different.」キャンペーンで流されたCMムービーやポスター、メイキング映像を紹介します。 詳細は以下の通り。 「Think different.」のコマーシャル60秒バージョン。 YouTube - Think Different 具体的に何かを宣伝するCMではありませんが、思わず見入ってしまいます。 キャンペーンで使われたポスターは以下から見られます。 Think Different 1 Think Different 2 「Think different.」キャンペーンのメイキング映像。 The

    Appleの名作CM「Think different.」とそのメイキング映像 - GIGAZINE
  • パケットを食べて星が成長するフリーソフト「Packet Garden」

    「Packet Garden」はオープンソースで開発されているフリーソフトで、上のスクリーンショットを見れば分かるように、星の上に植物やら山やらがパケットの種類に応じて成長していくというかなり変わったソフトです。P2Pアプリケーションによる通信であれば紫の花を持つ植物が生長し、MSNメッセンジャーを使えば水色の葉っぱを持つ植物が増え、Quake3やUnreal2004といったゲームのオンライン通信では赤い葉っぱを持つ植物が出現。そのほかにもIMAPやPOP3、SSH、HTTPS、FTP、HTTPの各種通信に対応した植物が生長したり増殖したりします。 オープンソースで開発されているため、LinuxWindowsMac OS Xで動作可能。Windows版はWinPcapが別途必要ですが、きちんと動くようです。 ダウンロードは以下から。 まず「Packet Garden」体は以下からダウ

    パケットを食べて星が成長するフリーソフト「Packet Garden」
  • 3DCG作成やデッサンなどに役立つ人体モデルあれこれ - GIGAZINE

    人体を描くのが下手な理由は、単純に人体を観察して描く経験が足りないためだそうです。だからといってヌードデッサンを100万回しようにもそもそもそんな機会がそうそうないわけで。 しかし時代は進み、現代ではネット経由で豊富な人体モデルが無料で入手可能です。さすがに実際に目の前においてデッサンをしたり、参考にするのとは勝手が違いますが、それでもこれだけでかなり助かる人も多いのではないかと。特に3DCG作成やマンガを描く際などには参考となるものがあるか無いかで雲泥の出来になるので、役に立つはず。 詳細は下記の通り。 まずはいろいろな無料で利用可能なヌードモデルの写真を置いているサイト。来は3DCGのモデルのために置かれているものです。 Spectralogue. Textures, 3d models, soon HDRI and character reference. 次のサイトには、3DCG

    3DCG作成やデッサンなどに役立つ人体モデルあれこれ - GIGAZINE
  • 何をどうすればいいのか途方に暮れてしまうような写真

    一目見て途方に暮れてしまうような光景ばかりを集めてみたそうです。 確かにその現場に居合わせたら、頭が真っ白になってしまいそうな光景ばかりです。 詳細は以下の通り。 どうやったらここまでめり込めるのでしょうか。 片方の羽根だけ道路に落ちた飛行機。 ボートを引いていなければ一環の終わりだったと思われます。 機関車同士の衝突。 直立する戦車。 以下のリンクに他にも画像があります Moronland.net - Top 17 "How the Hell?" Images

    何をどうすればいいのか途方に暮れてしまうような写真
  • スーパーマリオを3D化したゲーム「Super Mario Bros. 2.5D」 - GIGAZINE

    もともと2Dのゲームである「スーパーマリオブラザーズ」を3D化したゲームだそうです。当にプレイ画面が立体化されています。 詳細は以下の通り。 Super Mario Bros. 2.5D Enterでゲーム開始、上下左右の矢印キーで移動やジャンプ、W・A・S・Dキーでカメラの移動、R・Fキーでズームだそうです。 それにしてもすごいですねこりゃ。

    スーパーマリオを3D化したゲーム「Super Mario Bros. 2.5D」 - GIGAZINE