【人気記事ランキング】昨年1年間に公開されたデザイン関連の人気記事TOP29をご紹介！
関東地方でも桜が開花し、ついに4月（新年度）がスタート。新たなメンバーが加わり、心機一転、業務に取り組もうと気持ちを新たにしている方もいらっしゃるのではないでしょうか。
さて今回は、昨年度、Webマーケティング総合メディア「ferret」で公開された記事のうち、特にデザイン関連記事の中から人気の高かったコンテンツTOP29をご紹介します。
知っておかないとまずい最新トレンドや重要キーワード、デザイナーの作業を効率よくしてくれる便利なサービス、スキルアップに役立つ記事……など、どの記事もデザイナーなら見逃せない内容となっています。
デザイナーの方はもちろんですが、Webディレクターやマーケティング職の方にもオススメの記事ばかりです。ぜひ、見逃したものがないかチェックしてみてください。
直近1年間に公開！人気の高かったデザイン関連記事TOP29
1. あなたはいくつ知っていますか？2016年に最も話題になったWebデザイントレンド17選
目まぐるしく変化するWebデザイン業界では、 毎年新たなデザイントレンドが登場します。2016年もマイクロインタラクション、ロングスクロール、チャットボットをはじめ、重要キーワードがいくつも登場しています。この記事を見れば1年分のデザイントレンドがチェックできますので、今年に備えて知らないものがないか確認しておきましょう。
2. 【2016年版】コレを見なければ年は越せない！Webデザイナー必見の重要トピックス7選
デザイントレンドに加え、新しい技術・手法もいち早く押さえておきたいものです。こちらの記事ではWebデザイナー必見の重要トピック全7つを、わかりやすく解説しています。
3. デザイナー必見！デザインが学べるスライドシェア20選
勉強会、セミナーなどで使われた資料を多数閲覧することができるスライドシェアから、デザインが学べる資料をピックアップした記事です。シンプルにまとまった資料を見ることで、忙しいデザイナーの方でも空き時間に新しい技術、知識を獲得することができます。
4. Webデザイナー必見！作業を格段に効率化してくれるChrome拡張機能15選
Google Chromeの拡張機能を知っていながらも、わざわざ調べて取り入れていないという方も多いのではないでしょうか。しかし、Google Chromeの拡張機能には作業効率を格段にアップしてくれるものもありますので、 積極的に活用したいものです。この記事にはWebデザイナー向けの拡張機能が15個まとまっています。今よりも効率よく作業するために、ぜひ記事をご覧いただき活用してみてください。
5. UI/UXが優れている！2016年オススメのWebサイト・アプリ9選
インターフェースのデザインが良い、素晴らしいユーザー体験ができると話題になったホームページ、アプリをピックアップした記事です。優れたUI/UXの参考事例として一度目をとおしてみてはいかがでしょうか。
6. 【ブックマーク必須】デザインに関するギャラリーサイトのジャンル別45まとめ
新しいアイデアを考えたい時に重宝するギャラリーサイトが45個もまとまっている記事です。とにかく数が多く、しかもジャンル別にまとまっていますので、記事ごとブックマークしておくと便利です。
7. スマホサイトのデザインの参考にしよう！デザインをまとめたサービス11選
スマートフォンが急速に普及しモバイルファーストが叫ばれる今、 ホームページのデザインもスマートフォン最適化に力を入れたいところです。この記事ではスマートフォンサイト制作に参考になるギャラリーサイトをまとめています。新しくスマートフォンサイトを制作する方、今後リニューアルする形は参考にしてみてください。
8. 今さら聞けない！UI/UXを確実に学ぶオススメの良スライド10選
近年スマートフォン、タブレットが普及しデバイスが変化したことでUI/UXが注目を集めています。そんなUI/UXについて、基本から実践レベルまで学べるスライドをまとめた記事です。UI/UXについてしっかりと学びたいという方は目をとおしてみてください。
9. 最新のデザイントレンドがココに！Webデザイナーなら押さえたい情報サイト20選
Web デザイナーが必ず押さえておくべき情報サイト20個をまとめている記事です。ハウツー系から最新ニュース、トレンドを知れる情報サイトまで揃っていますので、 気になるものはブックマークしておき日々チェックしておきましょう。
10. ユーザーをうまく誘導しよう！Webデザインで意識したい視線の動き方3パターン
Webデザインで押さえておくべき、視線の動き方のパターンを紹介した記事です。特にユーザーに伝えたい情報を見てもらうためにも、視線の動きを知り正しい配置を行いましょう。
11. ファーストビューで惹き込まれる！ポスターみたいな大胆なタイポグラフィを使ったWebサイト21選
ファーストビューに、大胆にタイポグラフィを配置したホームページをまとめた記事です。最近Webデザインにタイポグラフィを取り入れたものが急増し、注目を集めていることもあって、ぜひ自社でも取り入れたいと考えている方もいるのではないでしょうか。海外だけではなく、国内のものも含めデザイン性の高いものが揃っていますので、一度目をとおしてみてください。
12. 今さら聞けない！Webデザインの定番とも呼べるレイアウト方法「グリッドレイアウト」の基本
Webデザインの定番である「グリッドレイアウト」についてわかりやすく解説している記事です。グリッドレイアウトとはどういうものかから始まり、具体的な事例 、メリットデメリット、フレームワークまでを紹介しています。
13. 人もデザインも第一印象が大事！想像力を湧き立てるオーバーレイ手法を上手に活用したホームページ21選
近年多くのホームページデザインで見かける「オーバーレイ」をテーマにした記事です。人気の高いオーバーレイ、グラデーションを上手く活用したデザイン事例を一気に見ることができます。これからデザインに取り入れようと考えている方は、一度事例を参考にしてみてはいかがでしょうか。
14. 【2016年版】これだけ読めば大丈夫！デザインの基礎が学べる厳選15記事
デザイナーが本業ではない方でも、簡単なものは行っていたり、自社でデザインしている企業も多いのではないでしょうか。そんなデザイン初心者の方はもちろん、改めてデザインを学びたいというデザイナーの方にオススメの記事です。ピックアップしている記事を読むだけで、デザインの基礎をしっかりと学ぶことができます。
15. AppleやGoogleも採用！今話題の「デザイン思考」をわかりやすく解説
デザインの問題解決方法として知られている「デザイン思考」についての記事です。デザインだけではなく、様々な仕事ビジネスに活用することができます。最近よく耳にするデザイン思考について詳しく知りたい方はチェックしてみてください。
16. ネットショップのデザインで意識するべき10個のポイント
ネットショップのデザインは見た目だけではなく、お客様が迷わず買い物ができるよう作ることが重要です。この記事は、ネットショップのデザインで意識すべきポイント10個をまとめています。ネットショップ制作時のデザイン力アップに役立ててみてください。
17. ランディングページ（LP）構成のノウハウが詰まったエントリー10選
ランディングページの制作がなかなか上手くいかない、という方にオススメしたい記事です。ランディングページ構成のノウハウが詰まった良記事をまとめて紹介しています。
18. デザインの概念が学べるTED動画8選
世界中の優れた人々たちのプレゼン「TEDトーク」の中から、デザインの概念が学べるもの8つを紹介している記事です。デザイン力を高めたい方はもちろん、これからデザインの学習をするという方にもオススメの動画が集まっています。
19. 親しみやすさのあるデザインに取り入れたい手書き風フォント38選
デザイナーであればたくさん持っておきたいのがフォントではないでしょうか。この記事では、手書き風の表現ができるフリーフォント38個を紹介しています。親しみやすいデザインにしたい時のフォント探しに、ぜひお役立てください。
20. アプリ開発で驚くほど簡単にモックアップが作成できるツール11選
モバイル向けサービスのデザインでは特に、画面遷移まできっちりと考えて設計する必要があります。そこでモックアップ作りの段階から、しっかりと作り込みを行いましょう。この記事では、モバイル向けのものを中心に、便利なモックアップ作成ツールを紹介しています。
21. 今年こそは！Adobe関連ソフトのチュートリアルが充実しているブログ・サイト29選
Adobe関連ソフトのチュートリアルサイトを紹介した記事です。デザイナーの方もそうでない方も、今年はチュートリアルサイトを参考に、デザイン力UPを目指してみてはいかがでしょうか。
22. 【保存必須】見とれてしまうほど高画質！デザイナー必見のフリー画像素材サイト10選
デザイナーがたくさん知っておきたい、フリーの画像配布サービスを紹介している記事です。無料ながら画像数も多く、しかも高画質なものが多く揃っていますので、気になるサービスがあれば目をとおし、画像をストックしておきましょう。
23. 情報量過多でも問題なし！スクロールエフェクト効果を上手に活用したサイト13選
近年普及している縦長のスクロールサイトでは、 ユーザーに自然にスクロールしてもらえる工夫が必要です。この記事では、そんな縦長のスクロールサイトで活用したい、 スクロールエフェクト（スクロール効果）を上手く取り入れたホームページを紹介しています。
24. デザインスキルはバナーデザインで磨くべし！バナーに特化したギャラリーサイト13選
デザイン業務でよく依頼があるのがバナーデザインですが、小さいわりに時間がかかったり、毎回似たようなデザインになってはいないでしょうか。この記事では、そんなバナーデザインの制作ヒントが得られるギャラリーサイトを紹介しています。バナーデザインのバリエーションを増やしたい方、コツを掴みたい方は参考にしてみてください。
25. フラットデザインに最適な日本語のフリーフォント厳選3選
フラットデザインにぴったりの、日本語フリーフォントを3つ紹介している記事です。フラットデザインを採用する際のフォント選びにお役立てください。
26. 【デザイナー必見】デフォルトにはない！オシャレな英語フリーフォント80選
デザイン業務で頻繁に使う英字のフリーフォントを80個もまとめた記事です。たくさんのオシャレな英字フォントを紹介していますので、気になるものはコレクションに追加してはいかがでしょうか。
27. 【保存版】日本のレトロな雰囲気を醸し出す和のデザイン！オススメ15選
ホームページのデザインをまとめた記事、ギャラリーサイトは数多くありますが、日本風のものだけを取り扱っているものは少ないのではないでしょうか。この記事を見れば、様々な日本の和スタイルを一度に見ることができます。
28. Photoshopを使って立体感のある文字加工を完全マスターするチュートリアル40まとめ
Photoshopで立体的な文字を作るチュートリアルを40個紹介している記事です。チュートリアルを見ながら作業をしてみることで、Photoshopの新たな使い方・活用方法を学ぶことができます。Photoshopの学習に役立ててみてください。
29. 国内でも注目されつつあるデザインツール「Sketch3」がよく分かる良記事16選
最近デザイナーの間で注目されているツールといえば「Sketch3」です。気になっている方、これから切り替えようと考えている方も多いのではないでしょうか。
この記事ではSketch3について、よくわかる記事を紹介しています。これからSketch3を使ってみたいと考えている方は、ぜひ参考にしてみてください。
- マーケティング
- マーケティングとは、ビジネスの仕組みや手法を駆使し商品展開や販売戦略などを展開することによって、売上が成立する市場を作ることです。駆使する媒体や技術、仕組みや規則性などと組み合わせて「ＸＸマーケティング」などと使います。たとえば、電話を使った「テレマーケティング」やインターネットを使った「ネットマーケティング」などがあります。また、専門的でマニアックな市場でビジネス展開をしていくことを「ニッチマーケティング」と呼びます。
- コンテンツ
- コンテンツ（content）とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- マーケティング
- マーケティングとは、ビジネスの仕組みや手法を駆使し商品展開や販売戦略などを展開することによって、売上が成立する市場を作ることです。駆使する媒体や技術、仕組みや規則性などと組み合わせて「ＸＸマーケティング」などと使います。たとえば、電話を使った「テレマーケティング」やインターネットを使った「ネットマーケティング」などがあります。また、専門的でマニアックな市場でビジネス展開をしていくことを「ニッチマーケティング」と呼びます。
- インタラクション
- 交流、相互作用、対話などの意味を持つ英単語で、ふたつ以上の存在が互いに影響を及ぼしあうことです。ITの分野においては、主に人間とシステム（コンピューター）の間の情報のやりとりのことを指し、人間の操作や入力に対するシステムの反応や出力（アクションとリアクション）、対話的な操作方法、の意味で用いられることが多いです。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- セミナー
- セミナーとは、少人数を対象とする講習会のことです。講師からの一方的な説明だけで終わるのではなく、質疑応答が行われるなど講師と受講者のやり取りがある場合が多いようです。
- シェア
- シェアとは、インターネット上で自分が見つけて気に入ったホームページやブログ、あるいは、Facebookなど自分自身が会員登録しているSNSで自分以外の友達が投稿した写真、動画、リンクなどのコンテンツを自分の友達にも共有して広めたいという目的をもって、SNSで自分自身の投稿としてコンテンツを引用し、拡散していくことをいいます。
- Googleとは、世界最大の検索エンジンであるGoogleを展開する米国の企業です。１９９８年に創業され急激に成長しました。その検索エンジンであるGoogleは、現在日本でも展開していて、日本のYahoo!Japanにも検索結果のデータを提供するなど、検索市場において圧倒的な地位を築いています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの（エクセル・ワード等）作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン（メール・ゲーム・カレンダー等）のことをアプリと呼ぶことが主流になりました。
- UI
- UIとは、ユーザーインターフェイス（User Interface）の略で、ユーザー（使い手）とデバイスとのインターフェイス（接点）のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス（User Experience）の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI（ユーザーインターフェイス、User Interface）がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- タブレット
- タブレットとは、元々「板状のもの」「銘板」といった意味の単語です。パソコンの分野で単にタブレットといえば、「ペンタブレット」や「タブレット型端末」などの板状のデバイス全般を指します。ここでは主にタブレット型端末について説明していきます。
- デバイス
- デバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。
- UI
- UIとは、ユーザーインターフェイス（User Interface）の略で、ユーザー（使い手）とデバイスとのインターフェイス（接点）のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス（User Experience）の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI（ユーザーインターフェイス、User Interface）がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- ファーストビュー
- ファーストビューとは、ユーザーがホームページを訪問した際、スクロールせずに表示される範囲のことです。ディスプレイのサイズや解像度によって、ファーストビューは異なります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト（ウェブレイアウト）」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- フレームワーク
- フレームワークとは、アプリケーションソフトを開発する際によく必要をされる汎用的な機能をまとめて提供し、アプリケーションの土台として機能するソフトウェアのことです。 元々は枠組み、下部構想、構造、組織という意味の英単語です。アプリケーションのひな形であり、これを開発に利用することで、大幅な効率の向上が見込めます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ランディングページ
- ランディングページ（landing page）とは、ユーザーが検索エンジンあるいは広告などから最初にアクセスしたページのことです。「LP」とも呼ばれています。ただしWebマーケティングにおいては、商品を売るために作られた1枚で完結するWebページをランディングページと呼びます。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- バナー
- バナーとは、ホームページ上で他のホームページを紹介する役割を持つ画像ファイルです。画像にリンクを貼り、クリックするとジャンプできるような仕組みになっています。画像サイズの規定はありませんが、88×31ピクセルや234×60ピクセルが一般的です。また、静止画像だけでなく、アニメーションを用いたバナーもあります。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
この記事を書いたライター
おすすめ記事
関連記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO（検索エンジン最適化）
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション（MA）
- メールマーケティング
- データ分析・BI
- CRM（顧客管理）
- SFA（商談管理）
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
●課題
●その他
