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

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

2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ

こんにちは。なおです。花粉症が辛いです。 新年度が始まりました。新社会人のみなさまおめでとうございます。そして新Webデザイナーのみなさま、ようこそ！色々不安はありますよね、わかります。そんなみなさまへ、日ごろ心がけると良いんじゃないかという5つのことについて今日は書きます。 その1.情報ヲタクになれ！ この業界に入る方々の中でネットに疎いという人はそんなに多くはないと思いますが…。常に新しいことを求めているのがweb業界！なので最新の話題には少しでも強くなっておきましょう。具体的にはフィードを使うのが良いです。気になった情報ブログがあったらすぐ登録！あまりにも登録しすぎて、平日に読めなかった膨大な未読記事を休日に消化する。。。という謎のスパイラルにも陥りがちですけどね。興味がある記事だけぱぱっと読んであとはスルーする、ぐらいでも良いです。 その2.デザインの引き出しを増やせ！ デザインを

思わず(；ﾟдﾟ)ｺﾞｸﾘ… 本日も“monograph”をお読み頂きありがとうございます。 PITE.（@infoNumber333)です。 海外ブログで気になるアート、というかCMを見つけたので今日はそれをご紹介。 色とりどりの美しい花びらが山に、街に大量に降り注ぐこのCM。 これ、CGでもなんでもなく全て実際の花びらを使用しているというのだから驚きです。 今回の動画はSONYの4Kディスプレイのプロモーション用CM。 大量の花びらが爆発した火山の火口から飛び出してきます。 このCMを作るためにスタッフはコスタリカから800万枚もの花びらを集めてきたそうです。コスタリカどんだけ花あるんだよ。 花びらは山頂からふもとへ。 そして街へと降り注ぎます。 まるで夢の中の様な美しい世界がそこにありました。 これを4Kディスプレイで見たら本当に鳥肌モノなんだろうなぁ。上手いCMですね。 動画を貼っ

株式会社グライダーアソシエイツが運営する、スマホ向けキュレーションマガジン『Antenna (アンテナ)』。現在、300万ユーザーを突破した同アプリは、210以上のメディアと提携しファッション/ライフスタイル/グルメ/インテリア/クルマ/おでかけ情報/映画情報など、多彩なジャンルのニュース・コンテンツを雑誌感覚で閲覧できる人気アプリ。そんな『Antenna』が、スマートフォン向け EC サービス「Antenna ショッピング」をローンチした。 「Antenna ショッピング」は、『Antenna』に配信されるメディア記事と一緒に、自然に商品情報が表示され、 ユーザーがコンテンツを楽しむ延長で商品購入できる「セレンディピティー(思いがけない発見) 型」のスマートフォン向け EC サービス。ユーザーは、自分好みの情報を視覚的に収集する中で、気になった商品の

「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザインの2種類をテストしてみたところ、「リストデザインの方が明らかに見やすく、ユーザーの反応がいい」という結論が出ました。 List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids http://blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/ グリッドデザインとリストデザインのどちらが本当に効果的なのか？ということを調査したのはソ

おはようございます。CD藤本です。 厳しい冬も終わりを告げ、大好きな春がやって来ました。 桜、誕生祭、キャンプ初め、サイクリング開始。と良いことづくしの春。 当社でも11名の新入社員を迎え入れました。 個性あふれるフレッシュな11名の新人たち。ようこそSOLGへ！！ さて今回は、デザイナーなら誰でも知っていると思いますが、新人ウェブデザイナーのために、ウェブデザインのブックマークサイト・ギャラリーサイトを紹介します。 僕が知っているだけでもこの手のサイトは30サイト以上あります。老舗から新参者、洋物中心のところから和物のみにこだわったところ。縦長にこだわったところからスマホのみに絞ったところ、パーツのみに絞ったところもありますね。 僕が何年も使い続けた結果、ここが至極のブックマークサイト（以下ブクマサイト）だ！という5サイトを紹介します。 （今回はパソコンサイトを扱うブクマサイトに限らせて

画像を1枚アップするだけ まずは自分でつくったイラストや写真を 1枚アップロードしてみよう。 jpgやpngでOK！ 自動的にアイテムができちゃう 画像をアップすると、あらゆるアイテムができ ちゃいます。Tシャツやトートバッグ、 マグカップなど、充実のラインナップ！ 買えるし、売れちゃう 好きな価格で販売できます。 注文を受けてから作成するので在庫を 気にする必要もありません。

世界で使用されている色見本帳で有名なパントン社。本社をアメリカ合衆国ニュージャージー州に本社にかまえ、グラフィックに関連した事業を展開している企業です。 デザイン・印刷物・工業製品・アパレル製品などの様々な分野で使用することで、デザイナーが意図した色と実際に商品化される色が近づけることが出来る、簡単に言うと"色の会社"な訳です。 最近では、携帯電話や文房具とのコラボレーションも見られるようになったので、一般の人にも存在が知れ渡るようになりました。 そのパントン社ですが、ベルギー・ブリュッセルのサン・ジル地区に色をテーマにしたホテルを2010年に開業しています。 さすが色の会社。建物の内部は白を基調とし、シンプルの中に遊び心がたくさんの色使いを見ることが出来ます。 階ごとにカラーイメージが設定されており、部屋の内装も一つ一つ異なるので、何度訪れても楽しめそうです。 トイレットペーパーにまで色

皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD

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

Case: CORELLA Package 総合スーパーがこれだけ広まっている今なお、「お肉はやっぱり専門店（お肉屋さん）で買うのが一番」と言われることはさして珍しいことではありません。 町のお肉屋さんの強みといえば、地元の人達との人間関係や“お肉の品質・鮮度（プロダクト自体）”であり、その点にこだわりぬくお店が多い中にあって、一方で他の小売業ではマーケティングにおいて重視されている“商品パッケージ”を、差別化のポイントにしているお肉屋さんは希少ではないでしょうか。 そんなお肉屋さんの常識を覆すような取り組みを、スペインでお肉とチーズの小さな専門店を営む「CORELLA」が実施しました。マーケティングの一環として、商品パッケージとロゴを地元の広告会社に依頼してリデザインしたのです。 新しいパッケージデザインがこちら。 白と黒を基調としたシンプルなデザインで、“どの部位”のお肉なのかが直感的

LINEがスタンプをオープン化、ユーザーのオリジナル作品が販売可能に | TechCrunch Japan 結構前の話ではあるが、上記のような記事が話題になり世のクリエイターが狂喜乱舞した。私はこういうお祭り騒ぎが大好きなので、クリエイティブの「ク」の字もないにも関わらず一人で湧き上がっていたわけである。 何しろ自分の絵(魂)を世界の3億人くらいのユーザに向けて販売できるのだ。しかもLINEのスタンプといえば猫も杓子も使っているキラーなコンテンツ。以前、80歳近い祖父がスタンプを連打してきたときはそこはかとなく怯えたものだが、裏返してみれば高齢層ユーザすらも受け入れているコンテンツであり、クリエイターにとってこれ以上の「勝負の場」はそうない(繰り返すが私にはクリエイティブの「ク」の字もない) そんなわけで私もこのビックウェーブで荒稼ぎし、その収益にてキャバ嬢と 「これ俺が作ったんだよ！！！

何かと便利なイラストカット。でも、人物や動物など、ちょっと凝ったものを自作するとなると時間も手間もかかりますよね。そんな時に便利なのがイラスト素材配布サイト。仕事でつかえる商用利用無料のイラスト素材サイトを集めてみました。 ※規約や利用条件、配布形式は変更される場合がありますので、ご利用の前に各サイトでご確認ください。 イラストAC 多種多様なイラスト。ユーザー投稿型。データはjpgとeps（epsデータがないイラストもあり）。要・ユーザー登録。 http://www.ac-illust.com/ シルエットAC シルエットイラスト。データはjpg・png・eps。3種類のデータをまとめてダウンロードすることもできる。要・ユーザー登録（上記「イラストAC」と共通アカウントでログイン可能）。 http://www.silhouette-ac.com/ 無料イラスト素材.com かわいいイラス