ブックレビュー：ケータイサイトのレイアウト

2009/12/4 金曜日 Posted in ブックレビュー | No Comments »

先日こちらの書籍をネットで購入しましたのでレビューを書きたいと思います。 →　Amazon　ケータイサイトのレイアウト 企業・キャンペーン・サービス・ブランディング……240pxのデザインテクニック [amazon.co.jp]   こちらの書籍「ケータイサイトのレイアウト」は、ケータイサイトのキャプチャを集めた書籍です。 同様のコンセプトの書籍には、先日レビューを書かせていただいた「携帯Webコレクション モバイルデザインアーカイブの本。」があります。 内容も構成もほぼ近い感じですね。   「FOOD & DRINKS」、「BEAUTY & HEALTH」、「GOODS & INFORMATION」の3つの章にわかれており、計60個のサイトが多くのキャプチャ画像付きで紹介されています。 デザインのポイント、配色のポイントなどは何点かの解説は書かれているものの、基本的にはキャプチャを載せただけのシンプルなページ構成になっています。   本書の一番のメリットはデザインカタログのように顧客に見せて、打ち合わせで使えるところです。 従来は顧客の要求するイメージを把握するのはかなり大変な作業でしたが、この本があればこちらに掲載されているサイトの中からイメージに近いものを選んで貰い、固めていくことができます。 実際に顧客に接する営業職の方やデザイナーの方にお勧めしたい一冊です。   関連： ブックレビュー：Linux-DB システム構築/運用入門 ブックレビュー：携帯サイト構築バイブル ブックレビュー：携帯Webコレクション モバイルデザインアーカイブの本。 Read more..

XHTMLを使ったページ作成の要点がまとめられた記事「携帯サイト[xhtml]のコーディング前のチェックポイント」

2009/12/2 水曜日 Posted in デザイン | No Comments »

先日ご紹介させていただいたこちらのエントリーに、続編ができたようなのでご紹介させていただきます。   →　これからゆっくり考L +α　携帯サイト[xhtml]のコーディング前のチェックポイント [sakaki0214.com]   前回のHTML編もよかったですが、今回も必要な情報が簡潔にまとめられており、良エントリーとなっていますね。 背景画像やフォント、画像の横幅など、ケータイサイトデザインでは必ず必要になるポイントが抑えられています。   上記ブログはご紹介した記事以外にも、デザインに関する小ネタが幾つも紹介されていてとてもためになります。 デザイナーの方もプログラマの方も、ぜひ一度目を通してみてはいかがでしょうか。   関連： ケータイデザインで出来ること出来ないことがまとめられた記事「携帯サイト（html）の制作に入る前に確認しておきたいチェック項目」 ブックレビュー：携帯Webコレクション モバイルデザインアーカイブの本。 3キャリアのキャプチャを撮って保存してくれるサービス「モバミル」 Read more..

ケータイデザインで出来ること出来ないことがまとめられた記事「携帯サイト（html）の制作に入る前に確認しておきたいチェック項目」

2009/10/30 金曜日 Posted in デザイン, 記事紹介・リンク | 1 Comment »

良エントリーがありましたのでご紹介します。 ケータイデザインで出来ること出来ないことがキレイにまとめられた「携帯サイト（html）の制作に入る前に確認しておきたいチェック項目」というエントリーです。   →　これからゆっくり考L　携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 [sakaki0214.com]   ケータイサイトでは、どうしても実現しづらいデザインというものがあります。 このエントリーでは、ケータイで表現できないようなデザイン案をもらわないように、デザインファイルをもらった時にバーッと見てチェックすべき箇所をまとめているとのことです。   詳細は上記ブログ内でサンプルサイト付きで解説されているので、そちらを見ていただくとして、チェックポイントを簡単に引用させていただくと、次のようになっています。 tableの使用はOKか 背景色を複数色使っていないか 枠線を使っていないか サムネイル画像の横にテキストが来るパターン リストアイコンの下に文字が回り込んでくるかどうか ページの左右に微妙な余白が空いていないか フォントサイズは2段階ないし1段階か 太字を使っていないか   ※非常に細かい話ですが、上記エントリー内では902がテーブルが利用不可と書かれていますが、902はiモード対応HTML6.0なので全機種でtableタグが利用できるはずです。   このブログの書き手はコーダーさんとのことで、ならではの視点で良エントリーとなっていますね。 最近はケータイサイトでもかなり凝ったデザインが求められるようになってきていますので、デザインのやり取りが発生する際のチェック項目として活用してみてはいかがでしょうか。   関連： ケータイ3キャリアに対応するためのDOCTYPE宣言について 3キャリアのキャプチャを撮って保存してくれるサービス「モバミル」 ドコモ端末でCSSを利用するには Read more..

ブックレビュー：携帯Webコレクション モバイルデザインアーカイブの本。

2009/9/8 火曜日 Posted in デザイン, ブックレビュー | 1 Comment »

著者の津田様からご献本いただきました。ありがとうございます。 レビューを書かせていただきたいと思います。   →　Amazon　モバイルデザインアーカイブの本。―携帯Webコレクション [amazon.co.jp]   以前ご紹介させていただいたサイト「モバイルデザインアーカイブ」が書籍になったとのことです。 →　モバイルデザインアーカイブ　トップ [mobiledesignarchive.jp] →　ke-tai.org　ケータイサイトのデザインをジャンル別にまとめて紹介している「モバイルデザインアーカイブ」 [ke-tai.org]   サイトの内容と同じように、本書はケータイサイトのキャプチャ集という形をとっています。 内容としては、ケータイサイトのキャプチャ画像数枚、およびデザインに関する論評・解説が大量に記載されています。 その数、なんと149サイトです。これだけの数のサイトに掲載許可をとるのは大変だったことと思います。お疲れ様でした。   本書の目的としては、サイトのデザイン作成を行う場合に、参考にしたいデザインのサイトを探す、といった使い方が想定されているのだと思われます。 掲載サイトは「プロモーション」「携帯・IT」などのカテゴリに分類されているのも親切です。 ケータイサイトの要件ヒアリングの際などに、この本を1冊持って行くと、お客さんのイメージを拾い上げやすいかもしれませんね。   また、私はプログラマのため、デザイン自体は作成しないのですが、ボタンやメニューなどの部品を作成するケースは多くあります。 本書を見れば部品レベルでも参考にできるデザインがピックアップできるので便利です。 欲を言えば、紹介したデザインを再現するためのHTML／CSSなどを解説してくれると非常に助かるのですが、さすがにそれは欲張りすぎかもしれないですね。   値段も1,680円と技術書などに比べると安価なのも嬉しいですね。 ケータイサイトに関わる人であれば持っていて損のない1冊だと思います。   関連： ブックレビュー： Flash Liteで作る携帯コンテンツ実践教科書 ブックレビュー： PHP×携帯サイト 実践アプリケーション集 ブックレビュー： モバイルSEO&SEM Web担当者が身につけておくべき新・100の法則。 Read more..

3キャリアのキャプチャを撮って保存してくれるサービス「モバミル」

2009/7/22 水曜日 Posted in デザイン, 記事紹介・リンク | No Comments »

本日はケータイサイトをキャプチャしてくれる面白いサービスをご紹介します。   →　モバミル - イケてる携帯サイトデザイン [mobamiru.kayac.com]   モバミルはケータイサイトのURLを入力すると、ドコモ・au・ソフトバンクと3キャリア分のキャプチャ画像を撮ってくれるサイトです。 各キャプチャは絵文字表示にも対応しており、きちんとそれぞれの絵文字画像となって表示されます。   ただ、キャプチャの生成には多少の時間がかかりますので（キャプチャ処理後メールで通知が来ます）、各キャリアの動作確認に使うというよりは、ウェブ魚拓のようにアーカイブ的な使い方や、面白いケータイサイトを探す用途に使えそうです。   サイトの宣伝としても効果があると思いますので、ケータイサイトをお持ちの方は登録してみてはいかがでしょうか。   関連： ケータイサイトのデザインをジャンル別にまとめて紹介している「モバイルデザインアーカイブ」 デザインに優れたケータイサイトをキャプチャ付きで紹介しているサイト「case:MobileDesign! モバイルサイトのデザイン」 ブックレビュー： モバイルユーザビリティ・デザイン Read more..

« Previous Entries
Next Entries »