週刊Webテク通信

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

この記事を読むのに必要な時間:およそ 2 分

ネットで見かけた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選

今週の気になるWebネタ

ディレクトリ型検索「Yahoo!カテゴリ」終了へ--創業時から続いた老舗サービス - CNET Japanhttps://japan.cnet.com/article/35103507/

Yahoo! JAPANがディレクトリ型検索の「Yahoo!カテゴリ」の終了を発表しました。1996年の創業時から続いたサービスが歴史に幕を閉じます。

Yahoo!カテゴリへの登録申請は無料で行えるのですが,有料のビジネスエクスプレスを使うと優先的に審査してくれるという仕組みでした。このビジネスエクスプレスの利用者が減ったのが終了の原因じゃないのかなと推測します。

ビジネスエクスプレスは今年7月31日に終了する予定ですが,サービス自体の終了は2018年3月29日とのことで,まだまだ先ですね。

著者プロフィール

芦之由(あしのよし)

Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。シャープMZ-80Bからのパソコンユーザーで,Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。

デイリーWebテク - Webテク関連の話題を毎日配信 -
URLhttp://www.rgs680.com/dwt/

コメント

コメントの記入