週刊Webテク通信

2017年7月第1週号1位は、クライアントが気に入るバナーの作り方、気になるネタは、ディレクトリ型検索「Yahoo!カテゴリ」終了へ--創業時から続いた老舗サービス

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2017年6月26日~7月2日の間に見つけた記事のベスト5です。

1. How to Design Banners That Clients Will Love | Webdesigner Depothttps://www.webdesignerdepot.com/2017/06/how-to-design-banners-that-clients-will-love/

クライアントが気に入るバナーを作る方法を解説しています。まずは、目的とターゲットを理解することが重要とのことです。

  • パーソナライゼーションとローカリゼーション
  • 言葉とイメージ
  • 行動の呼びかけ
  • 販促と申込みを目的としたバナー
  • アニメーション
図1 クライアントが気に入るバナーの作り方
図1 クライアントが気に入るバナーの作り方

2. Popular Web Animation Techniques for Designershttps://www.uxpin.com/studio/blog/popular-web-animation-techniques-designers/

Webアニメーションの人気テクニックを紹介しています。最後にツールとチュートリアルのリンクもありました。

  • ローディングアニメーション
  • ユーザーのアクションに対するフィードバック
  • ナビゲーションでのアニメーション
  • クリエイティブな効果
図2 Webアニメーションのテクニックを紹介
図2 Webアニメーションのテクニックを紹介

3. 137 CSS Buttons | Free Frontendhttp://freefrontend.com/css-buttons/

CSSでデザインされたボタンを大量にまとめた記事です。以下、13種類に分けて紹介しています。

  1. 3Dボタン
  2. クリックボタン
  3. クローズボタン
  4. ダウンロードボタン
  5. ホバーボタン
  6. いいね!ボタン
  7. 再生/停止ボタン
  8. シンプルボタン
  9. SNSボタン
  10. シェアボタン
  11. 星マークでの評価ボタン
  12. 送信ボタン
  13. スワイプボタン
図3 CSSボタンのコーディング例を大量に紹介
図3 CSSボタンのコーディング例を大量に紹介

4. Why are some of the Web's ugliest sites also the most popular?https://thenextweb.com/dd/2017/06/29/why-are-some-of-the-ugliest-sites-on-the-web-also-the-most-popular/

なぜ見た目の悪いサイトのいくつかが、人気サイトなのかを考察した記事です。Wikipediaなど老舗の有名人気サイトが、トレンドとは無縁の旧態依然としたデザインを続けている理由を解説しています。

変えることが良いとは限らない、ユーザーは変化を嫌うというのは、TwitterがUIを変更するたびに批判されていることからも納得できますね。

図4 なぜ見た目の悪いサイトが人気サイトなのか
図4 なぜ見た目の悪いサイトが人気サイトなのか

5. Full Page Screenshots in Browsers | CSS-Trickshttps://css-tricks.com/full-page-screenshots-browsers/

Webページ全体のスクリーンショットを撮る方法を、ブラウザ別に紹介しています。ウィンドウに表示されていない部分も含めて、スクロールしたページ全体のスクリーンショットです。

ChromeとFirefoxはデベロッパーツールを使うことで、機能拡張などを使わなくても撮影できます。Safariは標準機能ではPDFとして書き出す方法しかないとのことでした。

図5 Webページ全体のスクリーンショットを撮る方法
図5 Webページ全体のスクリーンショットを撮る方法

そのほか、最近の記事の中から、気になるニュース記事を3つ紹介します。

先週の気になるWebサービス

8 Fundamental Tools to Help You Start an Online Business - eWebDesignhttps://ewebdesign.com/start-online-business/

今回はオンラインビジネスを始めるのに役立つ8つのサービスをまとめた記事を紹介します。オンラインで活動するにあたって必要なものが一通り揃っています。

WebサイトビルダーとしてはuKitを、デザインツールにはCrelloを推奨しており、SquarespaceやCanvaのような米国での定番とはちょっと違ったチョイスとなっていて興味深いです。

ほかに、請求書、SEO、ストックフォト、フォーム作成、デジタルデータ販売などに関するサービスが掲載されていました。

図6 オンラインビジネスを始めるのに役立つサービス8選
図6 オンラインビジネスを始めるのに役立つサービス8選

おすすめ記事

記事・ニュース一覧