タグ

designに関するscorelessdrawのブックマーク (72)

  • 場所を取らないコンパクトな椅子&机『Spin System』 | P O P * P O P

    椅子や机の収納に困っている方におすすめしたいのがこちらの「Spin System」。 椅子と机がセットになった家具です。利用する時は花びらを回転させるように椅子を出すことができます。使わない時は閉じてしまっておけます。 自宅に友人が来た時に活躍しそうですね。普段はコンパクトに収納しておけます。 下記に写真つきでご紹介! ↑ 普段はこのようにまとまっています。 ↑ 友人が来た時にはこのように開けます。 コンパクトなのでスペースに余裕がないオフィスでも活躍しそうです。スタイリッシュで見栄えも良いですよね。ちょっとした打ち合わせ時にいかがでしょうか。 Jim Hannon-Tanさんの作品でした。彼のほかの作品は下記サイトからご覧になれます。 » Jim Hannon-Tan いつもユニークなガジェットを紹介してくれているswissmissからの情報でした。 » swissmiss: Spin

    場所を取らないコンパクトな椅子&机『Spin System』 | P O P * P O P
  • 狭い部屋に最適!窓がバルコニーに変形する『Bloomframe』 | P O P * P O P

    部屋にバルコニーがないからかも知れませんが「バルコニー」という言葉を聞くと心をときめかせてしまいます。「天気の良い日はバルコニーでブランチだ!」、そんな夢まで描いてしまう今日この頃。 そんな夢を叶えてくれるのがこちら「Bloomframe」。これを使えば窓がバルコニーに変身しちゃいます。これで念願のバルコニーデイズが始まります。 ↑ このような窓が・・・。 ↑ このように開き・・・。 ↑ バルコニーになりました。喫煙所としても便利かも。 すでに備え付けられている窓にも対応できるそうですよ。ただ、重さに耐え切れず壊れないかが心配ですが・・・。 最後に1つ、バルコニーのトリビアを。ベランダとの違いは屋根があるかないかだそうです(ベランダにはある、バルコニーにはない)。ちょっとした豆知識でした。 » BloomFrame Turns a Window Into a Balcony (via Gi

    狭い部屋に最適!窓がバルコニーに変形する『Bloomframe』 | P O P * P O P
  • コストを可視化するデザイン

    自分が取る行動は、目に見えるコストだけでなく「見えないコスト」も生み出している。そんな隠れたコストを正しく把握するには、という記事が adaptive path のブログに掲載されていました: ■ Making Hidden Costs Visible (Adaptive Path Blog) 例えば「公共交通機関を使うより、クルマで通勤した方が安く感じられる(目に見える形でサイフからお金が出て行くことがないため)けど、その計算には保険や減価償却などのコストが忘れられている」といった話。で、そういった一見合理的な判断=実は非合理的な過ちを犯さないために、隠れたコストを可視化しましょうということなのですが、秀逸なのがこのアイデア: 一見、ただ可愛らしさだけを狙ったデザインにも見えますが、「下水の先には魚がいる=有害な物質を流せば彼らにダメージが出る」ということを意識させるというもの。そんなこ

    コストを可視化するデザイン
  • となりのインテリア 定規が曲がっていると使いやすいんです。 ArchRuler アーチルーラー

    ArchRuler(アーチルーラー)は、定規です。 曲がっています。 真ん中を押さえれば通常の定規のように真っ直ぐになります。 軽い力でもしっかり紙を押さえられます。 素材がたわむ力を利用しています。 1cmほど浮いているので、爪を立てなくても取り上げやすいです。 書類の中に隠れていても見つけやすいです。 贈り物に。 「曲がった定規」と一言添えて。

  • メールの視覚化

    メールで情報をやり取りする際に面倒な点の1つは、前後の話のつながりを追いづらいことですよね。例えば Gmail のように、関連するメールをスレッド形式で表示するなどといった工夫もありますが、話の流れが複数に分散した時に把握しづらくなります。そこでIBMがこんなアイデアを考え出したとのこと: ■ Thread Arcs (visualcomplexity.com) 2003年発表とのことですから、既にご存知の方も多いかもしれません。個々のメールを「点」で示し、他のメールとの関連を「弧(arc)」で示す「スレッド円弧(Thread Arcs、スレッド・アーチと意訳した方がカッコいいかも)」というアイデア。中が塗りつぶされている点は他人のメールを示し、さらに色の違いで送信者などを表すようになっているそうです。より詳しい情報は、IBMの公式ページからどうぞ: ■ THREAD ARCS: An E

    メールの視覚化
  • 勝手にレトロに :: デイリーポータルZ

    このサイトについて 土曜ワイド工場 関連記事 かなりレトロな焼き芋屋さん 新しいコスプレ アマゾンで野鳥観察 Ad by DailyPortalZ ▲トップに戻る バックナンバーいちらんへ オモテ ウラ 個人情報保護ポリシー © DailyPortalZ Inc. All Rights Reserved.

  • 「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP

    たまにこんな(↑)写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ! ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります(↓)。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ

    「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
  • 上司への説明は戸田奈津子ばりの超訳で | Web担当者Forum

    コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) 心得其の壱 ネットで炎上する戸田奈津子を目指す理由私の名刺には「IT界の戸田奈津子さんになる」と入っています。名刺交換をすると「戸田さん……ですか」と怪訝そうに呟く人が時々います。 インターネットの世界で戸田奈津子さんの「字幕」は「誤訳が多い」とかなり激しくバッシングされており、「ロード・オブ・ザ・リング」の時は「お祭り」騒ぎになっていました。 しかし原語や文法に忠実に翻訳したとして、必ずしもそれが「おもしろい

    上司への説明は戸田奈津子ばりの超訳で | Web担当者Forum
    scorelessdraw
    scorelessdraw 2006/12/18
    読んでから、アズモードさんのサイトを見てみる。>なるほど・・・
  • 企業ロゴに隠された秘密いろいろ | IDEA*IDEA

    ドットインストール代表のライフハックブログ

  • 壁一面が付せん紙になってメモができる「Pixelnotes」

    いわゆる付せん紙が壁紙になっており、メモしてぺりぺりとはがすことができるというなかなか面白いシロモノ。メモ帳を持ち歩いていなくてもこれならすぐにアイディアを思いついた途端にメモができるというわけ。付せん紙ははがせば剥がすほど下に行くにつれて色が変わっていくようになっているので、よく使われる場所なども分かります。 詳細は以下の通り。 Duncan Wilson - Pixelnotes こんな感じでメモメモ 書き終わったらペリペリとはがす 壁は段々とこうなっていき…… こうなる ほかにも紙コップの電話っぽいものとか、人の座った跡が残るソファとか、なんだかよくわからないものもあります。

    壁一面が付せん紙になってメモができる「Pixelnotes」
  • 世界のクリエイティブな広告まとめ(続編) - IDEA*IDEA ~ 百式管理人のライフハックブログ ~

    ドットインストール代表のライフハックブログ

    世界のクリエイティブな広告まとめ(続編) - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
  • ものつくりの精神

    ものつくりの精神…なんていっても偉そうなことを思っているわけじゃない。 ものつくりってのは、人が手で行う作業であり、その結果、素晴らしい機能や素晴らしいデザイン、素晴らしいブランドが生まれる。 また、その過程で自分達のプライドにおいて、少しでも人と違うことを生み出そう、とする。 ものの進化は連続的だから、確かに必ず何かを参考にするわけだが、目の前にある技術UIを参考にするのであれば、そこに必ず一つ提案を入れなくてはダメだ。そこにあなたのオリジナリティが組み込まれ、明日の進歩を生み出す。提案なきプロダクトに価値はないし、誰かのブランドを利用するだけのプロダクトというのは、所詮、卑しいものに過ぎない。 ビジネスプランニングなんてものは結局のところ、如何に良いものを作って、使ってもらって、誰かをどう幸せにするか?というものの仕組みづくりに過ぎないのであって、一番大事な、「人の気持ち」を踏みにじ

  • 800個以上のの背景パターンを入手できるサイト「Kaliber10000」 - GIGAZINE

    いろいろな背景パターンとして利用できる画像が置いてあります。画像によっては商用利用可能なものもあります。とにかくものすごい数があるので、飽きません。 詳細は以下から。 Kaliber10000 { The Designers' Lunchbox } 「Next」をクリックしてたどることができる数はわずかなので、ドロップダウンメニューの「View by name」からであれば確実に全種類を閲覧可能です。 日付によって絞り込むこともでき、ランダムにいくつかの背景画像を表示させてそこから選ぶといったこともできます。

    800個以上のの背景パターンを入手できるサイト「Kaliber10000」 - GIGAZINE
  • Ywcafe.net

    Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Best Mortgage Rates Contact Lens Work from Home All Inclusive Vacation Packages Anti Wrinkle Creams Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information

  • 有名な企業のロゴをWeb2.0風にする - GIGAZINE

    Web2.0風に仕上げた画像の特徴と言えば、 ・角が丸い ・グラデーション効果 ・鏡面に映りこむ ・フォントが大きい ・色彩がカラフル ・あるいはパステルカラー ・つやつやぴかぴかしている などがあるわけですが、それらの要素を放り込んで既存企業のロゴを「Web2.0」風にしようというもの。なかなか愉快なロゴが多いです。 Famous Logos Redone In Web 2.0 Format http://www.aberrant.us/mirror/redesign/ http://livewavecam.com/redesign20.htm Yay Hooray | yh collab: redesign famous logos in web 2.0 format! 一番下の番号をクリックすればどんどん先に進むことができます。今もなお追加されている最中です。 あとWeb2.0の特徴

    有名な企業のロゴをWeb2.0風にする - GIGAZINE
  • GIGAZINE - GIMPをPhotoshop級に使いこなすチュートリアル

    GIMPというのは「Photoshopキラー」とも呼ばれていた有名なフォトレタッチソフト。WindowsMac OS X、Linuxで動作し、日語化もされていて、機能的にはかなり優秀ではあるものの、どんな画像が作れるのか?というチュートリアルがないとやはり使う気にはなれません。 というわけで、Photoshopでよく作られている画像をGIMPでも作ってみようというチュートリアルや、見た目自体をPhotoshop風にしたもの、CMYKを利用できるようにするプラグインなどをまとめておきます。 [GUG] Tutorials http://gug.sunsite.dk/?page=tutorials 上記サイトには色々あります。 これはアクア風のボタンを作るという有名なモノ iMacっぽいロゴ テープを貼った感じ 稲 錆のある金属 さらに一風変わったチュートリアルがここにあります。 BET

    GIGAZINE - GIMPをPhotoshop級に使いこなすチュートリアル
  • シナトラ千代子 - 「はてなは二階建てにすべき」とはなにか

    はてなは全然初心者にやさしくないしむしろ敷居が高い」という批判に対応するには、どうすればいいのか。「なんでユーザーがわざわざそんなこと……」というひともいるかもしれませんが、こういうのは頭の体操みたいなものです。ちょっと考えてみましょう。 二階建てにすべき理由とは さて、なんとなくイメージから入りますが、はてなは「二階建て」にすべきではないかと。 二階建てというのはつまり 一階 人力検索 はてなアンテナ はてなダイアリー 二階 はてなRSS はてなブックマーク ダイアリーなどを補強するツール類(F、G、カウンターなどなど) もっとも、どういうふうに分けるかは、はてな次第なわけですが。 でもってイラストにすると こういう感じ*1。 これがどういうことかというと、 一階の入り口の部分は徹底的に簡単にする。 人力、アンテナ、ダイアリーに絞る ユーザーインターフェイスやヘルプの改良はここらへんを

    シナトラ千代子 - 「はてなは二階建てにすべき」とはなにか
  • GIGAZINE - Googleのオフィスはいかにして作られたのか

    Googleのかの有名なオフィス空間ですが、あれにももちろん設計した人がいるわけで。ニューヨークのワークプレースコンサルタント会社DEGWと、ロサンゼルスに拠点を置くClive Wilkinson ArchitectsがカリフォルニアにあるGoogle社の設計及びデザインを担当したそうです。 長い会合を重ねてたどりついた新しい職場デザインの構想は、クリエイティブな活動を行うため、そして働くという概念をリラックスするというものに変えるために、オープンなオフィス空間を目指すというものになったそうで。 さらなる詳細は以下の通り。今まで未公開だったGoogleの初期オフィス案や珍しいオフィス全景などもあります。 Behind the Glass Curtain | Metropolis Magazine 基的にはマイクロソフトが「キャンパス」と呼ばれるように大学を意識して社を設計したのに対し

    GIGAZINE - Googleのオフィスはいかにして作られたのか
  • 無料のクリップアートを6900個以上入手できる「Open Clip Art Library」 - GIGAZINE

    パブリックドメイン、クリエイティブコモンズでライセンスされている各種クリップアートをダウンロードできます。 サイト作成、プレゼンテーションやレポートなどで使えるアイコン風のものも多いので、ちょっとしたアクセントを加えたいときに便利です。 ダウンロードは以下から。 Open Clip Art Library :: openclipart.org :: Drawing Together. http://www.openclipart.org/ 上記ページの「Clip Art Search by Keyword BETA」から検索して探すこともできます。 ジャンル別に探したい場合はここから http://www.openclipart.org/cgi-bin/navigate まとめて全部ダウンロードしたい場合はこちらから http://www.openclipart.org/downloads

    無料のクリップアートを6900個以上入手できる「Open Clip Art Library」 - GIGAZINE
  • GIGAZINE - ファイルサイズわずか3KBのオーバーレイ効果「Litebox」登場

    オーバーレイ効果を作り出す「Lightbox」というスクリプトの超軽量版です。 実際の例やダウンロードは以下から。 Litebox- Same great taste, less calories http://www.doknowevil.net/litebox/ 上記ページの画像をクリックするとどういう効果なのかがよく分かります。 Liteboxで使われているのがこの「moo.fx」という軽量なJavaScriptエフェクトライブラリ。 moo.fx - the next small thing http://moofx.mad4milk.net/ また、類似品としてはこんなのもあります。 GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」

    GIGAZINE - ファイルサイズわずか3KBのオーバーレイ効果「Litebox」登場