週刊Webテク通信

2014年2月第1週号1位は、スモールビジネスのWebサイトのための重要なヒント10個、気になるネタは、マイクロソフト、SkyDriveを「OneDrive」改称。マルチデバイスで使えるひとつのドライブを強調

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

1. 10 Essential Tips For Designing Your Small Business Websitehttp://despreneur.com/10-essential-tips-for-designing-your-small-business-website/

スモールビジネスのWebサイト制作のための重要なヒントをまとめた記事です。

  1. 解析する
  2. 論理的でわかりやすいナビゲーション
  3. 読みやすく
  4. ふさわしい外観
  5. 印象的なロゴとヘッダ
  6. 高解像度のイラストとグラフィックス
  7. 印象的で独自のページタイトルとメタタグ
  8. 読みやすく文章をフォーマットする
  9. 重要な情報はファーストビューに収める
  10. 経験豊富なWebデザイナーを雇う

最後に「Webデザイナーを雇う」というオチがついていますが、結局のところ餅は餅屋ということですね。

図1 スモールビジネスのWebサイトのための重要なヒント10個
図1 スモールビジネスのWebサイトのための重要なヒント10個

2. Latest Web design trends for 2014 Infographic | PSDtoHTMLHINThttp://www.psdtohtmlhint.com/latest-web-design-trends-for-2014-infographic/

Webデザインのトレンドをまとめたインフォグラフィックスです。

以下の項目が掲載されています。

  • コードを書かないでデザインする
  • Retinaディスプレイ対応
  • 優れたタイポグラフィ
  • CMSベースのサイト
  • フラットデザイン
  • シングルページWebサイト
  • インタラクティブなインフォグラフィックス
図2 Webデザインのトレンドをまとめたインフォグラフィックス
図2 Webデザインのトレンドをまとめたインフォグラフィックス

3. Interactivity, Dynamics, Animations: Fresh Examples of Non-Static Websites - Designmodohttp://designmodo.com/non-static-websites/

インタラクティブ性があったりアニメーションしたりと、動きのあるWebサイトを多数紹介しています。

最近はやりの、スクロールに合わせた動きのあるサイトが多いですね。

図3 動きのあるWebサイトいろいろ
図3 動きのあるWebサイトいろいろ

4. 15+ inspiring website drop down menus - Admire The Web - The Very Best Web Design Inspirationhttp://www.admiretheweb.com/15-inspiring-website-drop-menus/

ドロップダウンメニューが参考になりそうなサイトを多数集めた記事です。

「メガメニュー」と呼ばれて、昔Webデザインのトレンドと言われた、かなり大きな領域のサブメニューが、ドロップダウンするものが多く、ある意味一般化したのかもしれませんね。レスポンシブとの相性は悪そうですが。

図4 ドロップダウンメニューが参考になりそうなサイトを多数紹介
図4 ドロップダウンメニューが参考になりそうなサイトを多数紹介

5. Showcase Of Websites With Beautiful Typographyhttp://www.designyourway.net/blog/inspiration/showcase-of-websites-with-beautiful-typography/

すばらしいタイポグラフィを使ったWebサイトのショーケースです。

大きくバーンと使われている文字が選択できるテキストなのを見かけると、Webフォントが手軽に使える英語環境がうらやましく思えます。

図5 すばらしいタイポグラフィを使ったWebサイトのショーケース
図5 すばらしいタイポグラフィを使ったWebサイトのショーケース

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

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

Salon.io - A Whole New Way Of Presenting Artwork Onlinehttps://salon.io/

Salon.ioは、ポートフォリオやWebサイトが作れるWebサービスです。ドラッグ&ドロップで写真をアップロードするだけで、簡単に写真ギャラリーを作れます。

最近、Goodpatchの協力により日本語化されたようです。

無料アカウントでも画像250枚、5ページまで作れ、広告表示もありません。有料プランでは、独自ドメインが使えたり、Salon.ioのロゴを非表示にもできるようです。

機能はそれほど多くないですが、できることが限定されている分、操作が分かりやすく感じました。誰でも簡単に写真ギャラリーが作れそうです。

図6 ポートフォリオやWebサイトが簡単に作れるWebサービス
図6 ポートフォリオやWebサイトが簡単に作れるWebサービス

おすすめ記事

記事・ニュース一覧