『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![新着記事](https://cdn-ak-scissors.b.st-hatena.com/image/square/934f4443a569b8606c4f3c68813118669017fa3e/height=288;version=1;width=512/https%3A%2F%2Ff1zxujx2.user.webaccel.jp%2Fwp-content%2Fuploads%2F2015%2F01%2Fsymbolism-guide-top1.jpg)
フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー
決済サービス「spike(スパイク)」のリリースのほうに時間を割いていて、ブログの更新が滞っていました。。。何かの片手間でブログを続けるってなかなか難しい。気分転換にブログを新しくしました。調べるおタカノリさんやサイプロさんスゲーなと思うこの頃です。 先日Google Playがリニューアルされた記事をアップして、アイコンの大きさが2倍になり、今後Google Playでますます重要になるなと感じたわけですが、7月の末に今度はPC版のGoogle Playもリニューアルされてダウンロードページのクリエイティブがアイコンとスプラッシュだけになってしまいました。以前は大きい長方形のバナーが表示されていましが、こちらは使われるのはGoogleのおすすめに入ったときだけで、ほとんどのディベロッパーには無縁のものになってしまっています。 今後アイコンが重要になってくる流れは間違いないので、これを無料
海外のクリエイティブチーム「Freepik」とのコラボで、ビジターのみなさんに日頃の感謝を込めて、コリス限定のアイコン素材を配布します。 先日Twitter@colisscomでどんなアイコンが欲しいか希望を聞き、Freepikの中の人と相談し、アイコンを作成していただきました。 Freepik.comは、海外のウェブ制作系ブログSmashing MagazineやSix RevisionsやWeb Designer Depotでもお馴染みで、そのブログだけのオリジナルのアイコンセットを配布するコラボに当ブログも加わりました。 日本では初だそうです、やったね! アイコンのテーマは「Celebrations」 ビジネス系のは他のサイトにたくさんあるので、ホビーやライフなどを主体としたアイコンを依頼しました。
最近、このブログのデザインを1から作りなおして、フラットデザインを取り入れて見ようかなと考えています。 フラットデザインはシンプルな分、ごまかしが効きません。使い所が難しいので何か見本やサンプルがあると助かりますよね。 勉強がてら、フラットデザインのサンプルとなるアイコンのリンクを集めてまとめてみました。 フラットデザインアイコンまとめ Free program icons on Behance Dribbble – Free Flat Icon Set by Barry Mccalvey 40 Social Media Flat Icons on Behance Weather app + psd on Behance My Desktop Icons – Free Download on Behance Dribbble – Freebie – Flat Credit Cards by
フラットデザインが世間を賑わしてまだそれほど時は流れていませんが、海外ではフラットデザイン2.0という呼ばれ方もされることがあるようなロングシャドウデザインというものがどんなものなのか考察してみました。 そして、ロングシャドーデザインを作る方法を勝手ながら考えてみました。 ドロップシャドーデザインとは? ロングシャドウデザインとは、言葉で説明するとこんなかんじになるのでしょうか。photoshopvipさんの言葉を引用すると、 斜め45度に差し込む光が作る、その名の通り、シャドウ部分を強調した、冬の日によく見受けられる様な、長い影が印象的なデザイン とこのような感じになりますかね。的確な表現かと思います。 ざっくりとどんなものかを検証してみました ハイライトの角度、シャドウの角度、ともに45°できれいに作ってあります。そして、配色ですが分かりやすいようにHSB方式で表記してあります。 ハイ
We have talked about Flat Design Trend already. The next trending in the design world is Long shadow design. There was already a plenty of designers started Long shadow design. Before the name Long shadow design, the trend tagged along with Flat Design. Long shadow design means same as its title. The trend will use long shadows with 120 or 45-degree angle. The end of the shadow will be feathered o
ChromeやGmailのアイコンはシンプルであり、一度使うと見るだけでそのアイコンが何を示すのかわかりやすくデザインされているのが特徴的です。そんな企業秘密とも言えそうなGoogleのアイコンやロゴのデザインガイドラインをGoogleのグラフィックデザイナーであるロジャー・オドン氏がBehanceで公開しています。 Google Visual Assets Guidelines - Part 1 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077 Google Visual Assets Guidelines - Part 2 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidel
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
Today’s iOS app icons collection is specially roundup for iOS designers for inspiration. One of the great things about the App Store is that it inspires so much creativity from designers, it seems like there’s great new ideas for interfaces and interactions every week that delights the design community. A collection of iOS icons of top designers from around the world. Many professional designer ar
先日 Goodpatch さんが 保存アイコン=フロッピーディスクの時代は終わった…? という興味深い記事が掲載されていました。フロッピーディスクを保存アイコンをとして採用するのは古いのではないか、という議論は国内外で何年かに一回はあります。私も 2009 年に変わりゆく「保存」の存在と題してフロッピーディスクアイコンのあり方も踏まえて、今後の保存の姿を模索していました。また、先月開催された Android Bazaar Conference 2013 Spring でも同じ話題に触れています。 アイコンと問題解決について 様々なデザイナーが新しい保存アイコンを提案しているものの、「うん、これは保存だ」と納得できたものはほとんどなかったと思います。ダウンロードにみえるものも少なくありませんし、中には抽象的すぎて何を意味しているのかさえ分からないのもあります。自分たちのクリエイティブアウトプ
まずはアイコン素材配布サイトから。 今は無料で使えるアイコン素材配布サイトが多いので、ここからダウンロードしてデザインする時に使う人も多いのではないでしょうか。まずはそのアイコン素材配布サイトで”save”と検索した結果を見てきます。 iconmonstr http://iconmonstr.com/ 以前にもMEMOPATCHで紹介した事のあるサイトです。ここはフロッピーディスクもありますがクラウドっぽいアイコンや下向き矢印のアイコンもありますね。 softicons http://www.softicons.com/ こちらはほとんどフロッピーディスクのアイコンです。しかも立体的なアイコンが多いです。 iconfinder http://www.iconfinder.com/ こちらもフロッピーディスクのアイコンが多いですが、下矢印やチェックマークもあります。 次に有名なサービスやアプ
ここ最近立て続けに素晴らしいアイコン素材がリリースされたので、まとめて紹介します。 ほとんどが商用利用も無料です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く