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

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

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

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

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

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

最近のロゴデザインに使われている、すごいデザインテクニックのまとめ -2021年ロゴデザインのトレンド | コリス

2021/06/01 22 users コリス タイポグラフィ 引き出し ロゴ トレンド

デザインの引き出しを増やすには、人気があるトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、形など、デザインの基本となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 ロゴのデザインって、見ているだけでも楽しくなりますよね。 2021 ... 続きを読む

プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.4 | コリス

2021/05/11 7 users UX Micro-Tips コリス スマホアプリ 各ポ 一貫性

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第4弾は、UIに一貫性・統一感を持たせるためのデザインテクニックです。 UI & UX Micro-Tips: Volume Four. by Marc Andrew 下記は各ポ... 続きを読む

情報をデザインするこつがよく分かる！デザインの手順がこんなにも詳しく解説された本は初めて -伝わる[図・グラフ・表]のデザインテクニック | コリス

2020/08/21 14 users 図形 プレゼン コリス 配置 数字

プレゼンや企画書で、図・グラフ・表のデザインに悩んだことはありませんか？ データや数字、文章などを並べるだけでは、分かりやすく伝えることはできません。 情報をどのようにデザインすれば、意図した通りに伝わるか。文字の大きさや色や配置、図形の組み合わせ方、適切な情報量など、ビジュアルコミュニケーション... 続きを読む

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

2020/06/02 19 users タイポグラフィ コリス 引き出し ライセンス ロゴ

トレンドを押さえておくことは、デザインの引き出しを増やすために役立ちます。 最近のロゴのデザインに使用されているタイポグラフィ、カラー、形など、トレンド、デザインテクニックを紹介します。 2020 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得... 続きを読む

UIのデザインは奥が深い！アイコンデザイン 7つの原則 | コリス

2020/02/20 19 users アイコン スマホアプリ UI全体 下記 Webサイト

Webサイトでもスマホアプリでも、アイコンのデザインは非常に重要です。優れたアイコンをデザインするために必要な7つの原則を紹介します。 アイコンだけでなく、UI全体のデザインにも通じるプロのデザインテクニックが詳しく解説されています。 7 Principles of Icon Design by Helena Zhang 下記は各ポイントを意訳し... 続きを読む

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

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

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

Photoshopを極める！真似したくなる最新チュートリアル、つくり方63個まとめ - PhotoshopVIP

2019/08/23 46 users フォトショップ PhotoshopVIP チュートリアル

この記事では、プロ顔負けのデザインテクニックを学ぶフォトショップの最新チュートリアルをまとめてご紹介しています。 前回よりおよそ3ヶ月振りとなる今回のまとめは、さまざまな新テクニックが登場しています。チュートリアルを順番どおり進めていくことで、より実践的にツールや機能の使い方を学ぶことができ、他と... 続きを読む

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

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

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

同じ素材なのに、完成したデザインがこんなに違う！デザインテクニックやプレゼン方法を学べるデザインの良書 -デザインのネタ帳 | コリス

2019/04/23 27 users コリス 本書 良書 コンペ形式 正解

デザインの正解は一つではありません。同じデザインの素材、そしてテキストを使用しても、アピールポイントやアピール方法の違いによってデザインの仕上がりは変わります。 1つのテーマに対して4つのデザインをコンペ形式にして、それぞれのデザインテクニックやプレゼン方法を学べるデザインの良書を紹介します。 本書... 続きを読む

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... 続きを読む

愛され♡「メリハリ」ウェブデザインを作る！注目を集めたいときのデザインテクニック |　バニデザノート

2015/10/30 39 users ウェブデザイン ウェブデザイナー バニデザノート メリハリ

デザインの本質とはちょっと違うのですが、ウェブデザイナーに必要な技術のひとつ、広告などに使う「目立つ・理解されやすいウェブデザイン」の手法をまとめてみました。 メリハリをつけて、目に留めてもらえるようなデザインを目指しましょう！ （すみません、タイトルふざけました、中身はいつもどおりマジメです。） ウェブサイトは、横幅1200px〜（メイン記事サイズ940px 〜 980px）、で作るので、かなり... 続きを読む

配色やレイアウトの参考にしたい、無料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のデ... 続きを読む