2016年流行遅れになりそうな、グラフィックデザインのトレンドまとめ - PhotoshopVIP

2016/02/05 100 users グラフィックデザイン 反対 トレンド 許可 カテゴリ別

海外デザインブログ Canva Design School で公開された「 Are These Graphic Design Trends Going Out of Style? 」より許可をもらい、日本語抄訳しています。 先日紹介した グラフィックデザインのトレンド とは反対に、2016年にあまり使われなくるデザインスタイルを、カテゴリ別に見ていきましょう。多くの場合が、同じスタイルが使われすぎ... 続きを読む

ユーザーが信頼できるUIデザインをつくる、7つの基本ポイントまとめ - PhotoshopVIP

2016/02/04 107 users UIデザイン ユーザー User Interface 信頼

海外デザインブログ Visual Hierarchy で公開された「 Making The user Trust Your UI 」より許可をもらい、日本語抄訳しています。 ユーザーからの信頼がいかに大事か考えなければ、よいユーザーインターフェース（英: User Interface）はデザインできないでしょう。そしてユーザーの信頼を得るデザインの作成は、考えているほど簡単ではありません。 もしユ... 続きを読む

【後半】デザインで確実に覚えておきたい、20の基本原則まとめました。 - PhotoshopVIP

2015/12/14 291 users 前半 テクニック ベテラン 感覚 許可

海外デザインブログ Canva Design School Blog で公開された「 Design Elements and Pinciples 」より許可をもらい、日本語抄訳しています。 初心者からベテランまで一度確認しておきたい、デザインの基本原則20個をまとめています。 前半 に続き今回は、残り10個のテクニックを見ていきましょう。 いつも何となく感覚で理解している内容を、体系的に学ぶことで... 続きを読む

実例で学ぶ！背景に「透かし」を使った、万能デザインテクニック12個まとめ - PhotoshopVIP

2015/12/09 142 users ペンキ塗り まわり PhotoshopVIP 許可 部屋

海外デザインブログCanva Design School Blogで公開された「How to Effectively Use Transparent Backgrounds in Graphic Design」より許可をもらい、日本語抄訳しています。 グラフィックデザインにおける背景とは、壁のペンキ塗りや部屋の壁紙えらびのようなものかもしれません。 正しい使い方をすれば、まわりと溶け込む素敵な背景... 続きを読む

わずかなコードで実装する、CSSスタイリングの小技テクニック28個まとめ - PhotoshopVIP

2015/12/02 319 users Your Way サンプルデモ かゆい所 小技テクニック 許可

海外デザインブログDesign Your Wayで公開された「39 CSS Code Snippets To Make You A Better Coder」より許可をもらい、日本語抄訳しています。 ほんの少しのコードのみで実装できる、かゆい所に手の届くCSSスタイリングの小技テクニックを、サンプルデモと一緒にご紹介します。 「これってどうやってスタイリングするの？」そんな 頭を抱えそうな問題点を... 続きを読む

【商用可】海外人気デザイナーが選ぶ！2015年に使えるフリーフォント100個まとめ - PhotoshopVIP

2015/10/29 101 users フォント フリーフォント素材 デザイナー 許可 カテゴリ別

海外デザインブログCanva Design School Blogで公開された「100 Free Fonts You Should Be Using In 2015」より許可をもらい、日本語抄訳しています。 デザインに本当に合ったフォントを探すのは、大変な作業です。 今回は、2015年を中心に公開されたフリーフォント素材を、デザインアプリCanvaのデザイナーが、カテゴリ別に合計100個まとめてい... 続きを読む

黄金比って何？デザインに取り入れたい5つの重要ポイント - PhotoshopVIP

2015/10/22 131 users Twitter PhotoshopVIP ギザ ゴッホ 黄金比

海外デザインブログCanva Design School Blogで公開された「What Is the Golden Ratio? What You Need to Know and How to Use It」より許可をもらい、日本語抄訳しています。 エジプトのギザにある大ピラミッドやゴッホの描いたモナ・リザと、Twitterやペプシペプシの共通点は何でしょう。 簡単な答えとして、どのデザインに... 続きを読む

ノンデザイナー向け！グラフィックデザインの基本用語、50個まとめました。 - PhotoshopVIP

2015/10/14 122 users PhotoshopVIP ノンデザイナー向け カーニング

海外デザインブログCanva Design School Blogで公開された「A Beginner’s Guide to Kerning Like A Designer」より許可をもらい、日本語抄訳しています。 グラフィックデザインの世界に飛び込もうとしたときに、新しい言語を学んでいるような気分になるときがあります。 カーニングやトラッキング、暖色、寒色、CMYK、RGBと覚えなければいけない用... 続きを読む

商用可のフリーフォントをつかった、美しい文字の組み合わせ20個まとめ - PhotoshopVIP

2015/10/07 107 users PhotoshopVIP フリーフォント 枠組み 商用可 許可

海外デザインブログCanva Design School Blogで公開された「Build Your Brand: How to Choose The Right Fonts」より許可をもらい、日本語抄訳しています。 選択するフォント書体によって、デザインイメージの枠組みが決まります。今回は、フリーフォントを使って実現できる、美しい文字の組み合わせ20種類をまとめています。フォント選びに迷っている... 続きを読む

カーニングのプロ技を学ぶ！文字組みに必要な9つのテクニックまとめ - PhotoshopVIP

2015/09/25 304 users カーニング フレーズ 単語 数字 見た目

海外デザインブログCanva Design School Blogで公開された「A Beginner’s Guide to Kerning Like A Designer」より許可をもらい、日本語抄訳しています。 単語やフレーズなどの文字デザインを組むときに、なにか見た目がおかしいと思ったことありませんか。 それはきっと、カーニング（英: Kerning）の問題かもしれません。2つの文字（数字や句... 続きを読む

本格的なロゴデザインを完成させる！ロゴグリッドの使い方と注意点まとめ - PhotoshopVIP

2015/08/31 114 users PhotoshopVIP cons タイポグラフィ 図形 許可

海外デザインブログDesignShackで公開された「What’s a Logo Grid, and Why Should You Use One?」より許可をもらい、日本語抄訳しています。 ロゴデザインが必要になったとき、あなたなら何から始めるでしょう。図形から？タイポグラフィ？それともグリッドでしょうか。 ロゴグリッド（英: Logo Grid）またはコンストラクション・ガイド（英: Cons... 続きを読む

これだけは知っておきたい、色の基本原則まとめました。 - PhotoshopVIP

2015/08/05 242 users 顔料 絵の具 PhotoshopVIP 配色 インク

海外デザインブログCanva Design School Blogで公開された「Color Theory Tips and Inspiration」より許可をもらい、日本語抄訳しています。 デジタル時代のデザイナーとして、絵の具やインクなどの顔料だけでなく、さまざまなアプローチから色の使い方を学ぶことができます。実際に、人間の目は数百万色の色合いを識別することができます。しかし、2〜3色の配色を決... 続きを読む

トップデザイナーが教える、文字フォントを使った階層のつくり方７個まとめ - PhotoshopVIP

2015/07/18 136 users PhotoshopVIP タイポグラフィー 階層 バランス

海外デザインブログCanva Design School Blogで公開された「Why Every Design Needs Three Level of Typographic Hierarchy」より許可をもらい、日本語抄訳しています。 階層（英: Hierarchy）は、ややこしい単語かもしれませんが、文字テキストのバランスを整える、「タイポグラフィー」においては重要なわりに、手軽に導入する... 続きを読む

コピー＆ペーストで使える！実践的なBootstrapスニペット12個まとめ - PhotoshopVIP

2015/06/09 368 users 短縮 PhotoshopVIP 著者 案件 コード

海外デザインブログTutorialzineで公開された「12 Time-Saving Bootstrap Examples」の著者より許可をもらい日本語抄訳しています。 人気のHTMLフレームワークBootstrapを使った案件に便利な、コピー＆ペーストで使うことができるコードスニペット12個をまとめてご紹介します。実践的なウェブサイト案件で活用することができ、制作時間の短縮にもつながるコードを集... 続きを読む

ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ - Photoshop VIP

2015/03/30 912 users CSS HTML Photoshop Vip ディズニー社

海外デザインブログCSS Animationで公開された「CSS Animation Trends in Web Design」より許可をもらい日本語抄訳しています。 フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS（Cascading Style Sheets、カスケーディング・スタイル・シート）を利用します。しばしばページに変化（... 続きを読む

これからのウェブデザインに大切な10個のトレンドまとめ - Photoshop VIP

2015/03/02 127 users ウェブデザイン ウェブデザイン制作 トレンド VIP 許可

海外デザインブログOneXtraPixelで公開された「10 Predictions for Web Design Trends in 2015」の著者 Carol Francisより許可をもらい日本語抄訳しています。 これまでにも何度かご紹介しているデザイントレンドですが、3月に入りより人気のあるデザインが分かりやすく見えてきています。今回は、今後のウェブデザイン制作で大切な10個のトレンドをま... 続きを読む

【ただいま流行中】2015年積極的に取り入れたいデザイントレンド12個まとめ - Photoshop VIP

2015/02/03 470 users Photoshop Vip 流行中 エントリー 許可 中心

海外デザインブログOnextraPixelで公開された「Current Web Design Trends That Have The Strength to Survive Through 2015」を、許可をもらい日本語抄訳しています。 海外デザインブログOnextraPixelで、現在すでに流行しているデザイントレンドを中心に、2015年特に注目しておきたいポイントをまとめたエントリー「Cu... 続きを読む

マテリアル・デザインから学ぶ４つの重要ポイント + 参考UIデザイン、無料素材まとめ - Photoshop VIP

2014/12/19 227 users VIP マテリアル・デザイン 重要ポイント Google 許可

海外デザインブログDesignModoで公開された「Lessons Learned From Analyzing Material Design Components」の著者 Paula Borowskaより許可をもらい日本語抄訳しています。Thank you so much as always! Googleのデザインガイドライン「マテリアル・デザイン（英:Material Design）」に目... 続きを読む

デザインの基本原則から学ぶ！押さえておきたい「視覚的階層」のポイント6個まとめ - Photoshop VIP

2014/11/20 152 users 階層 Photoshop Vip ゴール 基本原則 目標

海外デザインブログDesignModoで公開された「Communicating a Message Through Visual Hierarchy」の著者 Paula Borowskaより許可をもらい日本語抄訳しています。 どんなデザインにおいてもメッセージをうまく伝えることが目標、ゴールとなります。視覚的階層（英: Visual Hierarchy）は、情報やデザイン要素をまとめることができ、... 続きを読む