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スタイリングの小技テクニックを、サンプルデモと一緒にご紹介します。 「これってどうやってスタイリングするの？」そんな 頭を抱えそうな問題点を... 続きを読む

プロデザイナーの仕事から学ぶ、フォントを極める10個の基本テクニック - PhotoshopVIP

2015/12/01 72 users PhotoshopVIP タイポグラフィー フォント 仕事

海外デザインブログCanva Design School Blogで公開された「10 Ways to Improve Typography in Your Design」より許可をもらい、日本語抄訳しています。 タイポグラフィーは、パソコンからフォントを選択したり、文字サイズを指定するだけの作業ではありません。 アートとのつながりも強く、もともと植字や文字組みなどの活版技術を意味しており、何世紀も... 続きを読む

グリッドって万能！デザインがグンと良くなる15の理由まとめ - PhotoshopVIP

2015/11/09 99 users グリッド Grid 万能 格子状 グラフィックデザイナー

海外デザインブログCanva Design School Blogで公開された「15 Reasons Why A Grid Based Approach Will Improve Your Designs」より許可をもらい、日本語抄訳しています。 グラフィックデザイナーの基礎テクニックのひとつとして、格子状または方眼状のグリッド（英: Grid）は重要なデザインツールと言えます。 ではなぜデザイン... 続きを読む

【商用可】海外人気デザイナーが選ぶ！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種類をまとめています。フォント選びに迷っている... 続きを読む

光と影を使った、デザイナーが実践したい10個の有効デザインテクニックまとめ - PhotoshopVIP

2015/09/29 86 users 物体 PhotoshopVIP 太陽 許可 部屋

海外デザインブログCanva Design School Blogで公開された「Designing with Light and Shadow: 10 Highly Effective Tips You Should Try [With Case Studies]」より許可をもらい、日本語抄訳しています。 窓から太陽の光が差し込み、部屋の中にある物体に光が当たることで、色が変わり、影を落としたよう... 続きを読む

カーニングのプロ技を学ぶ！文字組みに必要な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... 続きを読む

デザインやクリエイティブを語る、見ておきたいTEDトーク50個まとめ - PhotoshopVIP

2015/08/07 75 users ウェブデザイン PhotoshopVIP TEDトーク 発想

海外デザインブログCanva Design School Blogで公開された「50 Must See TED Talks About Creativity and Design」より許可をもらい、日本語抄訳しています。 デザインのアイデアや、クリエイティブな発想が欲しいとき、TEDトークはあなたの好奇心をかきたててくれる、一見の価値があるプレゼンテーションが揃っています。 最新のウェブデザインの... 続きを読む

これだけは知っておきたい、色の基本原則まとめました。 - 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）は、ややこしい単語かもしれませんが、文字テキストのバランスを整える、「タイポグラフィー」においては重要なわりに、手軽に導入する... 続きを読む

図形を使った、シンプルでクリエイティブな５つのデザインテクニック - PhotoshopVIP

2015/07/17 57 users Shape PhotoshopVIP 既成概念 図形 ツール

海外デザインブログCanva Design School Blogで公開された「5 Way to Use Shapes Creatively in Your Design」より許可をもらい、日本語抄訳しています。 図形（英: Shape）はツールの中でも、多方面に使うことができる万能ツールのひとつです。既成概念にとらわれない、クリエイティブな考え方で、デザインの中に図形を取り入れてみましょう。 コ... 続きを読む

フォトショップの「アートボード」機能を使った、4つの時短テクニックまとめ - PhotoshopVIP

2015/07/06 54 users Photoshop スク 著者 PhotoshopVIP 許可

海外デザインブログDesignmodoで公開された「4 Tips for Prototyping with Adobe Photoshop Artboards」の著者より許可をもらい、まとめて日本語抄訳しています。 数週間前にAdobe社がPhotoshopでの「アートボード」機能を追加したことで、著者自身を含め、デザインコミュニティーで大きな話題となっています。 アートボード機能の重要性は、スク... 続きを読む

トップデザイナーが教える、フォントの超実践デザインテクニック10個まとめ - PhotoshopVIP

2015/06/23 68 users 著者 美しいフォント 組み合わせ PhotoshopVIP

海外デザインブログCanva Design School Blogで公開された「Typography Tips and Tricks: Part One」と「Typography Tips and Tricks: Part Two」の著者より許可をもらい、まとめて日本語抄訳しています。 美しいフォントの組み合わせを実践的に学びませんか。２種類の異なるフォントを使って、よりメッセージ性の高いデザイン... 続きを読む

文字テキストとイメージ写真の上手な組み合わせ！５つのシンプルな方法まとめ - PhotoshopVIP

2015/06/19 90 users 組み合わせ href 文字テキスト 構図 イメージ写真

海外デザインブログCanva Design School Blogで公開された「How to Marry Text and Images – Canva Design School” href=”」の著者より許可をもらい、日本語抄訳しています。 文字テキストとイメージ写真を組み合わせる、効果的な5つのテクニックを利用することで、見た目の構図を美しく、そして読みやすくすることができます。ちょっとした... 続きを読む

配色に困ったら試したい！デザインにグッと効く、素敵カラーパレット4選 - PhotoshopVIP

2015/06/10 96 users PhotoshopVIP カラーホイール 配色 要点 デザイン

海外デザインブログCanva Design School Blogで公開された「4 Clever Color Combinations」の著者より許可をもらい、要点をまとめて日本語抄訳しています。 目立つデザインを作成するインスピレーションをお探しですか。色を効果的に利用することで、美しさを表現でき、印象に残るデザインを完成させることができます。 カラーホイールを使った配色コンビネーションのおかげ... 続きを読む

コピー＆ペーストで使える！実践的な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個のトレンドをま... 続きを読む