週刊Webテク通信

2013年11月第4週号1位は、フラットデザインは過ぎゆくトレンドなのか否か?気になるネタは、SIMフリーiPhone 5s/5c国内発売 Apple Storeで公式に

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

1. Is flat design a passing trend or something more? | Webdesigner Depothttp://www.webdesignerdepot.com/2013/11/is-flat-design-a-passing-trend-or-something-more/

フラットデザインは過ぎゆくトレンドなのか、それ以上のものなのかを考察した記事です。

以下の項目に分けて、フラットデザインの特長が紹介されていました。

  • 心地よい美学
  • レスポンシブへの対応のしやすさ
  • 読み込みの速さ
  • ユーザビリティと機能性を高める

これまでいろいろなところで語られているのと同様、一時的な流行ではなくひとつの分野を形作っていると結論づけていました。

図1 フラットデザインは過ぎゆくトレンドなのか否か?
図1 フラットデザインは過ぎゆくトレンドなのか否か?

2. Free Photoshop Extensions for Web Designershttp://speckyboy.com/2013/11/20/free-photoshop-extensions-web-designers/

Webデザインに役立つPhotoshopのプラグインやエクステンションを多数紹介しています。

グリッドの作成、スライス、Retina用画像作成などを簡単にする便利なツールが揃っており、PhotoshopでWebデザインをする人には興味深いものばかりだと思います。

図2 Webデザインに役立つPhotoshopのプラグイン&エクステンション
図2 Webデザインに役立つPhotoshopのプラグイン&エクステンション

3. HTML5 Website Designs: 36 Inspiring Examples | Website Designing | Design Bloghttp://blog.karachicorner.com/2013/11/html5-website-designs-examples/

HTML5で作られた参考になりそうなWebデザインのギャラリーです。

かなり作り込まれた、動きのあるサイトが多数紹介されています。

図3 HTML5で作られたWebデザインのギャラリー
図3 HTML5で作られたWebデザインのギャラリー

4. 45 Free PSD Files For Web Designers | IM Creatorhttp://imcreator.com/blog/free-psd-files-for-web-designers

Webデザインに役立つPhotoshopファイル形式の素材を大量に紹介しています。

アイコン素材やiPhoneなどのデバイスを精密に描いた画像などが掲載されています。

図4 Webデザインに役立つPSD素材いろいろ
図4 Webデザインに役立つPSD素材いろいろ

5. 15 Cool Web Design Apps That You Really Need To Try Out | Web Design | Webmasterstand.com - Design. Resources. Development.http://www.webmasterstand.com/web-design/15-cool-web-design-apps-that-you-really-need-to-try-out.html

Webデザインに役立つさまざまなツールが紹介されています。

ジャンルもバラバラですし、オンラインツール、デスクトップアプリケーション、モバイルアプリなど、オススメしたいものを何でもまとめてみた感じのラインナップです。

図5 Webデザインに役立つさまざまなツール
図5 Webデザインに役立つさまざまなツール

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

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

Stylify Me - Online Style Guide Generatorhttp://stylifyme.com/

Stylify Meは、Webページで使用されている色などの情報を取得して表示するサービスです。

URLを入力すると、背景色、テキスト色、フォントやサイズなどのテキストの指定、使用されている画像のサイズが表示されます。また、ページ全体のキャプチャ画像も生成されます。

まだそれほどメジャーじゃないからかもしれませんが、キャプチャも撮っている割には解析するスピードが速いです。なお、ページのキャプチャでは日本語は文字化けします。

ダウンロードボタンがあるので押してみると、解析内容がWebでの見た目のままPDFファイルとなってダウンロードされました。

図6 Stylify MeでGoogleを解析した例
図6 Stylify MeでGoogleを解析した例

おすすめ記事

記事・ニュース一覧