関東地方でも桜が開花し、ついに4月(新年度)がスタート。新たなメンバーが加わり、心機一転、業務に取り組もうと気持ちを新たにしている方もいらっしゃるのではないでしょうか。

さて今回は、昨年度、Webマーケティング総合メディア「ferret」で公開された記事のうち、特にデザイン関連記事の中から人気の高かったコンテンツTOP30をご紹介します。

知っておかないとまずい最新トレンドや重要キーワード、デザイナーの作業を効率よくしてくれる便利なサービス、スキルアップに役立つ記事……など、どの記事もデザイナーなら見逃せない内容となっています。

デザイナーの方はもちろんですが、Webディレクターやマーケティング職の方にもオススメの記事ばかりです。ぜひ、見逃したものがないかチェックしてみてください。
  

直近1年間に公開!人気の高かったデザイン関連記事TOP30

1. あなたはいくつ知っていますか?2016年に最も話題になったWebデザイントレンド17選

あなたはいくつ知っていますか?2016年に最も話題になったWebデザイントレンド17選
https://ferret-plus.com/5644

目まぐるしく変化するWebデザイン業界では、 毎年新たなデザイントレンドが登場します。2016年もマイクロインタラクション、ロングスクロール、チャットボットをはじめ、重要キーワードがいくつも登場しています。この記事を見れば1年分のデザイントレンドがチェックできますので、今年に備えて知らないものがないか確認しておきましょう。
  

2. 【2016年版】コレを見なければ年は越せない!Webデザイナー必見の重要トピックス7選

【2016年版】コレを見なければ年は越せない!Webデザイナー必見の重要トピックス7選
https://ferret-plus.com/5603

デザイントレンドに加え、新しい技術・手法もいち早く押さえておきたいものです。こちらの記事ではWebデザイナー必見の重要トピック全7つを、わかりやすく解説しています。
  

3. デザイナー必見!デザインが学べるスライドシェア20選

デザイナー必見!デザインが学べるスライドシェア20選
https://ferret-plus.com/2784

勉強会、セミナーなどで使われた資料を多数閲覧することができるスライドシェアから、デザインが学べる資料をピックアップした記事です。シンプルにまとまった資料を見ることで、忙しいデザイナーの方でも空き時間に新しい技術、知識を獲得することができます。
  

4. Webデザイナー必見!作業を格段に効率化してくれるChrome拡張機能15選

Webデザイナー必見!作業を格段に効率化してくれるChrome拡張機能15選
https://ferret-plus.com/4134

Google Chromeの拡張機能を知っていながらも、わざわざ調べて取り入れていないという方も多いのではないでしょうか。しかし、Google Chromeの拡張機能には作業効率を格段にアップしてくれるものもありますので、 積極的に活用したいものです。この記事にはWebデザイナー向けの拡張機能が15個まとまっています。今よりも効率よく作業するために、ぜひ記事をご覧いただき活用してみてください。
  

5. UI/UXが優れている!2016年オススメのWebサイト・アプリ9選

UI/UXが優れている!2016年オススメのWebサイト・アプリ9選
https://ferret-plus.com/5373

インターフェースのデザインが良い、素晴らしいユーザー体験ができると話題になったホームページアプリをピックアップした記事です。優れたUI/UXの参考事例として一度目をとおしてみてはいかがでしょうか。
  

6. 【ブックマーク必須】デザインに関するギャラリーサイトのジャンル別45まとめ

【ブックマーク必須】デザインに関するギャラリーサイトのジャンル別45まとめ
https://ferret-plus.com/4049

新しいアイデアを考えたい時に重宝するギャラリーサイトが45個もまとまっている記事です。とにかく数が多く、しかもジャンル別にまとまっていますので、記事ごとブックマークしておくと便利です。
  

7. スマホサイトのデザインの参考にしよう!デザインをまとめたサービス11選

スマホサイトのデザインの参考にしよう!デザインをまとめたサービス11選
https://ferret-plus.com/3226

スマートフォンが急速に普及しモバイルファーストが叫ばれる今、 ホームページのデザインもスマートフォン最適化に力を入れたいところです。この記事ではスマートフォンサイト制作に参考になるギャラリーサイトをまとめています。新しくスマートフォンサイトを制作する方、今後リニューアルする形は参考にしてみてください。
  

8. 今さら聞けない!UI/UXを確実に学ぶオススメの良スライド10選

今さら聞けない!UI/UXを確実に学ぶオススメの良スライド10選
https://ferret-plus.com/5167

近年スマートフォン、タブレットが普及しデバイスが変化したことでUI/UXが注目を集めています。そんなUI/UXについて、基本から実践レベルまで学べるスライドをまとめた記事です。UI/UXについてしっかりと学びたいという方は目をとおしてみてください。
  

9. 最新のデザイントレンドがココに!Webデザイナーなら押さえたい情報サイト20選

最新のデザイントレンドがココに!Webデザイナーなら押さえたい情報サイト20選
https://ferret-plus.com/5161

Web デザイナーが必ず押さえておくべき情報サイト20個をまとめている記事です。ハウツー系から最新ニュース、トレンドを知れる情報サイトまで揃っていますので、 気になるものはブックマークしておき日々チェックしておきましょう。
  

10. デザインやレイアウトで取り入れたい心理効果13選

デザインやレイアウトで取り入れたい心理効果13選
https://ferret-plus.com/3254

デザインは見た目の良さももちろん大事ですが、 ユーザーに行動をしてもらうための工夫が重要です。そこでデザイン、レイアウトに心理効果を取り入れてはいかがでしょうか。この記事では具体的な参考画像をもとに、デザインに使える心理効果を紹介しています。
  

11. ユーザーをうまく誘導しよう!Webデザインで意識したい視線の動き方3パターン

ユーザーをうまく誘導しよう!Webデザインで意識したい視線の動き方3パターン
https://ferret-plus.com/4198

Webデザインで押さえておくべき、視線の動き方のパターンを紹介した記事です。特にユーザーに伝えたい情報を見てもらうためにも、視線の動きを知り正しい配置を行いましょう。
  

12. ファーストビューで惹き込まれる!ポスターみたいな大胆なタイポグラフィを使ったWebサイト21選

ファーストビューで惹き込まれる!ポスターみたいな大胆なタイポグラフィを使ったWebサイト21選
https://ferret-plus.com/5705

ファーストビューに、大胆にタイポグラフィを配置したホームページをまとめた記事です。最近Webデザインにタイポグラフィを取り入れたものが急増し、注目を集めていることもあって、ぜひ自社でも取り入れたいと考えている方もいるのではないでしょうか。海外だけではなく、国内のものも含めデザイン性の高いものが揃っていますので、一度目をとおしてみてください。
  

13. 今さら聞けない!Webデザインの定番とも呼べるレイアウト方法「グリッドレイアウト」の基本

今さら聞けない!Webデザインの定番とも呼べるレイアウト方法「グリッドレイアウト」の基本
https://ferret-plus.com/5540

Webデザインの定番である「グリッドレイアウト」についてわかりやすく解説している記事です。グリッドレイアウトとはどういうものかから始まり、具体的な事例 、メリットデメリット、フレームワークまでを紹介しています。
  

14. 人もデザインも第一印象が大事!想像力を湧き立てるオーバーレイ手法を上手に活用したホームページ21選

人もデザインも第一印象が大事!想像力を湧き立てるオーバーレイ手法を上手に活用したホームページ21選
https://ferret-plus.com/5645

近年多くのホームページデザインで見かける「オーバーレイ」をテーマにした記事です。人気の高いオーバーレイ、グラデーションを上手く活用したデザイン事例を一気に見ることができます。これからデザインに取り入れようと考えている方は、一度事例を参考にしてみてはいかがでしょうか。
  

15. 【2016年版】これだけ読めば大丈夫!デザインの基礎が学べる厳選15記事

【2016年版】これだけ読めば大丈夫!デザインの基礎が学べる厳選15記事
https://ferret-plus.com/5624

デザイナーが本業ではない方でも、簡単なものは行っていたり、自社でデザインしている企業も多いのではないでしょうか。そんなデザイン初心者の方はもちろん、改めてデザインを学びたいというデザイナーの方にオススメの記事です。ピックアップしている記事を読むだけで、デザインの基礎をしっかりと学ぶことができます。
  

16. AppleやGoogleも採用!今話題の「デザイン思考」をわかりやすく解説

AppleやGoogleも採用!今話題の「デザイン思考」をわかりやすく解説
https://ferret-plus.com/5532

デザインの問題解決方法として知られている「デザイン思考」についての記事です。デザインだけではなく、様々な仕事ビジネスに活用することができます。最近よく耳にするデザイン思考について詳しく知りたい方はチェックしてみてください。
  

17. ネットショップのデザインで意識するべき10個のポイント

ネットショップのデザインで意識するべき10個のポイント
https://ferret-plus.com/2469

ネットショップのデザインは見た目だけではなく、お客様が迷わず買い物ができるよう作ることが重要です。この記事は、ネットショップのデザインで意識すべきポイント10個をまとめています。ネットショップ制作時のデザイン力アップに役立ててみてください。
  

18. ランディングページ(LP)構成のノウハウが詰まったエントリー10選

ランディングページ(LP)構成のノウハウが詰まったエントリー10選
https://ferret-plus.com/3464

ランディングページの制作がなかなか上手くいかない、という方にオススメしたい記事です。ランディングページ構成のノウハウが詰まった良記事をまとめて紹介しています。
  

19. デザインの概念が学べるTED動画8選

デザインの概念が学べるTED動画8選
https://ferret-plus.com/5349

世界中の優れた人々たちのプレゼン「TEDトーク」の中から、デザインの概念が学べるもの8つを紹介している記事です。デザイン力を高めたい方はもちろん、これからデザインの学習をするという方にもオススメの動画が集まっています。
  

20. 親しみやすさのあるデザインに取り入れたい手書き風フォント38選

親しみやすさのあるデザインに取り入れたい手書き風フォント38選
https://ferret-plus.com/4048

デザイナーであればたくさん持っておきたいのがフォントではないでしょうか。この記事では、手書き風の表現ができるフリーフォント38個を紹介しています。親しみやすいデザインにしたい時のフォント探しに、ぜひお役立てください。
  

21. アプリ開発で驚くほど簡単にモックアップが作成できるツール11選

アプリ開発で驚くほど簡単にモックアップが作成できるツール11選
https://ferret-plus.com/4476

モバイル向けサービスのデザインでは特に、画面遷移まできっちりと考えて設計する必要があります。そこでモックアップ作りの段階から、しっかりと作り込みを行いましょう。この記事では、モバイル向けのものを中心に、便利なモックアップ作成ツールを紹介しています。
  

22. 今年こそは!Adobe関連ソフトのチュートリアルが充実しているブログ・サイト29選

今年こそは!Adobe関連ソフトのチュートリアルが充実しているブログ・サイト29選
https://ferret-plus.com/2923

Adobe関連ソフトのチュートリアルサイトを紹介した記事です。デザイナーの方もそうでない方も、今年はチュートリアルサイトを参考に、デザイン力UPを目指してみてはいかがでしょうか。
  

23. 【保存必須】見とれてしまうほど高画質!デザイナー必見のフリー画像素材サイト10選

【保存必須】見とれてしまうほど高画質!デザイナー必見のフリー画像素材サイト10選
https://ferret-plus.com/5254

デザイナーがたくさん知っておきたい、フリーの画像配布サービスを紹介している記事です。無料ながら画像数も多く、しかも高画質なものが多く揃っていますので、気になるサービスがあれば目をとおし、画像をストックしておきましょう。
  

24. 情報量過多でも問題なし!スクロールエフェクト効果を上手に活用したサイト13選

情報量過多でも問題なし!スクロールエフェクト効果を上手に活用したサイト13選
https://ferret-plus.com/5389

近年普及している縦長のスクロールサイトでは、 ユーザーに自然にスクロールしてもらえる工夫が必要です。この記事では、そんな縦長のスクロールサイトで活用したい、 スクロールエフェクト(スクロール効果)を上手く取り入れたホームページを紹介しています。
  

25. デザインスキルはバナーデザインで磨くべし!バナーに特化したギャラリーサイト13選

デザインスキルはバナーデザインで磨くべし!バナーに特化したギャラリーサイト13選
https://ferret-plus.com/3463

デザイン業務でよく依頼があるのがバナーデザインですが、小さいわりに時間がかかったり、毎回似たようなデザインになってはいないでしょうか。この記事では、そんなバナーデザインの制作ヒントが得られるギャラリーサイトを紹介しています。バナーデザインのバリエーションを増やしたい方、コツを掴みたい方は参考にしてみてください。
  

26. フラットデザインに最適な日本語のフリーフォント厳選3選

フラットデザインに最適な日本語のフリーフォント厳選3選
https://ferret-plus.com/4061

フラットデザインにぴったりの、日本語フリーフォントを3つ紹介している記事です。フラットデザインを採用する際のフォント選びにお役立てください。
  

27. 【デザイナー必見】デフォルトにはない!オシャレな英語フリーフォント80選

【デザイナー必見】デフォルトにはない!オシャレな英語フリーフォント80選
https://ferret-plus.com/5236

デザイン業務で頻繁に使う英字のフリーフォントを80個もまとめた記事です。たくさんのオシャレな英字フォントを紹介していますので、気になるものはコレクションに追加してはいかがでしょうか。
  

28. 【保存版】日本のレトロな雰囲気を醸し出す和のデザイン!オススメ15選

【保存版】日本のレトロな雰囲気を醸し出す和のデザイン!オススメ15選
https://ferret-plus.com/5385

ホームページのデザインをまとめた記事、ギャラリーサイトは数多くありますが、日本風のものだけを取り扱っているものは少ないのではないでしょうか。この記事を見れば、様々な日本の和スタイルを一度に見ることができます。
  

29. Photoshopを使って立体感のある文字加工を完全マスターするチュートリアル40まとめ

Photoshopを使って立体感のある文字加工を完全マスターするチュートリアル40まとめ
https://ferret-plus.com/4710

Photoshopで立体的な文字を作るチュートリアルを40個紹介している記事です。チュートリアルを見ながら作業をしてみることで、Photoshopの新たな使い方・活用方法を学ぶことができます。Photoshopの学習に役立ててみてください。
  

30. 国内でも注目されつつあるデザインツール「Sketch3」がよく分かる良記事16選

国内でも注目されつつあるデザインツール「Sketch3」がよく分かる良記事16選
https://ferret-plus.com/2986

最近デザイナーの間で注目されているツールといえば「Sketch3」です。気になっている方、これから切り替えようと考えている方も多いのではないでしょうか。
この記事ではSketch3について、よくわかる記事を紹介しています。これからSketch3を使ってみたいと考えている方は、ぜひ参考にしてみてください。
  

まとめ

以上です。皆様にとって役に立つ情報は見つかりましたでしょうか。
近年のスマホ普及、モバイル重視の流れで、インターネットの環境やデザイントレンドは大きく変化をしています。これまでにない新しいトレンド、技術も多数登場していますので、まだ押さえていない方はチェックしておきましょう。

また、今回はブックマークしておくと便利な記事もたくさんピックアップしました。デザイナーが保存しておくと役立つ記事ばかりですので、ぜひご覧ください。