ここ数年でフラットデザインが流行ってるので、デザインする時に背景は単色が多かったのですが、LPのデザインなどをするようになり、背景のパターンをよく使うようになりました。 色々と重宝するので、いつも利用している素材サイトをまとめてみました。 いちいち探すのがめんどくさい人は、ブックマークしてね。
![【保存版】使わないと損!デザインに使えるおすすめ背景素材サイト15選|未経験からWebデザイナーになるには?|free life](https://cdn-ak-scissors.b.st-hatena.com/image/square/8b3887150c6d4fdfee5c46543c6dd6672610c4db/height=288;version=1;width=512/http%3A%2F%2Fweb-tk.jeez.jp%2Fwps%2Fwp-content%2Fuploads%2F2017%2F07%2Fmain-1.jpg)
生活道路などの路面に、幾何学的な模様が描かれていることがあります。これは「イメージハンプ」と呼ばれるもので、視覚のマジックとも言える効果によってクルマにスピードダウンを促します。 路面に突き出る幻の「こぶ」 住宅街の狭い道路などで、白や青、黄などの幾何学的な模様が路面に描かれていることがあります。 交差点に設置された三角形と四角形を組み合わせた幾何学模様の正体は…(写真出典:積水樹脂)。 これは「立体路面標示」「立体減速標示」などと呼ばれるもので、「イメージハンプ」と通称されています。ハンプは「こぶ」の意味です。道路関連では、道路上や駐車場などにクルマの速度を抑制させるために設けられたカマボコ状の突起などを指します。 ハンプのような物理的な凸部を設けることなく、視覚効果によって立体的な障害物に見せかけるものがイメージハンプです。これを「ソリッドシート」の商品名で販売している積水樹脂によると
卵の黄身と白身を分けるのは、慣れないとなかなか面倒くさい。半分に割った殻の右から左へと黄身を移しているうちに、黄身を落としてしまったり、黄身が崩れて白身に混ざってしまったりする。そんなときは、この「金魚」のお世話になってみてはどうだろう? 〈Yolkfish〉(ヨークフィッシュ)と名付けられたこの金魚、大きな口で黄身(yolk)だけをシュッと飲み込み、またぽこっと吐き出してくれるのだ。デカいスポイトで黄身を吸い上げる感じ、と言えばいいだろうか。「べつにこんなもの、使わなくても…」と思う人もいるだろうが、黄身が金魚の口からぽこっと出てくる様がなんともシュールで、料理やお菓子作りの時間がちょっと楽しくなる。お子さんと一緒にキッチンに立つ機会が多い方も“ウケ狙い”にいかがだろう? デザインを手がけたのは、イスラエルでデザインオフィス〈Peleg Design〉を営む、Shahar Peleg氏で
フォルダアイコンや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をクリック。 すると、アップロードされた順にアイコンがずらっ
これは、スウェーデンのデザイナーが商品化した目に見えない自転車ヘルメット『Hövding』。 ジャイロスコープと加速度センサーにより、事故を検知すると0.1秒でエアバックが開いて頭部を保護する。Hövdingの開発チームは、自転車に乗っている人の動きを研究し、急ブレーキやアップダウンなどの通常の動きと、衝突や転倒による異常な動きを区別したそうだ。 フロントのジッパーにある電源ボタンをオンにすると、音とLEDライトで起動した事を知らせてくれる。6段階のLEDでバッテリー残量を表示し、充電がなくなるとビープ音で警告してくれる。バッテリーの充電時間は6時間。電源オフのスタンバイ状態で36日間、電源オンの状態で18時間使用できる。 バッテリーにはマイクロUSBのコネクタがついており、充電はパソコンのUSBポートから。新しいファームウェアがあると、充電と同時にアップデートしてくれるところが素晴らしい
録画したTV番組は順調にBDにダビングして保存できていることだろう。ただ、BDへの保存が進んでくると、その管理が面倒となる。多くの人は、BDのラベルにタイトルなどを記入して管理していることと思う。しかし、せっかくBDにお気に入りの番組を半永久的に保存するのであれば、そのラベルにもこだわりたいもの。ということで今回は、BDのラベルを華麗に作成する手順について解説しよう。 録画したTV番組を保存したBDメディア。もちろんそのままでは内容はわからない。そのため、ラベル部分に油性マジックなどで録画番組名などを書き入れている人は多いだろう。しかし、そんな手書き文字では時間をかけて録画番組をBDに保存した価値も薄れるというもの。やはり保存した内容にふさわしいラベルを印刷していきたい。
「急に言われましても」に対応する フリー素材サイトいっぱいお盆だよスペシャル 気の早い話だが、もうすぐお正月だ。 夏コミあとの冬コミがすぐにやってくるように、夏から年末は一瞬。そして新年。新年といえば、年賀状だ。来年であれば巳年だから蛇のイラストの需要が高まるわけだが……そんなとき、知っておくと助かるのがフリー素材サイトだ。 個人利用であれば無料のものが多く、かつデザインがステキ。またビジネス用のテンプレートも豊富に存在しているので、普段からチェックしてけおけば、「急に言われましても」なイベントにも即対応できる。 ということで、お盆スペシャルとして編集部オススメの素材サイトを一挙に紹介していく。個別にブックマークするよりも、このページをブックマークしておくといいゾ。
画面の上や下に配置されるツールバーにあるお気に入りやプリンター、戻るや進むといったボタンをカスタマイズできるシンプルなアイコンが「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つがあります。 アイコンは写真、メール、ダウンロード、設定、本、フォルダ、ページ、ツール、プリント、ヘルプ、サーチ、ペースト、アンドゥ、ホーム、電源、リンク、星、コメント、ロック、戻る、進む、ストップ、ゴミ
「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へのリ
スタンダードなデザインのアイコンから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種類のアイコンはエレ
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
オシャレでかっこいいロゴを作るのはセンスと労力を要する大変な作業ですが、「Free Unique Logo Creator」を使えばテキストボックスに文字を記入するだけで誰でもあっという間にスタイリッシュなオリジナルロゴを作ることができます。 Free Unique Logo Creator http://logotypecreator.com/ 使い方はいたって簡単。トップページにあるテキストボックスに名前などロゴとなる文字を入力して、「Generate Logo Now!」をクリックします。今回は「GIGAZINE」で作ってみました。 するとこんな風に画面上に9つのロゴがざっと並んでくれるというわけです。 右上の「Generate logo」をクリックすると、気に入るものが出てくるまで何度でもロゴマークを変更できます。 右下に「Free!」とあるものは無料ダウンロードでき、「Uniqu
webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って? カラーモードRGBとCMYKとは? 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って? まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色
ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 How to Use Drop Shadows in Photoshop [ad#ad-2] 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード 不透明度 角度 距離 スプレッド サイズ 輪郭 ノイズ ノックアウト 設定の保存と初期化 ドロップシャドウのサンプルファイル ドロップシャドウとは ドロップシャドウの主な用途は、2Dのイメージで3Dの奥行きをシミュレートすることです。これはオブジェクトが3Dの空間で背景の上に浮いていることを表すために、オブジェクトの後ろにオフセットのシャドウをつけます。 下記の例はドロップシャドウを変えることで、光源の大
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く