We’re getting things ready Loading your experience… This won’t take long.

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

広告やポスターをデザインする際、ときにはコピーの配置やレイアウトに悩むこともありますよね。そんなときに文字レイアウトや配色が参考になりそうな広告・ポスターをご紹介します。 広告デザインに参考になる文字レイアウト　選 では参考になるデザインをご紹介します。 アニメ王決定戦のポスター 出典：kettle.co.jp こちらは2011年に開催された、au EZwebから参加できるアニメ王を決めるためのクイズ大会。文字に帯を引いたり、注目させたい文字への色使いの変化が目立ちますね。2011年の作品です。 LUMINE 出典：magazine.lumine.ne.jp こちらはLUMINEの広告の中でも色使いがシンプルなもの。中央に大きくレイアウトされた文字は、半透明なのにきちんと可読性があり、白い文字の透かし具合が絶妙です。 新村水産 出典：shinmurasuisan.net こちらは「新鮮な魚

ホームページの改善には欠かせないのがA/Bテストです。 複数の仮説を導き出して、仮説Aと仮説Bを比較するシンプルな検証手法の1つと言えます。 このA/Bテストがヒントとなり、改善した結果、売上が数倍に上がったという例も少なくありません。最近では、グロースハックが話題となったことでもA/Bテストの重要性が再認識されています。 今回は、A/Bテストの実例記事の中からオススメ記事とA/Bテストを行ううえで読んでおくべき10記事をまとめました。 このニュースに興味のあるあなたにおすすめ ・グロースハックを始める時に役立つ記事5選 ・広告に頼らずに成果を出せるグロースハックの概要と成功事例記事 ・会員獲得を目的としたグロースハック事例６選 1.ランディングページ最適化（LPO）事例で学ぶ問い合わせ数10倍の手法 http://liskul.com/lp_lpo3-5929 LPOにおけるA/Bテスト

ferret編集部：2015年1月23日に公開された記事を再編集しています。 非デザイナーであれば、デザインの世界はセンスであったり、感性の問題だから自分にはできない。あるいは苦手意識があると思われている方も少なくないのではないでしょうか。 しかし、美しいデザインには法則というものが存在します。デザインの法則さえ、理解できていれば非デザイナーであっても基礎的なデザインは可能です。 今回は、非デザイナーが押さえておくべきデザインの基礎的な法則についてまとめました。 このニュースに興味のあるあなたにおすすめ ・Webデザインに役立つ無料のツール・デザイン集まとめ ・これだけ読めば大丈夫！デザインの基礎が学べる厳選5記事 ・【事例あり】ランディングページ作成の基礎記事2選＋参考になるデザインサイト集8選 規則正しいデザインが必要な場合 1 繰り返しの法則 上記のような形は同じでも2つ並んでいるだ

2014-09-30 はてなブログproに移行しました！ はてなブログ つらつらと語る どうも。せっかくの休みをすべてブログに費やしました、こりのろっさです。 いままで無料のはてなブログを使っていましたが、980円を払い1ヶ月限定で『はてなブログpro』に移行してみました。 なぜはてなブログproに移行したのか 少し読まれた記事があったからといって調子に乗ったわけではありません。単純にproにしてみてなにができるのか、どこまでできるのかを勉強してみたくなったんです。手始めにGoogle AdSenseを勉強して広告を入れてみようと思っています。決してお金に目がくらんだわけではありませんがお金ください。 それからスマートフォン用のブログデザインを変更してみたかった！これは私にとってとても大きいです。デフォルトのデザインも嫌いではなかったのですが、なにか物足りなさを感じてきてしまい、ついにpr

※クリックで拡大 こんにちは、管理人の「s.yuu」です。 「つけまつげ」といえば、化粧品の中でも今や必須と言われるほどの人気のアイテム。 付けるだけで顔の印象を簡単に変えることができ、慣れればマスカラよりも短時間でメイクを済ませられるという優れもの。 そんな優秀な「つけまつげ」ですが、1点問題なのは・・・種類があまりにも多く、どれを選べば良いのかが分かりにくいところ。 しかも、商品名や本体、パッケージを見ただけでは、どんな仕上がりになるのか？がイメージしにくい商品も多い！ ということで、今回はこの問題を解決すべく「つけま」を徹底ツイキュウ。 「目指すイメージ」「なりたい顔」を基準に「つけま」を分類し、こういう感じを目指したい場合には、こういった商品を選べばOKというのを画像を交えて解説することにしました。 「なりたい顔」については、よりイメージが湧きやすいよう芸能人や有名人の方の写真を掲

最初から入っている標準フォントだけでは、ブログの画像にキャプションを入れたいとき、WEBサイトのメリハリを付けたいとき、ロゴを作りたいときなど、かっこがつかない！そんなふうに思うことありますよね。 しかしフリーフォントって、あまりに種類がたくさんありすぎて、どれを使っていいのやら困ってしまいがち。欧文フォントは種類も豊富だけれど、日本語対応(漢字も対応)フォントを探し出すのはひと苦労。 そこで！今回は使うだけでサイトや印刷物がかっこよく仕上がる、そんな日本語フリーフォントをご紹介いたします。 誰でも自由に無料ダウンロード！商用利用も可日本語対応上記を満たすフォントの中でも、特にクオリティが高く、様々なシーンで使用できそうなフォントを中心に集めました。 広告費を上げず、デザインで広告成果を改善する「AIR Design」 1.　 スタイリッシュにまとめたいときモダンでスマートなフォント スマ

でも、できるだけ虫には接したくないんですよね(笑)。虫が苦手なアウトドア派です。意味がわからないですね(笑)。キャンプをするならテントは必須です。海外サイトでおしゃれなテントを見つけました。 フォルクスワーゲンバスのテントです。とってもかわいいです。キャンプ場で注目を浴びる事は間違いなしです。「VW-Bus Zelt」という商品です。 横画像。そして入り口です。中が気になりますね。虫は入ってこなさそうです(笑)。  けっこう広いですね、大人が4人眠れます。快適空間です。アウトドアで引きこもりになりそうです(笑)。 ＶＷ タイプIIというんですかね。私は車に全く詳しくないのですが。本物に乗ってる方はキャンプをしなくても、欲しい商品なのではないでしょうか。興味にある方は下記リンク先でご確認をお願いします。 キャンプといえばバーベキューです。ベランダでできるバーバキューグリルの記事も是非ご覧下さ

アップル・ロゴの本当の秘密 世界中のファンが落胆する、デザイナーの衝撃的な告白ロゴの「リンゴがかじられている」意味は、聖書の『アダムとイブ』の禁じられた果実リンゴのことで、禁断を破った人類の進歩を表している。そして、もうひとつの意味、「bite（=かじる）」と、コンピューターの情報量の単位「byte（=バイト）」をかけていると、日本のメディアでも紹介されましたが、ロゴをデザインしたロブ・ジャノフ（Rob Janoff）さんは、これらの伝説を否定しています。 「がっかりさせると思うけど、リンゴにかじった部分をデザインに入れた理由は、みんながデザインを、チェリー（さくらんぼ）と見間違えないためだよ。それと、象徴的でしょ」とロブ・ジャノフさんは話しています。 アップルのロゴと『アダムとイブ』の関連性は無く、また、本人はデザインした当時、「byte」のことさえ知らず、事実と異なって語られるロゴ誕生

画像や文章のレイアウトはウェブサイトをデザインする時だけではなく、資料やポスターなどを作成する時にも必要になりますが、正しいフォントの選択やレイアウトは文章を読みやすくするのに加えて、人の脳に作用し読み手を心地よくさせます。ということで、以前記事化した「自分のアイデアをアプリ化するための予算を自動計算してくれるウェブサービス『How Much Does It Cost To Make An App？』」を提供しているooomfの創設者・Mikael Choさんが、すぐにでもできる効果的な文書の作成方法をまとめています。 The science behind fonts (and how they make you feel) | ooomf blog https://ooomf.com/blog/the-science-behind-fonts-and-how-they-make-you-

デザイン制作時の参考にしたりインスピレーションがもらえる、主にwebデザイン向け国内外のデザインギャラリーを紹介します。 主にwebデザイン向けになりますが、一部デザイン全般で参考になるサイトもあります。 中には特定のテーマやパーツに絞ったデザインのみを紹介しているギャラリーもあるので、日頃デザインしていて「この雰囲気のデザインをいつも悩む」とか「この部分の引き出しを増やしたい」という人は、そういったサイトを日頃からチェックするのがおすすめです。 過去にもこういったデザインギャラリーをまとめて紹介したエントリーを書きましたが、クローズしたサイトが目立ってきたり見つけた当時とは収集しているデザインが異なるテーマになっているサイトなどもあったので、それらの編集・削除も兼ねつつすべてひとまとめにしました。

プレゼンテーションのスライド資料を作る上で押さえておきたい基本をまとめました． 多分これがslideshare内で一番役に立つと思います． スライドの作り方を学んだことがない方、参考にどうぞ！ 2016.01.22 書籍発売　好評につき重版決定！！ http://book.impress.co.jp/books/1114101129 リニューアル増量版 http://www.slideshare.net/yutamorishige50/ss-41321443 2014.11.9アップロード！ 【資料デザインの依頼】 > https://yoca.jp/yoca_slide > 仕事のご依頼はこちらから ※旧タイトル 【プレゼン】研究室発表のプレゼン資料の作り方【初心者用】

皆様こんにちは！最近WP-Eメンバーに本名を忘れられているような気がするWP-E HINOTANです。寿司ネタがどこかへ行ってしまいましたね。 さて今回はタイトルの通り、便利な配色ツールを紹介していきたいと思います。 Adobe Kuler まずはAdobeが提供しているAdobe Kulerから。こちらは有名なので知っている方も多いと思います。Adobe KulerはPhotoshopやIllustratorとの連携機能があるので便利です。(Adobe Creative CloudのアカウントIDが必要となります) 「Explore」のページでは、様々なカラーパターンを見ることができ、気に入ったものを登録したり編集したりすることができます。登録したカラーパターンはPhotoshopやIllustratorにも反映されます。 Color Hexa Color Hexaは、ページ上部の検索欄