プレゼン資料やブログに使える、無料で商用利用可能なイラスト素材サイト15選
プレゼン資料やブログ記事などを作成していて「ここにちょっとイラストがほしいなー」と思ったりしたときに重宝する、無料で商用利用可能なイラスト素材を配布しているサイトを集めてみました。 1. イラストAC イラストがすべて無料 「イラストAC」 2. ほらぱれっと 無料イラスト素材集ほらぱれっと / フリー＆商用可TOPページ 3. ピクト缶 商用利用可のベクターイラスト素材集「ピクト缶」 4. ガーリー素材 ガーリー素材 | 無料フリーイラスト素材配布サイト 5. ストックマテリアル 商用可能な無料(フリー)のイラスト素材ならストックマテリアル 6. 無料素材倶楽部 アイコン・イラストフリー素材画像-無料素材倶楽部 7. エムスタジオ 商用利用/加工利用可能な無料フリーイラストアイコン素材 -エムスタジオ 8. クリップアートファクトリー クリップアートファクトリー | 全部無料で使えるテン
【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD
「デザインあ」のデザイン | 中村勇吾 | デザインあ ブログ:NHK
「テレビの映像をデザインする」ということは、「テレビのある空間をデザインする」ことでもある、と思います。 僕は、大のテレビ好きの一家で育ちました。両親兄弟そろって、本当によくテレビを見ていました。私の父（中村博といいます）も、自分の好きな番組（駅伝です）になると「いけっ！そらっ！走れっ！抜けっ！」とテレビの目の前にかぶりついて応援していたものです。そんな様子をうしろからぼーっと眺めていると、時々、きらきらー、って光るんですね。父が。 テレビから発する光を、ポマードで脂ぎった父の禿げ頭がうけとめて、反射してるんです。 （大阪の道頓堀の水面が、ネオンの光を映しながら、ゆらめいている風景を思い描いてください。ちょうどあんな感じです。） 駅伝番組の本編、選手達が箱根の山道を走ってるあたりでは、一定の緑色の光をうけて、かるく照りかえす程度なんですが、ＣＭの時間帯にもなると、赤、白、黄色と、目まぐるし
【追記あり】【初心者】デザインってなんだ？「デザイン」の概念と、４つの基本原則を知ろう | WP-E (仮)
みなさんこんにちは！無事大学の卒業が確定して一安心のmegです。今回は初心者向けの記事としてデザインの基本についてまとめてみました。デザインに興味はあるけれど何を勉強すればよいのか分からない方、これからデザインについて学ぼうと思っている方の参考になれば幸いです♪ 目次 デザインとは何か 「デザイン」という言葉の意味 ソール・バスとスティーブ・ジョブズの言葉 デザインの４つの基本原則を知る ‐『ノンデザイナーズ・デザインブック』より 近接 整列 反復 コントラスト まとめ – 【2014年3月9日18時27分「概念とテクニックは繋がっている」を追記しました】 １、デザインとは何か １－１、「デザイン」という言葉の意味 皆さんは「デザイン」と聞くとどんなことをイメージしますか？オシャレなこと？洗練されていること？私たちはなんとなく見た目が美しいことや、ぱっと目を引くものなどを想像しがちですが、
囲碁のフリーペーパー「碁的」がものすごいことになっていた：カフェオレ・ライター
プロフィール マルコ フリーライター／BL研究家やってます。お仕事のご依頼、ネタのタレコミはメール、またはtwitterあてにお気軽に。お仕事について詳しくはこちら。 メールアドレスはma-cafe@hotmail.co.jp 書いている人のことがなんとなくわかる記事↓ 生きていく上でまったく知る必要のないボーイズラブの最新事情まとめ ダニに噛まれたと思っていた脇腹の傷が、とんでもない病気だった話 テニスの王子様は18年でどれだけインフレしたのか 最近、コンピューターの将棋ソフトがついにプロを打ち負かしたとかで話題になっています。 詳細はこのあたりの記事に詳しく出ていますが、とうとうコンピューターはここまできたのか……と、何だか複雑な気持ちです。 ところで、その超スゴイコンピューター将棋ソフトをイメージした公式マスコットキャラはこんな感じらしいです。 ナメとんのかー！！ もうちょっと他に何
APIのバージョニングは限局分岐でやるのが良い - Hidden in Plain Sight
ちょっと前にTwitterでAPIのバージョニングをどうやるかみたいな話をしていたのですが、そのへんもやもやしているので少し整理しておきたいなと。 APIのURLを/api/v1/*とかってやるの、やめたほうがいいとおもうんだけどなぁ。いざv2を作るとなったときに、大量のコピペが発生して後悔するよ、って伝えたい。— Kenn Ejima (@kenn) February 28, 2014 さて、これについて色々と異論・反論も含めた意見が出たのですが、まずは、大昔にURL方式（＝コントローラ分割）でやってきて後悔したぼくが、（5年ぐらい前から）現在はどうやってAPIのバージョンを管理しているか？について紹介します。 基本原理としては、コピペが多発する根っこで分岐（＝コントローラ分割）じゃなくて、必要最小限のところで限局的に分岐するのがいい、という考え方に基づきます。 一言でいうと、「パラメー
ユビキタス言語とドメインモデル、そしてモデル探求うずまき - じゅんいち☆かとうの技術日誌
最近、ドメイン駆動設計ってどうやって実践すればいいかなーという質問をよくされるので、この記事が満額回答にはならないと思いますが、書いてみたいと思います。 シンプルな問題はトランザクションスクリプト、いわゆる手続き型で対処できます。問題が小さいのでコードは直接的でわかりやすくなる傾向にあります。 とはいえ、世の中の問題はシンプルなものばかりじゃない。複雑な問題もある。DDDの著者であるEric氏は、複雑な問題はドメインモデルを使って対処すべきと説く。 ドメインとは問題の領域とか知識の範囲をいうのですが、DDDはそのドメインにある概念をモデル(ドメインモデル)として定義して、さらに実装として紐付けていく設計手法です。 モデルクラスは概念ありき 例えば、電車にまつわるドメインというので考えたとしたら 電車 乗客 駅 ダイア などの概念が登場します。 現実世界に限った話ではなく、仮想世界でもドメイ
レスポンシブウェブデザインのつくり方：mockup
こんにちは、西野です。好きなinput typeはinput type="range"です。 前にAdobe Edge（現Adobe Edge Animate）の使い方記事を書きました。（Edgeが出た当時の記事なので情報が古いかも…） 今回は、最近ぼちぼち見かけるようになってきたレスポンシブデザインについてお話したいと思います。 実装の話はさわり程度で、企画、ディレクター、デザイナー向けにまとめています。 1.レスポンシブデザインとは レスポンシブデザインとは、簡単にいうと同じHTML/CSSでいろいろな画面サイズに対応することです。 「あー、ワンソース マルチユースってやつでしょ」と言うと業界っぽい感じが出せます。（あくまで出せるだけです） 実例としてはTIMEのサイトやBREAKING NEWSなどが完成度が高いサイトとして挙げられると思います。 Bootstrapもレスポン
MVCの流れを簡単にまとめてみる - Qiita [キータ]
理解しやすいように適当に遮ったり、言い切ってしまったところもあるがご容赦いただきたい。 MVCの登場 MVCは、SmalltalkのGUIライブラリのモデルとして登場した。 これはGUIアプリケーションを記述する際に、適切なモデル化を進めるのにとてもいい考え方だと思われていたし、実際にそうだった。 これはアーキテクチャパターンとして、それぞれがどのように依存するべきか、どこにコードを書くべきかということを端的に表している。 安定依存の原則というものがある。これは、要件が安定しているモジュールに依存し、要件が変動しやすいモジュールには依存しないようにするという原則だ。MVCアーキテクチャでは、GUIアプリケーションの安定関係をModel > View > Controllerの順でとらえている。データ処理や業務要件というのは安定しており、UIパーツもまた比較的安定している。それらを統合してア
![MVCの流れを簡単にまとめてみる - Qiita [キータ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4eab66c03020ced4619e83c8ebe5ff0c4cbcd864/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9TVZDJUUzJTgxJUFFJUU2JUI1JTgxJUUzJTgyJThDJUUzJTgyJTkyJUU3JUIwJUExJUU1JThEJTk4JUUzJTgxJUFCJUUzJTgxJUJFJUUzJTgxJUE4JUUzJTgyJTgxJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgyJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hNWRhZWZkYmY5ODQxZTI1ZWE2NjFjZGEzYjVjNmRmNA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGlyb2tpZGFpY2hpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00MmViZmQ0YmEwMzUxYTZmMGQyZjFhNWVhNzIyYjI2MA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D02e229a1404969c8e3f437e0d6b7bbe0)
よく見ると感心させられる遊び心にあふれた世界の秀逸なポスター24枚
一見するとなんでもないように見えるポスターでも、視覚効果や見る人の想像力を刺激して意味を持つようなものがあります。そんな世界の印象的な広告デザイナーたちのポスターが集めてまとめられています。 24 Clever Print Ads - Sortrature http://www.sortrature.com/24-clever-print-ads/ ◆1：FRONTLINE® Plus(ペットのノミとりスプレーの会社) 上から見ると、通行人がゴールデンレトリバーに群がる虫のように見えます。「彼らを犬から取り除こう」と書かれています。 ◆2：Van Gogh Museum cafe 自ら耳を切り落とした時の自画像を描いた作品を持つゴッホのように、コーヒーカップの取っ手がなくなっています。 ◆3：Berrge Tattoo 色の塗られていないQRコードは、Berrge Tattooの求人募集に
CSS Nite ＠Co-Edo, Vol.17参加レポート！レスポンシブWebデザイン実装時に必要な手法や注意点など - Design Color
CSS Nite ＠Co-Edo, Vol.17参加レポート！レスポンシブWebデザイン実装時に必要な手法や注意点など 2018 1/03 レスポンシブWebデザインとは PC、スマートフォン、タブレット…最近は本当に色々な種類のデバイスがあります。それらの数多くのデバイスにワンソースで対応する技術が「レスポンシブWebデザイン」です。具体的には、閲覧しているデバイスの画面サイズに応じてサイトのレイアウトを切り替えてくれるというもの。 例えば以下のサイトでは画面幅が変わるごとにレイアウトとおじさんの顔が変化するという面白い作りになっています。 Hello Fisher 他にPCサイトを各デバイスに対応する方法としてはPHPなどで表示を切り替える方法がありますが、そうなると各デバイス用のデザインやソース、画像を新たに用意する必要が生じてきます。 もちろん、何も対応しなくても各デバイスからPC
iOS 7: ここ10年で最大の悪夢 | Ticking Point
WWDC 2013でOS X MavericksやMacBook Airらと一緒に、iOS 7が発表された。フラットデザインになるとかねてから噂されていたし、直前には9to5MacがリークされたiOS 7を元につくったというモックアップを掲載していた。そのデザインは悪い冗談にしか思えなかったが、翌朝WWDCで発表されたiOS 7はその悪い冗談そのものだった。 iOS 7のデザイン変更のきっかけのひとつは、過剰なSkeuomorphicデザインへの批判だと思うけど、おれはiOS 6以前のSkeuomorphicあるいは過剰な装飾が嫌いじゃない。批判されることの多かったNewsstandの木の本棚やGame Centerの緑のフェルトなんかは正直言って結構気に入っていた。無意味な遊び心だけじゃなくそれが何を表してるか明確だし、特に誤解を招く表現でもなかった。それにiOSはシングルタスクでひと
あなたがコーディング初心者を脱する方法
比較的経験の浅めの人のHTMLとCSSコーディングを見ることが増えたのですが、その際にこうしたほうが良いかなーと思う箇所が共通してたりするので、まとめてみました。 ただ以下にあげる例は、状況によっては使わないといけなかったりするので絶対ではありません。そう絶対ではありません。 floatを覆っている要素の高さをだす 要素をfloatすると、それを覆っている要素の高さがなくなります。その高さをだす場合は以下のような方法をとります。 親要素にoverflow: hidden;を指定する 親要素にclearFixを使う 強引にheightで高さをだしている場合をよく見るのですが、その方法だと中の要素が変わるたびに指定をしなおさないといけなくなりますので、height以外の方法をとるのがオススメです。 floatを解除する方法のまとめ: 小粋空間 floatはclearする 先ほどのclearFi
ルールを再構築してより良いものを作ろう ~Wunderlistはどのようにして作られたか~ | Goodpatch Blog
みなさんWunderlistというアプリをご存知でしょうか？iPhone, iPad, Android, Windows, Mac, Webで使えるいいデザインのtodoリスト管理アプリです（無料）。とても素晴らしいアプリなので使っている方も多いかと思います。 先日このアプリを作っている会社6Wunderkinderのブログを読んでいたら、Wunderlistがどのようにして新しいデザインを作ってきたかが書かれた興味深い記事がありましたので翻訳（意訳）しました。 [以下Break Rules To design better productsの翻訳（意訳）] 私たちは一日のうちに、スマートフォンやタブレット、ノートパソコンといった様々なデバイスを使い分けています。それぞれに独自のガイドライン、インタラクションの種類、そしてもちろん異なったインターフェースがあり、私たちはデザイナーやエンジニ
Datavisualization.ch Selected Tools
GeoCommons A public community and set of tools to access, visualize and analyze data with compelling map visualizations. http://geocommons.com GeoCommons Type: Web Application & API Technology: JavaScript, Ruby License: Various Links Website API Documentation GitHub User Google Fusion Tables A web application that makes it easy to host, manage, collaborate on, visualize, and publish data tables. h
人によっては生理的に受け付けないものを集めてみた（閲覧注意） : カラパイア
人によってはそうでもないけど、人によってはゾクっとする。人の数だけ恐怖の対象があるようなのだが、その中でもダメっていう人が多そうな画像がいくつか集められていた。
レタスにしか見えない傘。野菜をモチーフにした「ベジタブレラ」が凄い。職人さんの手づくりで丈夫。 : 伊勢海老太郎ブログ
伊勢海老太郎ブログ 世界のインテリアと雑貨と文房具、Apple(iPhone)、食、ファッション、アート、デザイン、雑学コネタ、千葉と東京の食べ歩きなどをまとめるブログです。 どうも、サラダが大好きな伊勢海老太郎(@iseebitaroublog)です。最近、葉物野菜が高いですよね。肉料理よりも、サラダを作る方が高くなってしまいそうです(笑)。上記画像ですが、美味しそうなレタスですよね。でもレタスではないのです。何だと思いますか？ 正解は傘です。折り畳むとレタスになります。広げてもかなりレタスっぽいので、ちょっと使うのが恥ずかしいです(笑)。 「ベジタブレラ」という商品です。日本の傘メーカーの商品です。職人が1つ1つ手づくりで作っているそうです。日傘としても使用が出来るそうですよ。気になる価格は4,725円です。 伊勢海老太郎ブログでは過去にこんな傘も紹介しました。 オシャレなデザインでお
新人デザイナーならブクマして損なしのWebデザインギャラリーサイト
【フレッシュなWebデザイナーの皆さんへ】数ある... / ━━国内ギャラリーサイト━━イケサイ、ABM、S... / 【イケサイ】国内のコーポレートサイトが中心のデザ...他...全14件 【フレッシュなWebデザイナーの皆さんへ】 数あるWebデザインギャラリーサイトの中で、新卒Webデザイナーがとりあえず毎日見ておけば間違いない特にオススメのギャラリーサイトをまとめました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オブジェクト指向設計の原則と関数型プログラミング
レスポンシブWebデザインの基礎
