Androidに関するaim_fujiのブックマーク (5)

  • スマートフォンサイトの参考デザイン - お知らせ - ホームページ制作のガミ(GAMI) - 長野県(諏訪、岡谷、茅野)

    スマートフォンサイトの参考デザイン - お知らせ|ガミ(GAMI)のホームページ制作|長野県(諏訪市、岡谷市、茅野市) スマートフォンサイトの参考デザイン スマートフォンサイトを作る機会があったのですが、PCサイトやモバイルサイトのデザインに比べ、スマートフォンサイトのデザイン経験が圧倒的に少ないため、スマートフォン専用のデザインギャラリーをチラチラと眺めていたので、そのあたりを一挙ご紹介。 スマートフォンサイトのデザインギャラリー →iPhoneデザインアーカイブ 国内のiPhoneサイトのデザインギャラリー。 業界別にデザインが分かれていて、基配色などを決めるのに便利です。 →iPhoneデザインデータベース 数がまだ少ないですが、国内ギャラリーのひとつ。 →css iPhone Resource 海外のスマートフォン専用デザインギャラリー。 やはり海外サイトらしく、

  • スマホサイトを作る前に見たい国内38社の実例 (1/7)

    この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日のスマホサイトは2年間でこんなに変わった iPhoneAndroidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 好評だった前編に引き続き、Web制作者が見ておきたいスマートフォンサイト(日語/企業サイト限定)を業種別に分類して紹介する。スマートフォンサイトの制作に入る前にチェックしておこう。

    スマホサイトを作る前に見たい国内38社の実例 (1/7)
  • タッチパネルコンテンツ制作の考え方

    タッチパネル端末は、表示された画面を「触る」ことで情報の入出力を同時にできる装置です。多くの場合、指やペンで直感的に操作できるので、年齢や国・地域を問わず幅広く利用され、浸透しています。 業務用では、銀行ATMや駅の自動券売機のような公共性の高い設備から、不動産店舗で物件検索ができる装置などまで、街中に多く設置されています。個人向けとしてもアップルの「iPhone」「iPad」を筆頭に各社のPC体やディスプレイ製品などに搭載されています。 タッチパネルの仕組みと使い方 タッチパネルは、操作した画面の位置情報を検出し、その情報をディスプレイに反映する仕組みになっています。多点に反応するマルチタッチ、点だけでなく面に反応する機能、ペンや筆などの指以外のデバイスでの操作、圧力による強弱反応など、その種類・機能は豊富でそれぞれ方式の異なる技術が使われています。 一般的な仕様では、タッチする(触れ

    タッチパネルコンテンツ制作の考え方
  • 絶対見ておきたい有名企業のスマホサイトまとめ (1/5)

    この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日のスマホサイトは2年間でこんなに変わった iPhoneAndroidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。

    絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
  • スマートフォンサイトをデザインする7つのポイント (1/3)

    Webサイトをデザインするときは、単なる見た目の美しさだけでなく、情報の見やすさや使いやすさなどの「ユーザビリティ」や、高齢者や障がい者の方も快適に使える「アクセシビリティ」に留意する必要があります。さらに、スマートフォンサイトのデザインでは携帯電話端末ならではの特性も考慮しなければなりません。 デザインに必要な環境を整える WebサイトのデザインではいきなりHTMLを書くのではなく、まずPhotoshopやFireworksなどの画像作成ソフトを使って「デザインカンプ」を作成し、画像パーツを切り出してHTML化していくのが一般的です。こうした流れはスマートフォンサイトの場合でも変わりません。 ブラウザー枠を用意しよう PCサイトを制作するときには、デザインカンプを実際のサイトのイメージに近づけるため、Webブラウザーの枠を含む状態でデザインすることがよくあります。そこで、スマートフォンサ

    スマートフォンサイトをデザインする7つのポイント (1/3)
  • 1