最近のロゴデザインに使われている、すごいデザインテクニックのまとめ -2023 Logo Trends Report

2023/06/22 272 users すごいデザインテクニック ロゴデザイン タイポグラフィ 要素

デザインの引き出しを増やすためには、トレンドを押さえておくことは大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2023 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元... 続きを読む

2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ

2022/06/30 285 users ロゴ トレンド ロゴデザイン まとめ タイポグラフィ

2022年のロゴデザインのトレンドはワードマークとタイポグラフィがより重要な役割を果たしています。特にジェンダーや環境配慮などはどのジャンルのデザインでも積極的に取り入れられています。 デザインの引き出しを増やすには、注目されているトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、... 続きを読む

UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ | コリス

2019/10/31 803 users コリス Visu 均整 錯覚 違和感

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visu... 続きを読む

2019年最新版！最近見かけるロゴのデザインに使われているトレンドのまとめ -2019 Logo Trends | コリス

2019/06/06 305 users 引き出し 要素 ロゴデザイン カラー コリス

デザインの引き出しを増やすためにも、トレンドを押さえておくことは大切です。 タイポグラフィ、カラー、形など、デザインの基本となる要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2019 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記... 続きを読む

2018年最新！Webデザインの学習におすすめの書籍24選 | Web Design Trends

2018/08/21 68 users Web Design Trends 学習 webデザイン

Webデザインの学習を行う上でおすすめの書籍を下記のテーマ別にまとめました。 デザイン基礎知識 Webデザインの基本 HTML/CSS/JavaScript CSSテクニック デザインテクニック デザ... 続きを読む

これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ | コリス

2018/03/06 740 users ユーザーインターフェイス コリス レイアウト ライセンス 印象

Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを... 続きを読む

デザインは奥が深い！目の錯覚を効果的に使ったUI、ロゴ、イラスト、文字組みのデザインテクニック | コリス

2017/10/19 497 users 長方形 正方形 シャドウ ボーダー コリス

文字をぴったり揃えたのにしっくりこない、正方形なのに長方形に見えてしまう、シャドウを与えていないのにぼんやりとシャドウが見える、ボーダーを加えただけなのに塗りも変わったように見える、そんな経験はありませんか？ WebサイトのUI、アイコン、ロゴ、イラストなどでデザインしている時に誰しも経験したことがあると思います。これらの原因は目の錯覚によるもので、その仕組みを理解することで困惑されることなく、効... 続きを読む

ココに注目！最近のロゴデザインに使われている、すごいデザインテクニックのまとめ -2017 Logo Trends | コリス

2017/06/08 76 users コリス タイポグラフィ Logo Trends 質感 原則

ロゴのデザインには、タイポグラフィ、線、形、色、質感、バランス、リズム、配置など、デザインの基本となる要素や原則が詰まっています。最近のトレンドが効果的に取り入れられたロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2017 Logo Trends 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 トレンドの流れを見... 続きを読む

これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ | コリス

2017/03/07 612 users コリス ライセン 矩形 アイコン テクニック

オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセン... 続きを読む

ウェブ制作で差がつく！コピペ可能なHTML/CSSスニペット50個まとめ 2016年10月度 - PhotoshopVIP

2016/10/21 129 users Ｒｕｎ ホバーエフェクト PhotoshopVIP 一味 工夫

ウェブ制作で差がつくテクニックを コピー&ペーストで利用できる HTML/CSS スニペット をまとめてご紹介します。最新のデザインテクニックを駆使したレイアウトやスライダー、ボタンエフェクト、ホバーエフェクトなど ユーザーがたのしむことができる 工夫のつまった作品が数多く公開されています。これらのスニペットを利用することで、他とは一味違うユニークなウェブサイトを制作してみてみましょう。 「Run... 続きを読む

配色やレイアウトの参考にしたい、無料UIコンポーネントとWebレイアウトまとめ - PhotoshopVIP

2015/10/02 91 users 配色 PSDファイル レイアウト デザイナー UIデザイン

幅広いウェブデザイン制作に活用したい、最新トレンドやデザインテクニックを盛り込んだ、Photoshop無料UIコンポーネント素材をまとめています。 世界中のデザイナーが作成したPSDファイルは、どれもきちんと整理されており、ダウンロード後すぐに利用することができます。また後半では、実際にUIデザインを利用したウェブサイト制作の参考にしたい、Webページレイアウト用PSDファイルも一緒にまとめていま... 続きを読む

Webページのレイアウトに役立つ20のデザインテクニック | コリス

2015/09/29 388 users コリス レイアウト value 階層 フォーカス

ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。 レイアウトにビジュアルの興味を加え、デザインを生き生きとさせるコントラストの使い方を紹介します。 色の値(value)とはカラーの明るさや暗さをあらわす用語で、ピュアブラックとピュアホワ... 続きを読む

【まとめ】飲食系Webサイトにみるデザインテクニック | Fashionsnap.com

2015/09/11 83 users Fashionsnap.com まとめ

こんにちは、デザイナーのまきこです。 9月に入って、なんだかすっかり秋めいてきましたね。わたしの夏はどこにいってしまったのでしょうか......。 と、憂いてばかりはいられません。秋といえば、食欲の秋！ ということで、今回は、食欲の秋にぴったりのおいしそうなデザインのサイトを、おいしそうに見せるテクニック別にご紹介します！ 写真でダイナミックに見せる 素材や料理をしっかり見せたいときや、写真のクオ... 続きを読む

これはすごい！フォトショップの使い方を学ぶチュートリアル30個まとめ 2015年8月度 - PhotoshopVIP

2015/09/02 112 users PhotoshopVIP Photoshop ひと 応用 進化

デザイナーだけでなく、フォトショップを扱うすべてのひとが覚えおくと便利な、最新デザインテクニック、使い方をまとめています。 進化を続けるPhotoshopのデザインテクニックは、時間を見つけながらスキルを磨くことで、よりクリエイティブな表現を可能にしてくれます。今回は、最近公開されたばかりで、応用の効くテクニックを中心にあつめています。 詳細は以下から。 これはすごい！フォトショップの使い方を学ぶ... 続きを読む

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

2015/07/17 57 users Shape PhotoshopVIP 既成概念 図形 日本語抄

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

デザインのこつが分かる！確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips | コリス

2015/07/12 703 users タイポグラフィ コリス コツ エフェクト スキルアップ

グラフィック、タイポグラフィ、カラー、エフェクト、要素の構造、配置など、デザインのスキルアップに役立つ50のデザインテクニックを紹介します。 50 Tips to Make You a Better Designer 下...記事の続きを読む 続きを読む

Illustratorをマスターする！すごいチュートリアル、使い方まとめ 2015年7月度 - PhotoshopVIP

2015/07/09 523 users PhotoshopVIP Illustrator ワーフ

不定期となりますが、これからのデザイン制作に活用したいIllustratorの作り方、チュートリアルをまとめています。今回は２ヶ月ぶりとなる、2015年７月度まとめです。 ブレンドツールやワープ、ペンツール、グラデーションメッシュなど基本的で、分かりやすい機能をうまく駆使することができる、有益なデザインテクニックを中心に、新作チュートリアルをまとめています。これを機会に、Illustratorのデ... 続きを読む

デザインは基本が大切！ひとつ一つをしっかり見直しておきたい20のデザインテクニック | コリス

2015/06/15 628 users コリス カーニング エフェクト デザイン フォント

文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間の... 続きを読む

Illustratorの最新テクを学ぶ！すごいデザインチュートリアル26個まとめ 2015年3月度 - Photoshop VIP

2015/03/23 78 users Illustrator グラデーションメッシュ 最新テク

Illustratorの基本的な使い方から、本格的なデザインまで学ぶことができる最新チュートリアルを、不定期でまとめてご紹介しています。今回は、2015年3月度まとめとなります。 一度作成、保存しておけばいつでも使えるブラシパターンや、質感をアップするグラデーションメッシュの使い方など覚えておきたいデザインテクニックが紹介されており、今後のデザインプロジェクトをより充実させるチュートリアルが揃って... 続きを読む

背景のデザインに迷った時に！これから使ってみたい背景素材のまとめ | コリス

2015/02/13 359 users グラデーション ロゴ アイデア満載 パターン コピー

落ち着いたデザインにもあうシックなグラデーション、繊細な幾何学柄を使ったパターン、コピーやロゴを鮮やかに見せる背景など、アイデア満載ときめくようなデザインテクニックを使って作成されたものから定番ものまで、無料の背景素材を...記事の続きを読む 続きを読む

Photoshopの最近の気になるデザインテクニックを身につけるチュートリアルのまとめ -2015年1月 | コリス

2015/01/28 122 users 幾何学 テクスチャ 粒子 コリス gif

背景に使う大きな写真画像に重ねたテキストをくっきり見せる5つのテクニック、気持ちよくアニメーションするGIFの作り方、幾何学や粒子の使い方、テクスチャやブラシでかっこよく仕上げるなど、最近の気になるデザインのテクニックを...記事の続きを読む 続きを読む

クライアントにむちゃブリされても期待以上のデザインをあげるノウハウが満載 -クライアントの難題に応えるデザインテクニック | コリス

2014/09/16 144 users ボケ ヒント コリス 難題 背景

この画像（ピントが甘い）を使ってかっこよく仕上げてほしい、スマホで撮った1枚しかない、、、はまだ平気。画像の素材がないんです、、、そんなクライアントからの要望にも期待以上のデザインで応えるノウハウが満載のオススメ本を紹介します。 スマホの画像でもきりっとした画像に仕上げたり、ぼけをうまく利用したり、それを元にイラストにしたり、商品を際立たせる背景の効果的な作り方など、Webデザインの現場で必要とさ... 続きを読む

すごいぞPhotoshop！参考にしたいチュートリアル、作り方まとめ 2014年5月度PhotoshopVIP |

2014/05/30 133 users Photoshop チュートリアル エントリー 参考 作り方

毎月Photoshopの新しい使い方やデザインテクニックを活用した作り方、チュートリアルをまとめています。今回は2014年5月版まとめです。 海外デザインブログInstantShiftで、参考にしたいPhotoshopのチュートリアル、作り方をまとめたエントリー「80+ New Photoshop Tutorials from Different Categories」が公開されていたので、今回は... 続きを読む

無料ダウンロードできる、ポリゴンスタイルのテクスチャ素材30個まとめPhotoshopVIP |

2014/05/29 88 users ポリゴンスタイル DOWNLOAD エントリー 背景 無料

サイズの異なる三角形を組み合わせてできるデザイン、ポリゴンスタイル（英: Geometric Polygon）。最近よく見かける、デザインテクニックのひとつです。Webサイトやグラフィックデザインの背景として使い勝手もよく、素敵に仕上げてくれます。 海外デザインブログTutorial Loungeで、ポリゴンスタイルで表現された無料テクスチャ素材30個をまとめたエントリー「30 Download ... 続きを読む

素人でもブログをちょっとだけオシャレにできるデザインテクニック

2014/04/28 180 users 素人 見栄え ブログ WordPress たくさん

ブログをおしゃれに見せるデザインテクニックをご紹介。今回はシンプルな素材を使った背景画像の設定とさりげないグラデーションのかけ方を解説します。読みやすいブログにするために取り入れてみましょう。あちこちのブログを見てまわると、おしゃれなデザインのブログがたくさんありますよね。 WordPressでも無料ブログでも、綺麗にデザインされているテーマを使えば誰でも簡単に見栄えをよくできます。でもそれだと、... 続きを読む