タグ

designとDesignに関するLOFTのブックマーク (47)

  • 【保存版】使わないと損!デザインに使えるおすすめ背景素材サイト15選|未経験からWebデザイナーになるには?|free life

    ここ数年でフラットデザインが流行ってるので、デザインする時に背景は単色が多かったのですが、LPのデザインなどをするようになり、背景のパターンをよく使うようになりました。 色々と重宝するので、いつも利用している素材サイトをまとめてみました。 いちいち探すのがめんどくさい人は、ブックマークしてね。

    【保存版】使わないと損!デザインに使えるおすすめ背景素材サイト15選|未経験からWebデザイナーになるには?|free life
  • 道路に突起、壁…? 視覚のマジック「イメージハンプ」、その減速効果とは | 乗りものニュース

    生活道路などの路面に、幾何学的な模様が描かれていることがあります。これは「イメージハンプ」と呼ばれるもので、視覚のマジックとも言える効果によってクルマにスピードダウンを促します。 路面に突き出る幻の「こぶ」 住宅街の狭い道路などで、白や青、黄などの幾何学的な模様が路面に描かれていることがあります。 交差点に設置された三角形と四角形を組み合わせた幾何学模様の正体は…(写真出典:積水樹脂)。 これは「立体路面標示」「立体減速標示」などと呼ばれるもので、「イメージハンプ」と通称されています。ハンプは「こぶ」の意味です。道路関連では、道路上や駐車場などにクルマの速度を抑制させるために設けられたカマボコ状の突起などを指します。 ハンプのような物理的な凸部を設けることなく、視覚効果によって立体的な障害物に見せかけるものがイメージハンプです。これを「ソリッドシート」の商品名で販売している積水樹脂によると

    道路に突起、壁…? 視覚のマジック「イメージハンプ」、その減速効果とは | 乗りものニュース
    LOFT
    LOFT 2017/02/14
    >ハンプのような物理的な凸部を設けることなく、視覚効果によって立体的な障害物に見せかけるものがイメージハンプです。
  • Vector 新着ソフトレビュー 「EDRAWマインドマップ(無料版)」 - ビジネスグラフィックにも使える、汎用性の高いマインドマップ作成ソフト

  • 大きな口で卵の黄身をシュッと吸い上げて白身と分けてくれる“金魚”が登場 - IRORIO(イロリオ)

    卵の黄身と白身を分けるのは、慣れないとなかなか面倒くさい。半分に割った殻の右から左へと黄身を移しているうちに、黄身を落としてしまったり、黄身が崩れて白身に混ざってしまったりする。そんなときは、この「金魚」のお世話になってみてはどうだろう? 〈Yolkfish〉(ヨークフィッシュ)と名付けられたこの金魚、大きな口で黄身(yolk)だけをシュッと飲み込み、またぽこっと吐き出してくれるのだ。デカいスポイトで黄身を吸い上げる感じ、と言えばいいだろうか。「べつにこんなもの、使わなくても…」と思う人もいるだろうが、黄身が金魚の口からぽこっと出てくる様がなんともシュールで、料理やお菓子作りの時間がちょっと楽しくなる。お子さんと一緒にキッチンに立つ機会が多い方も“ウケ狙い”にいかがだろう? デザインを手がけたのは、イスラエルでデザインオフィス〈Peleg Design〉を営む、Shahar Peleg氏で

    大きな口で卵の黄身をシュッと吸い上げて白身と分けてくれる“金魚”が登場 - IRORIO(イロリオ)
  • 251,582 free icons

    Free icons More than 251,259 free vector icons in one place. Download all the free icons in SVG and PNG formats. Use them for web design, mobile apps, or presentations. Sponsored by iStock Find the perfect icons & illustrations to complete any project on iStock

    251,582 free icons
    LOFT
    LOFT 2013/05/01
    無料のアイコンが100,000以上ダウンロード出来るサイト
  • 2万個以上のPNG形式画像のアイコンを見つけることができる「PNG Factory」

    フォルダアイコンやAppleアイコンなどスタンダードなものから、NARUTO、スーパーマリオシリーズ、サウスパークまで、あらゆる種類のアイコン2万個以上の中から好みのPNGアイコンを選択してダウンロードできるのが「PNG Factory」。アイコンセットの種類や作者・カラーなど、検索条件も変えることができ、商用利用可能なアイコンだけを探しだすことも可能です。 PNG Factory - You want cool icons ? We have some ! http://www.pngfactory.net/ アクセスした時はフランス語で表示されているので、トップペー左上の「en」から英語表示に変えます。 トップページの下部には「BROWSE」「SEARCH」「SHERE」という3つのボタンが表示されています。まずはBROWSEをクリック。 すると、アップロードされた順にアイコンがずらっ

    2万個以上のPNG形式画像のアイコンを見つけることができる「PNG Factory」
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    LOFT
    LOFT 2012/10/19
    > 人気の高い筆記体フォントや手書き風フォントや、レトロ&ビンテージに使えそうなフォントなど、
  • リアルで怖いヘルメット

    LOFT
    LOFT 2012/08/30
    頭皮やくるみやスイカ等が印刷されているノベルティ・ヘルメット。
  • 目に見えない未来型の自転車ヘルメット『Hovding』 - RyoAnna

    これは、スウェーデンのデザイナーが商品化した目に見えない自転車ヘルメット『Hövding』。 ジャイロスコープと加速度センサーにより、事故を検知すると0.1秒でエアバックが開いて頭部を保護する。Hövdingの開発チームは、自転車に乗っている人の動きを研究し、急ブレーキやアップダウンなどの通常の動きと、衝突や転倒による異常な動きを区別したそうだ。 フロントのジッパーにある電源ボタンをオンにすると、音とLEDライトで起動した事を知らせてくれる。6段階のLEDでバッテリー残量を表示し、充電がなくなるとビープ音で警告してくれる。バッテリーの充電時間は6時間。電源オフのスタンバイ状態で36日間、電源オンの状態で18時間使用できる。 バッテリーにはマイクロUSBのコネクタがついており、充電はパソコンのUSBポートから。新しいファームウェアがあると、充電と同時にアップデートしてくれるところが素晴らしい

    目に見えない未来型の自転車ヘルメット『Hovding』 - RyoAnna
    LOFT
    LOFT 2012/08/29
    > ジャイロスコープと加速度センサーにより、事故を検知すると0.1秒でエアバックが開いて頭部を保護
  • ラベルを市販のBDのように華麗にして残す技

    録画したTV番組は順調にBDにダビングして保存できていることだろう。ただ、BDへの保存が進んでくると、その管理が面倒となる。多くの人は、BDのラベルにタイトルなどを記入して管理していることと思う。しかし、せっかくBDにお気に入りの番組を半永久的に保存するのであれば、そのラベルにもこだわりたいもの。ということで今回は、BDのラベルを華麗に作成する手順について解説しよう。 録画したTV番組を保存したBDメディア。もちろんそのままでは内容はわからない。そのため、ラベル部分に油性マジックなどで録画番組名などを書き入れている人は多いだろう。しかし、そんな手書き文字では時間をかけて録画番組をBDに保存した価値も薄れるというもの。やはり保存した内容にふさわしいラベルを印刷していきたい。

    ラベルを市販のBDのように華麗にして残す技
  • 【リンク集】無償写真・テンプレ集を山ほど集めたった (1/2)

    「急に言われましても」に対応する フリー素材サイトいっぱいお盆だよスペシャル 気の早い話だが、もうすぐお正月だ。 夏コミあとの冬コミがすぐにやってくるように、夏から年末は一瞬。そして新年。新年といえば、年賀状だ。来年であれば巳年だから蛇のイラストの需要が高まるわけだが……そんなとき、知っておくと助かるのがフリー素材サイトだ。 個人利用であれば無料のものが多く、かつデザインがステキ。またビジネス用のテンプレートも豊富に存在しているので、普段からチェックしてけおけば、「急に言われましても」なイベントにも即対応できる。 ということで、お盆スペシャルとして編集部オススメの素材サイトを一挙に紹介していく。個別にブックマークするよりも、このページをブックマークしておくといいゾ。

    【リンク集】無償写真・テンプレ集を山ほど集めたった (1/2)
    LOFT
    LOFT 2012/08/16
    フリー素材サイト
  • 無料で商用利用も可能なフリーアイコン集「30 Toolbar Icons」

    画面の上や下に配置されるツールバーにあるお気に入りやプリンター、戻るや進むといったボタンをカスタマイズできるシンプルなアイコンが「30 Toolbar Icons」です。個人的に使うことはもとより、商用利用もできます。 30 Toolbar Icons for User Interface Design | Web Resources | WebAppers http://www.webappers.com/2012/07/09/30-toolbar-icons-for-user-interface-design/ アイコンの大きさは32×32、ファイル形式にはPSD形式とPNG形式の2つがあります。 アイコンは写真、メール、ダウンロード、設定、、フォルダ、ページ、ツール、プリント、ヘルプ、サーチ、ペースト、アンドゥ、ホーム、電源、リンク、星、コメント、ロック、戻る、進む、ストップ、ゴミ

    無料で商用利用も可能なフリーアイコン集「30 Toolbar Icons」
    LOFT
    LOFT 2012/07/13
    30 Toolbar Icons for User Interface Design | Web Resources | WebAppers http://is.gd/JssqlM
  • 無料で商用利用可な2400種類のアイコン集「Farm-Fresh Web Icons」

    「FatCow」というウェブホスティング会社が無料で提供しており、中身は16×16と32×32の2種類のサイズのPNG形式画像によるアイコン集となっており、その数は実に2400種類となっています。 2400 Free "Farm-Fresh Web Icons" by FatCow Web Hosting http://www.fatcow.com/free-icons これが全部のアイコン画像、ものすごい数です どのファイル名のアイコンがどのアイコン画像なのかという対応表は以下にあります。 なお、ライセンスは「Creative Commons Attribution 3.0 License」となっており、オンラインサービスや各種テンプレート、テーマ、ソフトウェアなどでの商用利用もOKとなっています。また、利用する際にはhttp://www.fatcow.com/free-iconsへのリ

    無料で商用利用可な2400種類のアイコン集「Farm-Fresh Web Icons」
    LOFT
    LOFT 2012/07/06
    16×16と32×32の2種類のサイズのPNG形式画像によるアイコン集
  • 無料でダウンロードできる高品質なアイコン集「Iconsutra」

    スタンダードなデザインのアイコンからTwitterアプリ用、Photoshopのオリジナルアイコン、アドビシステムの各ソフトの丸形アイコンまで、カラフルで高品質なアイコンをダウンロードできるのが「Iconsutra」です。 Iconsutra - Icon and UI Design, India http://view.iconsutra.com/ ◆Mobile Me Icons アドレス帳、カレンダー、GPS、アルバム、iDisk、メールなどデスクトップに使えそうな6つのアイコン。ファイルにはMac用のICNS形式、Windows用のICO形式、PNG形式、iContainer形式、PSD形式があります。なお、このアイコンは個人での使用のみが許可され商用、あるいは素材の再配布や販売は許可されていません。 ◆Boolean Icons v1.1 16×16の全110種類のアイコンはエレ

    無料でダウンロードできる高品質なアイコン集「Iconsutra」
    LOFT
    LOFT 2012/07/06
    スタンダードなデザインのアイコンからTwitterアプリ用、Photoshopのオリジナルアイコン、アドビシステムの各ソフトの丸形アイコンまで...
  • Neue Haas Grotesk Display Font | Webfont & Desktop | MyFonts

    Neue Haas Grotesk Display Font Family was designed by Christian Schwartz, Max Miedinger and published by Linotype. Neue Haas Grotesk Display contains 16 styles and family package options. More about this family FREE 30-DAY TRIAL of Monotype Fonts to get Neue Haas Grotesk Display plus over 150,000 fonts. Start free trial

    Neue Haas Grotesk Display Font | Webfont & Desktop | MyFonts
    LOFT
    LOFT 2012/06/24
    必見!Helveticaの代わりに使える30のフォント | SEO Japan http://is.gd/u7l30k
  • Illustratorを覚えたいと思っている人へおすすめ記事

    これからIllustratorを始めてみようとい... / Illustratorチュートリアル【女の子】 ... / 手書き風・イラスト系のwebデザインに挑戦する方...他...全9件

    Illustratorを覚えたいと思っている人へおすすめ記事
    LOFT
    LOFT 2012/06/24
    これからIllustratorを始めてみようという人のための基本操作とかいろいろ
  • 無料でオリジナルデザインのロゴが誰でもカンタンにすぐ作れてダウンロードも可能な「Free Unique Logo Creator」

    オシャレでかっこいいロゴを作るのはセンスと労力を要する大変な作業ですが、「Free Unique Logo Creator」を使えばテキストボックスに文字を記入するだけで誰でもあっという間にスタイリッシュなオリジナルロゴを作ることができます。 Free Unique Logo Creator http://logotypecreator.com/ 使い方はいたって簡単。トップページにあるテキストボックスに名前などロゴとなる文字を入力して、「Generate Logo Now!」をクリックします。今回は「GIGAZINE」で作ってみました。 するとこんな風に画面上に9つのロゴがざっと並んでくれるというわけです。 右上の「Generate logo」をクリックすると、気に入るものが出てくるまで何度でもロゴマークを変更できます。 右下に「Free!」とあるものは無料ダウンロードでき、「Uniqu

    無料でオリジナルデザインのロゴが誰でもカンタンにすぐ作れてダウンロードも可能な「Free Unique Logo Creator」
    LOFT
    LOFT 2012/06/17
    オリジナルロゴの制作
  • Neko-Vi - Professional, Digital Artist | DeviantArt

    Upload your creations for people to see, favourite, and share.

    Neko-Vi - Professional, Digital Artist | DeviantArt
    LOFT
    LOFT 2012/06/14
    様々なウェブサイトをドレス化 / FacebookやTwitterなどのウェブサイトをドレスにするとこうなる! : ギズモード・ジャパン http://is.gd/T1XCSZ
  • 絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎

    webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って? カラーモードRGBとCMYKとは? 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って? まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色

    LOFT
    LOFT 2012/05/18
    色の基礎知識
  • Photoshopのドロップシャドウの使い方をマスターするチュートリアル

    ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 How to Use Drop Shadows in Photoshop [ad#ad-2] 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード 不透明度 角度 距離 スプレッド サイズ 輪郭 ノイズ ノックアウト 設定の保存と初期化 ドロップシャドウのサンプルファイル ドロップシャドウとは ドロップシャドウの主な用途は、2Dのイメージで3Dの奥行きをシミュレートすることです。これはオブジェクトが3Dの空間で背景の上に浮いていることを表すために、オブジェクトの後ろにオフセットのシャドウをつけます。 下記の例はドロップシャドウを変えることで、光源の大

    LOFT
    LOFT 2012/05/14
    Photoshopのドロップシャドウの各種設定の使い方