【速報】佐野研二郎が「デザインの仕入元」と囁かれるPinterestを使っていることが判明→速攻でアカウント削除
法廷闘争にまで発展することが決まったデザイナー佐野研二郎氏のパクリ疑惑について、デザインの仕入元ではないかと囁かれていたPinterestを佐野研二郎氏が利用していることが判明。そして同時にアカウントを消したことが明らかになった。 Pinterestは秀逸なロゴやデザインが共有されるサイト。 デザイナーの間では眺めているだけで勉強になると有名で、日本でも一部業界で人気があるサービスだ。パクリ被害にあったベルギーのデザイナーは「Pinterestにロゴをアップしていたので、彼はそこから盗んだのではないか」と発言していた。 また、その後「BEACH」の赤い看板や泳ぐ女性、ベルギーのリエージュ劇場のロゴについてもPinterestに投稿があったことが分かった。 さて、その点について記者が佐野研二郎氏に「Pinterestは見たことがありますか？」と質問したところ、佐野氏は「見ておりません」と回答
ブックマークしておきたい、いい感じの写真画像がクレジット表記無しで無料利用できるサイトのまとめ
個人でも商用でも、クライアントのプロジェクトでも無料で利用できる高品質な写真素材がダウンロードできるストックフォトサイトを紹介します。 27個のサイト、すべてクレジット表記やバックリンクの必要がないので、非常に利用しやすいと思います。
大きな背景画像を使った魅力的なWebサイトを作ろう
2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ ↑私が10年以上利用している会計ソフト！ 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって
Twitter新プロフィールのカバー画像制作用ガイドPSD、用意しました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、梅雨ですね。デザイナーのぺちこです。 Twitterのプロフィールページが新しくなって公開されてから、あっという間に2ヶ月ほど経とうとしています。 自ら変更せずとも順次適応ということで放置をしていたのですが、いつの間にか新しくなっていました。半月前くらいはそうでもなかったような。 先日お仕事でこのあたりを調べる機会があり、割と時間を費やしてしまったので、同じく困った人の手助けになればと思い、カバー画像制作用ガイドPSDを作成しました。 解説はさておき、ひとまずPSDを置いておきます。 Twitter新プロフィールカバー画像制作用ガイドPSDダウンロード では、さっそくTwitter新プロフィールの仕様おさらいをしながら、ガイドPSDについて解説していきます。 Twitter新プロフィールページについて 仕様については様々なメディアでリリース当初から取り上げられてきたので、詳しく
ヘッダーデザインのレイアウト（構成要素の配置）が苦手なら黄金比・白銀比ツールを活用しよう。Photoshop編
HOME ブログ webデザイン , ヘッダー , 画像加工 ヘッダーデザインのレイアウト（構成要素の配置）が苦手なら黄金比・白銀比ツールを活用しよう。Photoshop編 魅せる伝えるヘッダーデザインを作成する5つの工程の2番目、ここでは② 構成要素の配置について解説します。レイアウトが苦手でどうしてもしっくりこないという悩みも黄金比ツールを活用して解決しちゃおう！ ① 基調と概念② 構成要素の配置③ 色彩の統一④ 文章の表現⑤ 細部の作り込み ↑ これじゃーちょっとカッコ悪いですよね・・ ② 構成要素の配置基調と概念に沿った画像をphotoshopで開く。 電脳狂想曲さんのWEBデザインの小技へアクセスし、ヘッダーサイズの横幅・縦幅を入力、黄金比（A4ポスターなどのJIS規格の場合白銀比のが相性が良いかも）にチェックしサクサクラインを引いていく。うまくいかなかったらリセットできます。
商用利用OK、バックリンク不要、著作権表示不要な画像・素材サイト よりぬき
お久しぶりです、デザイン工作員shibawoです。 今回は仕事にすぐ使える！商用利用OK、バックリンク不要、著作権表示不要な画像・素材サイトをご紹介します。 画像素材サイト 足成 http://www.ashinari.com/ フリー画像サイトでも有名な足成さんのサイトです。モデルの飯田さんにお世話になっている方が多数いるのではないでしょうか。 無料、商用利用OK、バックリンク不要、著作権表示不要 ▼利用規約 http://www.ashinari.com/about/050_agreement/ フォトライブラリー http://www.photolibrary.jp/ フォトライブラリーさんのすばらしい点はニッチなキーワードにも対応している所です、いつもお世話になっております… 有料画像も多いのですが単価が安いので使い勝手がいいのもポイントです。 有料（一部無料）、商用利用OK、バッ
デザイン時に気を付けたい目的と手段の取り違え
デザインする時、手段ばかり追ってしまい、「( ﾟдﾟ)ﾊｯ!そもそもの目的ってなんだっけ」ってなりがちなので、気を付けたいなと思いまとめてみました。 1. 目的をしっかりと認識する 例えば、上のようなボタンをデザインしたとき、「もっと目立つように大きく、色も赤とか目立つ色にしてください」という修正指示を受けたとします。 「目立たせる」という目的の解決策として、「大きくする」、「赤などの目立つ色を使う」という2つが考えられています。そしていつの間にか、これらの解決索が目的にすり替わっていることが無いでしょうか。 「大きくする」、「赤などの目立つ色を使う」ことを行えば目的を達成できるかのように錯覚するのですが、その解決策は本当に最適かを考える必要があります。そもそもの目的は「ボタンを目立たせること」で、その解決策は他にもあります。 2. 他の手段も考える 「目立たせる」ためには、差別化する、近
The Basic Idea of Symmetrical Design
2014年1月28日 Webデザイン デザインをする上でシンメトリー（対称性）は頻繁に使われる手法のひとつです。古代から様々な場面で使われてきた美の構図、シンメトリーをうまく取り入れることで、安定感のあるレイアウトを生み出すことができます。今回はこのシンメトリーに焦点をあて、具体例とともに構成方法を考えてみようと思います！ ↑私が10年以上利用している会計ソフト！ シンメトリー（対称性）とは シンメトリーは広く「左右対称・反転」として知られていますが、他にも「回転」や「平行移動」、「拡大・縮小」も含んおり、これらの手法を取り入れた構成のことを言います。シンメトリーには規則性があり、バランスのよい安定した調和を感じさせます。シンプルで一度法則を覚えたら様々なデザインに取り入れられるので、デザイン初心者な方でも比較的容易にまとまったレイアウトを構成することができます。 シンメトリーとは異なる、
「iPhone 5s」と「iPhone 5c」でページを見ている画像をサクッと作る方法
自分で作成したサイトやブログなどをiPhoneやiPad、iPad mini、さらにGAMEBOYなどで見るとどんな風になるのかを確認できるウェブサービスが「iPhone Screenshot Maker」ですが、バージョンアップして、iPhone 5s・iPhone 5cにも対応しました。 iPhone Screenshot Maker http://iphone-screenshot.com/ 使い方は、まずステータスバーの加工方法を選択してから使用するフレームを選びます。「auto detect」を選択すれば、のちのちステータスバーの加工方法を選択可能なので「auto detect」をクリック。そして今回は新しく対応したiPhone 5sのフレームを使ってみることに。 次に複数ある端末のカラーや角度から好きな物を選択。 そしてオプションを設定。ここでは入力画像をディスプレイにフィット
ウェブデザインにおける透過の効果的な使い方と注意点
半透明のパネルにテキストを配置したり、ナビゲーションを半透明にしたりなど、ウェブデザインでよく利用される透過のエフェクトの効果的な使い方と注意点を紹介します。 Using Transparency in Web Design- Dos and Don'ts 下記は各ポイントを意訳したものです。 はじめに コントラストを作るために透過を使う イメージの重要な部分は隠さない さまざまなレベルの透明度を使う 透過するとテキストが読みやすくなるとは限らない 透過を使うのは少しのスペースに 激しいコントラストの画像には透過は置かない 透過をアートとして使う 透過を飾りとして使用しない 背景に透過を使う 同時に多くの透過のエフェクトは使わない 循環するイメージに透過を使用する おわりに はじめに 透過を使ったウェブデザインは非常に美しいですが、慎重にデザインする必要があります。透過はカラーのブロック・
【画像】フォトショをプロの芸術家が使うとこうなる(31枚）
1 ※関連記事 【画像】兵士の心に寄り添う、大切な動物たち(52枚） 282 users 【画像】地球滅亡の日の為に作られたバンカーがすげえ(44枚） 212 users 【画像】ノスタルジックな画像下さい 139 users 【画像】サメってカッコいいよなぁ・・・思わず見蕩れてしまうわ・・・(88枚） 194 users 【画像】NYのノリータホテル オシャレすぎワロタｗｗｗｗｗｗｗ(15枚） 118 users 続きを読む
Google画像検索で高解像度のロゴのみをザクザク見る
ロゴ制作時に使えるTIPSをご紹介。 アイデア捻出とかでロゴをザーッと見たいとき、Google画像検索で検索ワードに「logo」とか入れて検索すると思います。 そこに「filetype:svg」を追加してファイル形式を「SVGファイル」のみに制限することで、高解像度のロゴのみを検索できます。 サンプル でも、SVGファイルって何でしょうか? SVGファイルってなんなのさ SVGフォーマットはJPEGやPNGなどのピクセル形式の画像ファイルとは違い、イラストレーターのようなベクターデータ。つまり何処までも拡大できます。なので正確には高解像度というのは間違い。 Webページにベクターデータを埋め込む用途を意識して開発されたので、中身はXMLで書かれてます。つまり普通にテキストエディタで開けば直接データが見えます。もちろん編集もできます。 ウィキに掲載されてるロゴはSVGファイルの場合が多いです
PhotoshopCS5で画像を簡単に切り抜く方法 | nanapi[ナナピ]
PhotoshopCS5で画像を簡単に切り抜く方法に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに 画像を切り抜きたいときは、いちいちパスでくり抜くより、抽出機能があればラクチンですよね！ 時間がないときも、抽出フィルタさえあればラックラク♪ 【フィルタ】メニューから【抽出】を選んで…、と、、、あれ！CS4まではあったはずの【抽出】がCS5にはなくなっている！ 俺の【抽出】たん、どこいってもうたんや…、、とはなりませんが、CS5にはもっと簡単な抽出のやり方があります。 時間がないとき、そんなに細かく切り抜かなくてもいいとき、でもそれなりにきれいな切り抜きがあったらいいなと言うときに、ぜひ試してみてください！ 用意するもの 切り抜きたい画像 わかりやすく、切り抜きたい画像の下に灰色か何かのベタ地 Photoshop CS5 ↓下に
モノクロ写真の一部だけをカラーにしてインパクトを与えている写真の例いろいろ
色彩をコントロールするというのは写真の中でも割と基本的な部分ですが、中でもモノクロ写真の一部だけをカラーにするという手法はシンプルでありながらかなり強力なイメージを作り出すことが可能で、非常に効果的です。よく見かける手法だけに、うまく使えれば効果は絶大です。 というわけで、「こういうときに使えそうだ」というのがよくわかる実例いろいろは以下から。Photoshopでの加工方法もメモしておきました。 Creating Impact With Partial Colour: 60 Stunning Photos なお、Photoshopでこのような画像を作る方法については以下のページで手順が解説されています。 Photoshopでカラー写真の一部を白黒にする方法 / ウェブデザインライブラリー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flipsblog.jp
膣外射精
見出しデザイン.com -Webデザインの“見出し”を集めたサイト-